Cómo hacer un Sitio Web o Blog en 2024 - Guía fácil y Gratuita para Crear un Sitio Web

Cómo crear un formulario Airtable personalizado en WordPress (manera fácil)

¿Quiere crear un módulo Airtable personalizado para su sitio de WordPress?

Airtable es una herramienta de gestión de datos que le permite crear sus propias aplicaciones personalizadas basadas en datos. Básicamente, puedes recopilar datos con un formulario en tu sitio web y utilizarlos para crear hojas de cálculo, listas de contactos, calendarios de reservas y más.

En este artículo, le mostraremos cómo crear un formulario Airtable personalizado en WordPress.

cómo-crear-un-formulario-airtable-personalizado-en-wordpress-og

¿Por qué crear un formulario Airtable personalizado en WordPress?

mesa inflable es una herramienta de administración de datos que le permite crear aplicaciones personalizadas basadas en datos. De esta manera, podrá visualizar mejor los datos recopilados en su sitio web mediante formularios de WordPress.

Por ejemplo, puede utilizar los datos del formulario de contacto de WordPress en Airtable como herramienta de gestión de relaciones con el cliente (CRM) para gestionar clientes potenciales y contactos capturados de los formularios de WordPress.

También puede almacenar datos de encuestas de usuarios en Airtable.

Aquí hay algunos otros casos de uso para usar Airtable en WordPress:

  • Organice tareas por proyecto, asigne responsabilidades y utilice vistas Kanban para visualizar el progreso del proyecto.
  • Cree un calendario de contenido, realice un seguimiento de las fechas de publicación y asigne autores y ediciones para aumentar el tráfico de su blog.
  • Mantenga una base de datos de artículos de inventario para realizar un seguimiento de las cantidades de su tienda en línea.

Básicamente, puede utilizar los datos recopilados de los formularios de contacto de WordPress en Airtable para crear aplicaciones, flujos de trabajo y herramientas personalizados para su negocio.

Dicho esto, echemos un vistazo a cómo crear fácilmente un formulario Airtable personalizado en WordPress.

Cómo crear un formulario Airtable personalizado en WordPress

Para crear nuestro formulario Airtable personalizado en WordPress, primero crearemos un formulario de contacto usando Formularios WP.

Es el mejor complemento de creación de formularios de WordPress del mercado y le permite crear fácilmente cualquier tipo de formulario mediante una sencilla interfaz de arrastrar y soltar.

A continuación, conectaremos nuestro formulario a Airtable mediante un servicio llamado Zapier.

Zapier funciona como un puente para conectar dos aplicaciones diferentes sin ningún código. Puedes usarlo con docenas de aplicaciones en línea, incluidas WPForms y Airtable.

¿Listo? Vamos a empezar.

Crea tu formulario en WPForms

Primero necesitas instalar y activar el archivo. Formularios WP conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Después de la activación, debe ir al archivo. WPForms »Configuración página.

En la pestaña General, ingrese la clave de licencia de su cuenta en el sitio web de WPForms y haga clic en Verificar clave.

verificar la clave en WPForms

A continuación es necesario visitar el WPForms » Agregar nuevo página en su panel de WordPress. Esto iniciará la interfaz del creador de WPForms, donde puede elegir entre más de 1200 plantillas prediseñadas.

Asegúrese de darle un nombre al formulario para que pueda consultarlo fácilmente.

dale un nombre a tus WPForms

Para este tutorial, utilizaremos el Formulario de contacto simple.

Continúe y haga clic en Usar plantilla.

Utilice la plantilla para un formulario de contacto sencillo

Desde aquí accederás al editor de arrastrar y soltar, donde podrás personalizar fácilmente el formulario.

Digamos que estamos creando un formulario de contacto para recopilar clientes potenciales de clientes B2B potenciales. En este caso, necesitaremos agregar Empresa y Número de teléfono a nuestro formulario de contacto.

🔥 Leer:  ¿Cómo saber si alguien en Instagram te ha bloqueado?

Para agregar su empresa, debe agregar un elemento de Texto de una sola línea, luego hacer clic en el elemento y cambiar el nombre del campo a Empresa.

