Cómo crear un formulario de mesa personalizado en WordPress

¿Quieres crear un formulario personalizado de Airtable para tu 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 usarlo para hacer hojas de cálculo, listas de contactos, calendarios de reserva y más.

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

¿Por qué crear un formulario de mesa personalizado en WordPress?

Airtable es una herramienta de gestión de datos que le permite crear aplicaciones personalizadas basadas en datos. Puede usarlo para visualizar mejor los datos recopilados en su sitio web utilizando formularios de WordPress.

Por ejemplo, puede usar los datos de su 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 usarlo para almacenar datos de encuestas de usuarios en su sitio web.

Básicamente, puede utilizar los datos recopilados de sus 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.

Creación de un formulario de mesa personalizado en WordPress

Para crear nuestro formulario Airtable personalizado en WordPress. primero crearemos un formulario de contacto usando WPForms.

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

Después de eso, conectaremos nuestro formulario a Airtable usando 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, incluidas WPForms y Airtable.

¿Listo? Empecemos.

Creando su formulario en WPForms

Primero, debe instalar y activar el WPForms enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Nota: necesitará la versión Pro o superior para acceder al complemento Zapier para WPForms.

Tras la activación, vaya a la WPForms »Configuración página para ingresar su clave de licencia. Encontrará la clave de licencia en su cuenta en el sitio web de WPForms.

Ingresando su clave de licencia para WPForms

A continuación, debe visitar el WPForms »Agregar nuevo página en su panel de WordPress. Esto lanzará la interfaz del constructor de WPForms.

Usaremos una plantilla de formulario de contacto simple con dos campos adicionales para ‘Compañía’ y ‘Número de teléfono’.

El formulario Contáctenos con los campos adicionales, en el generador de formularios WPForms

Una vez que haya configurado su formulario, debe agregarlo a su sitio web de WordPress. Simplemente edite la publicación o la página donde desea agregar el formulario.

En la pantalla de edición de publicaciones, haga clic en el botón (+) para agregar un nuevo bloque. Después de eso, busque el bloque WPForms y agréguelo a su área de contenido.

Agregar el bloque WPForms a su página o publicación

Para obtener instrucciones detalladas, consulte nuestra guía paso a paso sobre cómo crear un formulario de contacto en WordPress.

Una vez que haya 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 WPForms y Airtable.

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

Enviar una entrada de prueba a través del formulario de contacto

Preparación para conectar WPForms y Zapier

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

En su panel de WordPress, vaya al WPForms »Complementos página y busque el complemento Zapier. Luego, continúe e instálelo y actívelo.

Instalación del complemento Zapier para WPForms

Ahora, debes ir al WPForms »Configuración» Integraciones página. Simplemente haga clic en el logotipo de Zapier aquí y obtendrá su clave API de Zapier. Necesita esto para conectar Zapier a su cuenta de WPForms.

Obtenga su clave API de WPForms para usar con Zapier

Copie la clave de API en un lugar seguro o mantenga esta pestaña abierta, ya que la necesitará en el paso posterior.

Preparándose para conectar Airtable y Zapier

Ahora necesita preparar Airtable para conectarse con WPForms a través de Zapier. Para hacer eso, necesita una clave API para Airtable. Esto le permite conectar Airtable con Zapier.

Simplemente crea un Airtable cuenta o inicie sesión en su cuenta existente. Luego, haga clic en el botón Cuenta en la parte superior derecha. Se lo dirigirá a la página de su Cuenta, donde solo debe hacer clic en el botón ‘Generar clave de API’

Generar clave API de Airtable

Una vez que haya generado su clave, debe copiarla y pegarla en un lugar seguro para más adelante.

Creando su Zap para enviar datos desde el formulario de su sitio web a Airtable

A continuación, vaya al sitio web de 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 ‘Hacer un Zap’ en la parte superior izquierda para iniciar el asistente de configuración.

Haga clic en el botón para comenzar a hacer su zap

Nota: En Zapier, un ‘zap’ es un proceso con un disparador y una acción. Nuestro disparador será alguien que complete el formulario, y nuestra acción será crear un registro en Airtable.

En la parte superior de la pantalla, debe darle un nombre a su zap, y luego puede configurar el disparador.

Primero, en el cuadro ‘Elegir aplicación y evento’, escriba ‘WPForms’ en la barra de búsqueda. Después de eso, simplemente haga clic en el icono de WPForms que aparece:

Elija WPForms como su aplicación de activación

Ahora, se le pedirá que elija un evento de activación. Deje esto configurado en ‘Nueva entrada de formulario’ y haga clic en el botón Continuar.

Elija 'Nueva entrada de formulario' como evento desencadenante

Zapier le pedirá que inicie sesión en WPForms. Simplemente haga clic en el botón ‘Iniciar sesión en WPForms’ aquí:

Haga clic en el botón para iniciar sesión en WPForms

Ahora, debería ver una ventana emergente. Deberá ingresar la clave de API que encontró anteriormente más la URL (nombre de dominio) de su sitio web:

Ingrese su clave API de WPForms y la URL de su sitio web

Una vez que haya hecho eso, haga clic en el botón ‘Sí, continuar’ para continuar.

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

Elija el formulario que desea utilizar de la lista desplegable

Una vez que haya seleccionado el formulario correcto, haga clic en el botón ‘Activar prueba’.

Haga clic en el botón para probar que el disparador de su zap está funcionando

A continuación, debería ver un mensaje que le indica que Zapier encontró una entrada de prueba. Los datos de esto se mostrarán en la pantalla:

Zapier debería encontrar su entrada de prueba y mostrarla en la pantalla

Haga clic en el botón “Continuar” para continuar. Ahora se encuentra en la parte Acción de Zap, donde debe elegir su segunda aplicación.

Inicio del paso de acción Hacer esto para su zap

Simplemente escriba Airtable en el menú desplegable y selecciónelo. Luego, verá el menú desplegable para elegir un evento de acción:

Seleccionar Airtable como la aplicación para su 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í:

Elija un evento de acción (crear registro) de la lista desplegable

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.

Haga clic en el botón para iniciar sesión en su cuenta de Airtable

Ahora debe ingresar la clave API de Airtable que obtuvo anteriormente:

Ingrese su clave API de Airtable

Ahora verá un botón Continuar. Simplemente haga clic aquí para continuar haciendo su zap.

Haga clic para continuar una vez que haya conectado su cuenta Zapier a Airtable

A continuación, debe seleccionar su Base, que es la abreviatura de ‘base de datos’. También debe elegir su mesa. Usaremos nuestro CRM de ventas como base y agregaremos nuestros nuevos contactos a la tabla Contactos:

Seleccione su Base y luego su Tabla de las listas desplegables

Ahora necesita decirle a Zapier qué campos de su formulario WPForms deben corresponder a qué columnas en su tabla Airtable.

Para todos los campos aplicables, simplemente seleccione el campo correcto usando sus datos de prueba:

Personalice su registro seleccionando qué datos deben completar en qué columna de su tabla Airtable

Una vez que haya terminado, haga clic en el botón “Continuar” para continuar. Zapier ahora le pedirá que envíe un registro de prueba a Airtable, utilizando sus datos de prueba. Verá una vista previa de los datos.

Enviar datos de prueba a Airtable

Haga clic en el botón “Probar y continuar”. Esto enviará los datos de la prueba a la tabla elegida en Airtable, creando un nuevo registro:

Haga clic para probar y revisar o probar y continuar

Ahora, simplemente necesita hacer clic en el botón ‘Finalizar edición’ para terminar de crear su zap.

Haga clic en el botón 'Finalizar edición' para terminar de crear su zap

Es posible que desee volver a verificar que el registro se haya agregado correctamente a Airtable. Para hacer esto, simplemente vaya a su cuenta de Airtable, abra la base de Sales CRM, luego la tabla de Contactos y verifique sus datos de prueba.

Verificando el registro agregado a la tabla Airtable

Si necesita cambiar algo, simplemente vuelva al paso ‘Personalizar registro’ y cambie qué datos van a qué columna de su tabla.

El último paso es encender su Zap haciendo clic en el control deslizante en la parte inferior de la pantalla.

Enciende tu zap

Tu zap ahora está funcionando. Todas las entradas de formulario a través de su formulario conectado se agregarán a la tabla de Airtable que seleccionó.

Esperamos que este artículo le haya ayudado a aprender a crear un formulario Airtable personalizado en WordPress. Para ir más allá con el crecimiento de su negocio, consulte nuestras guías sobre los mejores servicios telefónicos comerciales y los mejores complementos para sitios web comerciales.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

Deja un comentario