Cómo crear un formulario de tablero de aire personalizado en WordPress

¿Le gustaría crear un formulario personalizado 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, puede recopilar datos utilizando un formulario en su sitio web y puede usarlos para crear hojas de cálculo, lista de contactos, reserva y más. En este artículo, le mostraremos cómo crear una forma personalizada de AirTable en WordPress.

¿Por qué crear un formulario de tablero de aire personalizado en WordPress? AirTable es una herramienta de gestión de datos que le permite crear aplicaciones personalizadas basadas en datos. Puede usarlo para ver mejor los datos recopilados en su sitio web utilizando el formulario de WordPress.
Por ejemplo, puede usar sus datos de formulario de contacto de WordPress en AirTable como una herramienta CRM (gestión de relaciones con el cliente). También se puede utilizar para administrar clientes potenciales capturados por sus formularios de WordPress. También puede usarlos para almacenar datos de las encuestas de usuarios en su sitio web. Básicamente, puede usar los datos recopilados de los formularios de contacto de WordPress en AirTable para crear aplicaciones personalizadas, flujos de trabajo y herramientas para su negocio. Se dice que analizan cómo hacer fácilmente una forma personalizada de AirTable.
Creación de un formulario de mesa de aire personalizado en WordPress para crear nuestro formulario de aire personalizado en WordPress. Primero crearemos un formulario de contacto usando WPFFORMS. Es el mejor complemento de WordPress para los formularios de mercado en el mercado y le permite crear fácilmente cualquier tipo de forma utilizando una interfaz de deslizamiento y colocación simple. Después de eso, conectaremos el formulario a AirTable utilizando un servicio llamado Zapier. Zapier funciona como un puente para conectar dos aplicaciones diferentes sin ningún código. ¿Puede usarlo con docenas de aplicaciones en línea, incluidos WPFFORMS y ARTIBLE? Vamos a empezar. Creando su formulario en WPFORMS primero, debe instalar y activar el complemento WPFFORMS. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Nota: que necesitará la versión Pro o una versión posterior para acceder al complemento WPFORMS ZAPIER. Después de la activación, vaya a la página WPFFORMS »Configuración para ingresar la clave de licencia. Encontrará en su cuenta en su cuenta en su sitio web WPFFORMS.
Luego debe visitar WPFORMS »Agregue una nueva página al tablero de WordPress. Esto iniciará la interfaz WPForms Builder.

Utilizaremos una plantilla de formulario de contacto simple con dos campos adicionales para “empresa” y “número de teléfono”.
Una vez que haya configurado el formulario, debe agregarlo a su sitio web de WordPress. Simplemente edite la publicación o página donde desea agregar el formulario. En la pantalla de edición posterior, haga clic en el botón (+) para agregar un nuevo bloque. Después de eso, busque el bloque WPFFORMS y agréguelo a la zona de contenido.

Para obtener instrucciones detalladas, consulte nuestra guía de paso por paso sobre la creación de un formulario de contacto en WordPress. Después de haber agregado su formulario a su sitio web, continúe y cree una entrada de prueba. Esto se utilizará para configurar y verificar la conexión entre WPFFORMS y AIRTABLE. Aquí está nuestra entrada de prueba, con nombre, correo electrónico, teléfono, nombre de la empresa y un mensaje:

Preparación para conectar WPForms y Zapier Utilizaremos Zapier para construir un puente entre WPForms y AirTable. Para hacer esto, debe instalar y activar WPFORMS Zapier Addon. En el tablero de WordPress, vaya a la página WPForms »complementos y busque complemento Zapier. Luego continúe, instálelo y activelo.
Ahora, debe acceder a la página WPFFORMS »Configuración» Integraciones. Simplemente haga clic en el logotipo de Zapier aquí y obtendrá la tecla API Zapier. Necesita esto para iniciar sesión en Zapier a su cuenta WPForms.

Copie la clave API en algún lugar de forma segura o mantenga esta pestaña abierta porque la necesitará en el paso posterior. Preparación para conectar AirTable y Zapier Ahora debe prepararse AirTable para conectarse con WPFFORMS a través de Zapier. Para hacer esto, necesita una clave API para AirTable. Esto le permite conectar AirTable al muñeco de nieve. Simplemente cree una cuenta de AirTable o inicie sesión en su cuenta existente. Luego haga clic en el botón de cuenta en la parte superior derecha. Se le dirigirá a la página de su cuenta, donde solo tiene que hacer clic en el botón “Generar la tecla API”