Agregue el campo de la empresa a WPForms

Si desea que los clientes potenciales proporcionen su número de teléfono, simplemente arrastre la opción del campo Teléfono al editor.

No dude en agregar otros campos que se adapten a sus necesidades. Para más detalles puedes consultar nuestra guía sobre cómo crear un formulario de contacto en WordPress.

Campo telefónico

Una vez configurado el formulario, debe agregarlo a su sitio web de WordPress.

Simplemente presione el botón Incrustar en la parte superior.

botón de inserción

Puede optar por insertar el formulario de contacto en una página existente o en una página nueva.

En este caso elegiremos Seleccionar página existente.

Seleccione la página existente

Elija la página que desee y seleccione ¡Vamos! botón.

Esto lo llevará al editor de WordPress de esa página.

Insertar en una página

Todo lo que tienes que hacer es presionar el botón + en la esquina superior izquierda.

Luego, busque y seleccione el widget WForms para agregarlo a su página.

bloque de formulario WP

Desde aquí puede elegir el formulario de contacto que acaba de crear.

Esto insertará automáticamente el formulario en su página.

elige el formulario de contacto

A continuación, asegúrese de presionar el botón Actualizar en la parte superior.

Ahora, su formulario debería agregarse a su página de WordPress.

botón de actualización

Después de agregar el formulario a su sitio web, continúe y cree una entrada de prueba. Esto se utilizará para configurar y probar la conexión entre WPForms y Airtable.

Aquí está nuestra voz de prueba, con nombre, correo electrónico, teléfono, nombre de la empresa y un mensaje:

Inserción del formulario de contacto.

Active el complemento Zapier para WPForms

Usaremos Zapier para construir un puente entre WPForms y Airtable. Para hacer esto, necesita instalar y activar el complemento WPForms Zapier.

En su panel de WordPress, vaya a WPForms » Complementos página y busque el complemento Zapier. Entonces, adelante, instálalo y actívalo.

Complemento Zapier

Ahora tienes que ir al WPForms »Configuración.

En la página Integraciones, simplemente haga clic en el logotipo de Zapier aquí y obtendrá la clave API de Zapier. Lo necesita para conectar Zapier a su cuenta de WPForms.

Copie la clave API en algún lugar seguro o mantenga esta pestaña abierta, ya que la necesitará en el siguiente paso.

API de Zapier

Configurar una base y una mesa en Airtable

A continuación, necesitamos crear una base en Airtable para almacenar toda la información que recopilamos de nuestro formulario de contacto.

Si eres nuevo en Airtable, es probable que no sepas cómo configurar una base y una mesa.

Primero, la base es la base de datos de nivel superior que se utiliza para organizar y almacenar información. Una tabla en Airtable es similar a una hoja de una hoja de cálculo.

Después de crear una cuenta en mesa inflableContinúe y haga clic en la opción Comenzar desde cero en el panel de la página de inicio.

Si tiene una hoja de cálculo existente que desea migrar a Airtable, simplemente haga clic en la opción Carga rápida.

Comenzando desde cero

Continúe y nombre la base y la mesa.

Decidimos llamar a nuestra base CRM de Ventas y a la tabla Contactos.

Cambiar el nombre de la base y la mesa a Airtable

Luego, cambie las etiquetas de las columnas superiores para que coincidan con los campos del formulario que acaba de crear en WPForms.

En este caso, agregamos una etiqueta para Nombre, Empresa, Correo electrónico y Teléfono.

Cambiar etiquetas

Mantenga esta pestaña abierta, ya que nos referiremos a ella más adelante para ver si nuestra automatización de WordPress está funcionando.

Crear un token de acceso personal

Ahora necesita preparar Airtable para conectarse con WPForms a través de Zapier. Para hacer esto, necesita un token de acceso personal para conectar Airtable con Zapier.

Simplemente inicie sesión en Airtable y haga clic en el botón Cuenta debajo del logotipo de su perfil.

🔥 Leer:  Descubre las increíbles características del iPad 6 Generación. ¡Imperdible!
cuenta aérea