Una vez que haya generado la clave, debe copiarla y pegarla en algún lugar para más adelante. Creando su ZAP para enviar datos de su sitio web a AirTable y luego acceder al sitio web de Zapier. Aquí, debe crear una cuenta gratuita o iniciar sesión en su cuenta existente. En el tablero Zapier, haga clic en el botón “Crear un Zap” en la parte superior izquierda para iniciar el experto en configuración. En la nieve, un “Zap” es un disparador y una acción. Nuestro desencadenante será alguien que complete el formulario, y nuestra acción será crear una grabación en AirTable.

En la parte superior de la pantalla, debe dar un nombre a su Zap y luego puede configurar el disparador. Primero, en el cuadro “Elija la aplicación y el evento”, escriba “WPForms” en la barra de búsqueda. Después de eso, simplemente haga clic en el icono WPFFORMS que aparece:

Ahora, se le pedirá que elija un evento desencadenante. Deje este conjunto en la “nueva entrada de formulario” y haga clic en el botón Continuar.

Zapier le pedirá que inicie sesión en WPFORMS. Simplemente haga clic en el botón “Iniciar sesión en WPFFORMS” aquí:
Ahora deberías ver una ventana emergente. Deberá ingresar la clave API que ha encontrado anteriormente, más la URL (nombre de dominio) de su sitio web:

Después de haber hecho esto, haga clic en el botón “Sí, continúe” para seguir adelante. Luego se le pedirá que seleccione el formulario que ha creado previamente en la lista desplegable.


Después de seleccionar el formulario correcto, haga clic en el botón “Prueba el activador”.

Entonces debería ver un mensaje que le dice que Zapier ha encontrado una entrada de prueba. Los datos en esto se mostrarán en la pantalla: haga clic en el botón “Continuar” para continuar. Ahora está en el lado de acción del ZAP, donde necesita elegir la segunda aplicación.

Simplemente escriba AirTable en el menú desplegable y seleccione. Luego verá el menú Drop -down para elegir un evento de acción:

El evento de acción es simplemente lo que desea que suceda cuando alguien completa el formulario en su sitio que debe seleccionar “Crear registro” aquí:

Ahora Zapier le pedirá que inicie sesión en AirTable. Simplemente haga clic en el botón “Iniciar sesión en AirTable” y luego inicie sesión.

Ahora tienes que ingresar a la tecla API AirTable que tienes antes:

Ahora verás un botón continuar. Simplemente haga clic en él para continuar haciendo su Zap.

Luego debe seleccionar su base, que es el acortamiento de la “base de datos”. También tienes que elegir tu comida. Usaremos nuestras ventas CRM como base y agregaremos nuestros nuevos contactos a la tabla de contacto:

Ahora tiene que decirle a Zapier qué campos en su formulario WPFFORMS debe coincidir con las columnas en su tabla AirTable. Para todos los campos aplicables, simplemente seleccione el campo correcto utilizando los datos de prueba:

Después de haber terminado, 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 prueba. Verá una vista previa de datos.

Haga clic en el botón “Prueba y continúe”. Esto enviará los datos de prueba a la tabla elegida en AirTable, creando una nueva grabación: ahora, solo tiene que hacer clic en el botón “Editar edición” para completar la creación del ZAP.

Es posible que desee verificar nuevamente si el registro se ha agregado correctamente a AirTable. Para hacer esto, simplemente vaya a su cuenta de AirTable, abra la base de ventas de CRM, luego la tabla de contacto y verifique los datos de la prueba.

Si necesita cambiar algo, vuelva al paso “Personalizar el registro” y cambiar los datos que ingresan a la tabla. El último paso es iniciar el ZAP haciendo clic en la diapositiva en la parte inferior de la pantalla.

Tu Zap se está ejecutando ahora. Todas las entradas del formulario a través de su formulario conectado se agregarán a la tabla AirTable que seleccionó. Esperamos que este artículo lo haya ayudado a aprender cómo crear una forma personalizada de AirTable en WordPress. Para ir más allá con el desarrollo de su negocio, consulte nuestras guías para los mejores servicios comerciales y los mejores complementos para sitios comerciales. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.