Un token de acceso personal le permite crear múltiples tokens que brindan acceso a la información contenida en sus bases de datos de Airtable.

En la pestaña Descripción general, continúe y haga clic en el botón Ir al centro de desarrolladores.

Vaya al Centro de desarrolladores

Serás llevado al Centro de desarrolladores, donde podrás crear tokens para conectarte a tus datos de Airtable.

En la pestaña Tokens de acceso personal, haga clic en el botón Crear token.

Crear token

Desde aquí se le pedirá que ingrese información importante. Primero, debe asignarle un nombre al token para poder consultarlo fácilmente más adelante si desea cambiar los permisos.

En Ámbitos, debe seleccionar qué pueden hacer los usuarios cuando tienen acceso a este token. En este caso seleccionaremos la opción data.records:write para que los usuarios puedan crear, editar y eliminar registros.

Una vez hecho esto, simplemente haga clic en el botón Crear token.

Crear token desde airtable

Aparecerá una ventana emergente informándole que su token ha sido creado. Simplemente cópialo y guárdalo en un lugar seguro.

Agregaremos este token a Zapier para poder conectar nuestra base de datos Airtable a WordPress.

copiar ficha

Crea tu Zap para enviar datos desde el formulario de tu sitio web a Airtable

A continuación, vaya a sitio zapier. Aquí, debe crear una cuenta gratuita o iniciar sesión en su cuenta existente.

En su panel de Zapier, haga clic en el botón Crear un Zap en la parte superior izquierda para iniciar el asistente de configuración.

crear un zap

En la parte superior de la pantalla, debes darle un nombre al zap y luego puedes configurar el disparador.

Establecer el nombre del disparador en Zapier

Desplácese hacia abajo y haga clic en el cuadro Activador.

A continuación, deberá buscar y seleccionar la aplicación WPForms para iniciar el activador.

Activadores zapier de WPForms

En el cuadro Elegir aplicación y evento, escriba WPForms en la barra de búsqueda.

A continuación, simplemente haga clic en el icono de WPForms que aparece.

Elija WPForms como su aplicación de suscripción

Aparecerá una ventana de barra lateral a la derecha de la pantalla. En Evento, elija Nueva entrada de formulario como disparador para iniciar la acción.

Luego, simplemente presione el botón Continuar.

Activador de evento de entrada de nuevo formulario

A continuación, deberá hacer clic en el botón Iniciar sesión para iniciar sesión en su cuenta de WPForms.

Esto le permite a Zapier capturar todos los datos de entrada de formularios nuevos e insertarlos en su Airtable.

Inicie sesión en WPForms

Aparecerá una ventana emergente.

Deberá ingresar la clave API que generó anteriormente, así como la URL (nombre de dominio) de su sitio web.

permitir un acceso más efectivo a WPForms

Después de hacerlo, haga clic en el botón Continuar para avanzar.

A continuación, se le pedirá que seleccione el formulario creado anteriormente en la lista desplegable.

Botón continuar

Después de seleccionar el formulario de contacto, continúa y selecciona Continuar.

El botón Actualizar campos le permite recargar los datos para reflejar las entradas del formulario más recientes.

Agregar activadores a Zapier

A continuación, haga clic en el botón Probar activador.

Zapier encontrará su entrada más reciente, lo que confirmará si el activador está configurado correctamente.

Activador de prueba

Luego debería ver un mensaje que le indica que Zapier ha encontrado una entrada de prueba.

Los datos introducidos en el formulario se mostrarán en pantalla:

Continuar con el registro seleccionado

Haga clic en el botón Continuar con el registro seleccionado para continuar. Ahora estás en la parte Acción de Zap, donde debes elegir tu segunda aplicación.

Simplemente escribe Airtable en el menú desplegable para encontrar la aplicación. Luego haga clic en el widget Airtable.

Conecte la mesa de aire a zapier

Una vez que Airtable esté conectado a tu zap, verás el menú desplegable para elegir un evento de acción.

El evento de acción es simplemente lo que desea que suceda cuando alguien complete el formulario en su sitio. Debe seleccionar Crear registro aquí.

Luego, presione el botón Continuar.

Crear grabación

Ahora, Zapier te pedirá que inicies sesión en Airtable.

🔥 Leer:  Fecha de lanzamiento de Destiny 3: PC, PS4, PS5, Switch, Xbox

Simplemente haga clic en el botón Iniciar sesión y luego inicie sesión.

Inicia sesión para conectar airtable

Aparecerá una nueva ventana informándole que Zapier está solicitando acceso a Airtable. Básicamente, esto le permite a Zapier enviar automáticamente los datos de entrada de su formulario a los campos que crea en su Airtable.

Todo lo que tienes que hacer es hacer clic en el enlace +Agregar una base. Luego, elija a qué espacios de trabajo desea darle acceso a Zapier. Si no tiene preferencias, simplemente haga clic en la opción Todas las bases actuales y futuras en todos los espacios de trabajo actuales y futuros.

Luego, una vez seleccionado, continúe y haga clic en el botón Otorgar acceso.

Autorizará el acceso

Ahora verá un botón Continuar.

Simplemente haga clic aquí para continuar zapeando.

Sigue zapeando

En la pestaña Acción, primero deberá agregar su Base y Tabla en los menús desplegables proporcionados.

Usaremos nuestro CRM de ventas como base y agregaremos nuestros nuevos contactos a la tabla Contactos.

Agregue base y mesa para cavar

Además, debe indicarle a Zapier qué campos de su formulario WPForms deben corresponder a las columnas de su tabla Airtable.

Para todos los campos aplicables, simplemente seleccione el campo correcto utilizando los datos de su prueba. Debería verse así:

campos de la tabla para agregar al zap

Luego, haga clic en el botón Continuar para continuar.

Zapier ahora le pedirá que envíe un registro de prueba a Airtable utilizando los datos de su prueba.

Verá una vista previa de los datos. Simplemente haga clic en Paso de prueba.

Fase de prueba

Esto enviará los datos de la prueba a la tabla elegida en Airtable, creando un nuevo registro.

Continúe y revise el registro de vista previa para verificar que la información sea correcta.

Registro de prueba

Es posible que desees volver a verificar que el registro se haya agregado correctamente a Airtable.

Es una buena idea verificar que los datos hayan llegado a la base de Airtable y que la información se haya ingresado correctamente en los campos correspondientes.

Datos de la mesa de aire

Ahora regresa a Zapier.

Simplemente haz clic en el botón Publicar para terminar de crear tu zap.

publicar zap

Espera unos segundos a que se publique el Zap.

En la parte superior de la pantalla, deberías ver un botón Encendido, que indica que Zap está activo.

El Zap está activo.

Además, si alguna vez necesita editar el Zap, como cambiar la tabla o los campos para enviar la entrada del formulario, siempre puede encontrar su Zap en el panel principal de Zapier.

Simplemente haga clic en el título del Zap para editarlo.

Editar zap

Tu zap ahora se está ejecutando. Todas las entradas del formulario a través del formulario conectado se agregarán a la tabla Airtable seleccionada.

Bono: Cómo enviar mensajes SMS a tus contactos

Si esta integración le resultó útil, es posible que también desee enviar notificaciones por SMS a las personas que hayan completado su formulario de contacto.

Esta es una excelente manera de mantenerlos actualizados sobre el estado de su solicitud.

Por ejemplo, digamos que tiene clientes potenciales que visitan su página de destino y luego completan su formulario, indicando interés en sus servicios. Mientras los datos del formulario se ingresan en Airtable, querrás otra conexión que envíe automáticamente mensajes SMS a tus contactos para que sepan qué esperar de ti.

La mejor opción es utilizar Brevo, que es un servicio de email marketing que también te permite enviar mensajes SMS a tus contactos.

Sitio corto

Con este software podrás importar tus contactos y luego enviar campañas de mensajes de texto. Para obtener más información, siga nuestro tutorial sobre cómo enviar mensajes SMS a sus usuarios de WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo crear un formulario Airtable personalizado en WordPress. Es posible que también desee consultar nuestras guías sobre los mejores servicios telefónicos comerciales y cómo recibir mensajes de texto SMS desde sus formularios de WordPress.