Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo crear un formulario Airtable personalizado en WordPress (de forma sencilla)

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Desea crear un formulario Airtable personalizado para su sitio WordPress?

En WPBeginner, hemos ayudado a muchos usuarios a integrar perfectamente los formularios de Airtable en sus sitios web de WordPress.

Airtable es una potente herramienta para crear aplicaciones personalizadas basadas en datos, que permite recopilar y gestionar datos de forma eficaz. Luchar con formularios engorrosos y datos desorganizados puede ser frustrante y llevar mucho tiempo.

En este artículo, le mostraremos la forma más sencilla de crear un formulario Airtable personalizado en WordPress sin ningún código obligatorio / requerido / necesario.

how-to-create-a-custom-airtable-form-in-wordpress-og

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

Imagínese que tiene un sitio web muy concurrido con un montón de datos procedentes de formularios de contacto, encuestas y consultas de clientes. Hacer un seguimiento de toda esta información puede convertirse rápidamente en una pesadilla.

Te encuentras perdido en un mar de correos electrónicos, hojas de cálculo y datos mal organizados, perdiendo un tiempo precioso tratando de darle sentido a todo. Aquí es donde los formularios personalizados de Airtable en WordPress vienen al rescate.

Airtable es una herramienta de gestión de datos que permite crear aplicaciones personalizadas basadas en datos. De este modo, podrás visualizar mejor los datos recopilados en tu sitio web mediante formularios de WordPress.

Por ejemplo, puede utilizar los datos de sus formularios de contacto de WordPress en Airtable como una herramienta CRM (Customer Relationship Management ) para gestionar clientes potenciales y contactos capturados por sus formularios de WordPress.

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

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

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

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

Dicho esto, veamos 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 haremos un formulario de contacto utilizando WPForms.

Es el mejor plugin maquetador de formularios para WordPress del mercado y le permite crear cualquier tipo de formulario fácilmente utilizando una sencilla interfaz de arrastrar y soltar.

Después de eso, vamos a conectar nuestro formulario a Airtable mediante el uso de un servicio llamado Zapier.

Zapier funciona como un puente para conectar dos apps diferentes sin necesidad de código. Puedes usarlo con docenas de apps online, incluyendo WPForms y Airtable.

¿Preparados? Primeros pasos.

Cree su formulario en WPForms

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

Nota: Necesitará la versión Pro o superior para acceder a la extensión Zapier para WPForms.

Una vez activado, debe ir a la página WPForms ” Ajustes.

En la pestaña ‘General’, introduzca la clave de licencia de su cuenta en el sitio web de WPForms y pulse ‘Verificar clave’.

verify key in WPForms

A continuación, debe visitar la página WPForms ” Añadir nuevo en su escritorio de WordPress. Esto abrirá la interfaz del maquetador de WPForms, donde podrá elegir entre más de 1200 plantillas prediseñadas.

Asegúrate de dar un nombre a tu formulario para poder consultarlo fácilmente.

name your WPForms

Para este tutorial, utilizaremos el “Formulario de contacto simple”.

Sigue adelante y haz clic en “Usar plantilla”.

Use template for simple contact form

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

Digamos que estamos creando un formulario de contacto para recoger clientes potenciales de B2B. En este caso, querremos añadir “Empresa” y “Número de teléfono” a nuestro formulario de contacto.

Para añadir la empresa, tiene que añadir un elemento / texto de una línea, a continuación, haga clic en el elemento y cambie el nombre del campo a “Empresa”.

Add company field to WPForms

Si desea que los clientes potenciales faciliten su número de teléfono, sólo tiene que arrastrar la opción de campo “Teléfono” al editor.

No dudes en añadir cualquier otro campo que se ajuste a tus necesidades. Para más detalles, puedes consultar nuestra guía sobre cómo crear un formulario de contacto en WordPress.

Phone field

Una vez establecido el formulario, debe añadirlo a su sitio web de WordPress.

Sólo tiene que pulsar el botón “Incrustar” de la parte superior.

embed button

Puede elegir incrustar el formulario de contacto en una página existente o en una página nueva.

En este caso, elegiremos “Seleccionar página existente”.

Select existing page

Elige la página que desees y pulsa el botón “¡Adelante!

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

Embed in a page

Sólo tienes que pulsar el botón “+” de la esquina superior izquierda.

A continuación, busca y selecciona el widget WForms para añadirlo a tu página.

WPforms block

Desde aquí, puedes elegir el formulario de contacto que acabas de crear.

Esto incrustará automáticamente el formulario en tu página.

choose contact form

A continuación, asegúrate de pulsar el botón “Actualizar” de la parte superior.

Ahora, su formulario debe ser añadido a su página de WordPress.

update button

Después de haber añadido su formulario a su sitio web, siga adelante y cree una entrada / registro de prueba. Esto se utilizará para establecer y comprobar la conexión entre WPForms y Airtable.

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

Contact form entry

Activar la extensión Zapier para WPForms

Vamos a utilizar Zapier para construir un puente entre WPForms y Airtable. Para ello, es necesario instalar y activar el Zapier WPForms extensión.

En su escritorio de WordPress, vaya a la página WPForms ” Extensiones y busque la extensión Zapier. A continuación, instálelo y actívelo.

Zapier addon

Ahora, usted necesita ir a la WPForms ” Ajustes.

En la página ‘Integraciones’, simplemente haga clic en el logotipo de Zapier aquí, y obtendrá su clave API de Zapier. La 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 paso siguiente.

Zapier api

Establecer una base y una mesa en Airtable

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

Si eres nuevo en Airtable, puede que no sepas cómo establecer una base y una mesa.

En primer lugar, la base es la base de datos de nivel superior utilizado para organizar y almacenar información. Una tabla en Airtable es similar a una hoja en una hoja de cálculo.

Una vez que haya creado una cuenta en Airtable, siga adelante y haga clic en la opción “Empezar de cero” en su página de inicio / página de inicio.

Si ya tiene una hoja de cálculo que desea migrar a Airtable, haga clic en la opción “Subida rápida”.

Start from scratch

Adelante, ponle nombre a tu base y a tu mesa.

Hemos decidido llamar a nuestra base “CRM de ventas” y a la tabla “Contactos”.

Rename base and table in Airtable

Luego, cambie las etiquetas de la columna superior para que coincidan con los campos de formulario que acaba de crear en WPForms.

En este caso, hemos añadido una etiqueta para el nombre, la empresa, el correo electrónico y el teléfono.

Change labels

Mantenga esta pestaña abierta, ya que volveremos a ella más tarde para comprobar si nuestra automatización de WordPress funciona.

Crear un token de acceso personal

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

Sólo tiene que acceder a Airtable y hacer clic en el botón “Cuenta” situado bajo el logotipo de su perfil.

Airtable account

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

En la pestaña “Visión general”, haz clic en el botón “Ir al centro de desarrollo”.

Go to developer hub

Accederá al centro de desarrollo, donde podrá crear tokens para conectar con sus datos de Airtable.

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

Create token

A partir de aquí, se le pedirá que rellene información importante. En primer lugar, debe asignar un nombre al token para poder consultarlo fácilmente más adelante si desea editar los permisos.

En ‘Scopes,’ debes seleccionar lo que los usuarios pueden hacer cuando se les da acceso a este token. En este caso, seleccionaremos la opción “data.records:write” para que los usuarios puedan crear, editar y borrar registros.

Una vez hecho esto, basta con hacer clic en el botón “Crear token”.

Create token from airtable

Aparecerá un mensaje / ventana emergente informándote de que se ha creado tu token. Cópielo y guárdelo en un lugar seguro.

Vamos a añadir este token a Zapier para que podamos conectar nuestra base de datos Airtable a WordPress.

copy token

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

A continuación, ve al sitio web de Zapier. Aquí, tienes que crear una cuenta gratuita o acceder a tu cuenta existente.

En tu tablero de Zapier, haz clic en el botón “Crear un Zap” en la parte superior izquierda para iniciar el asistente de configuración.

Create a zap

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

En la parte superior de la pantalla, tienes que dar un nombre a tu zap y, a continuación, puedes establecer el disparo.

Set up name for trigger in Zapier

Desplácese hacia abajo y haga clic en la casilla “Activar”.

A continuación, usted querrá encontrar y seleccionar la aplicación WPForms para iniciar el disparador.

WPForms zapier trigger

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 WPForms que aparece.

Choose WPForms as your trigger app

Aparecerá una ventana de barra lateral a la derecha de su pantalla. En Evento, seleccione “Nueva entrada / registro” como desencadenante para iniciar la acción.

A continuación, basta con pulsar el botón “Continuar”.

New form entry event trigger

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

Esto permite Zapier para agarrar todos los nuevos datos de entrada de formulario e insertarlo en su Airtable.

Sign in to WPForms

Aparecerá una ventana emergente.

Deberá introducir la clave API que generó anteriormente, además de la URL(nombre de dominio) de su sitio web.

allow zapier access to WPForms

Una vez hecho esto, haga clic en el botón “Continuar” para seguir adelante.

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

Continue button

Una vez que haya seleccionado el formulario de contacto, siga adelante y seleccione “Continuar”.

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

Add trigger to Zapier

A continuación, haz clic en el botón “Probar activador”.

Zapier encontrará su entrada / registros más recientes, lo que confirmará si el activador se ha establecido correctamente.

Test trigger

A continuación, debería ver un mensaje que le indica que Zapier ha encontrado una entrada / registros de prueba.

Los datos de su entrada / registro se mostrarán en la pantalla:

Continue with selected record

Haz clic en el botón “Continuar con el registro seleccionado” para continuar. Ahora estás en la parte de Acción del Zap, donde tienes que elegir tu segunda aplicación.

Sólo tienes que escribir “Airtable” en el menú desplegable para encontrar la aplicación. A continuación, haz clic en el widget de Airtable.

Connect airtable to zapier

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

El evento de acción es simplemente lo que quieres que ocurra cuando alguien complete el formulario en tu sitio. Aquí debe seleccionar “Crear registro”.

A continuación, pulse el botón “Continuar”.

Create record

Ahora, Zapier le indicará que acceda a Airtable.

Sólo tiene que hacer clic en el botón “Iniciar sesión” y acceder.

Sign in to connect airtable

Aparecerá una nueva ventana diciéndole que Zapier está solicitando acceso a Airtable. Básicamente, esto permite a Zapier enviar automáticamente los datos de entrada / registros de su formulario a los campos creados en su Airtable.

Solo tienes que hacer clic en el enlace “+ Añadir una base”. A continuación, elige a qué espacios de trabajo quieres dar acceso a Zapier. Si no tienes ninguna preferencia, haz clic en la opción “Todas las bases actuales y futuras en todos los espacios de trabajo actuales y futuros”.

A continuación, una vez seleccionado, siga adelante y haga clic en el botón “Conceder acceso”.

Grant access

Ahora verá un botón “Continuar”.

Sólo tienes que hacer clic aquí para seguir haciendo tu zapping.

Continue with making zap

En la pestaña Acción, tendrás que añadir primero tu “Base” y tu “Tabla” en los menús desplegables.

Vamos a utilizar nuestro CRM de ventas como base y vamos a añadir nuestros nuevos contactos a la tabla Contactos.

Add base and table to zap

Además, tiene que decirle 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 sus datos de prueba. Debería ser algo parecido a esto:

table fields to add to zap

A continuación, haga clic en el botón “Continuar” para seguir avanzando.

Zapier le indicará ahora que envíe un registro de prueba a Airtable utilizando sus datos de prueba.

Verá una vista previa de los datos. Basta con hacer clic en “Probar paso”.

Test step

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

Marque / compruebe que la información es correcta en la vista previa.

Test record

Puede volver a comprobar que el registro se ha añadido correctamente a Airtable.

Es una buena idea comprobar que los datos han llegado a su base de Airtable y que la información se ha introducido correctamente en los campos adecuados.

Airtable data

Ahora, vuelve a encabezar Zapier.

Sólo tienes que hacer clic en el botón “Publicar” para terminar de crear tu zap.

Publish zap

Dale al Zap unos segundos para que se publique.

En la parte superior de la pantalla debería aparecer el botón “On”, que indica que el Zap está activo.

Zap is on

Además, si alguna vez necesitas editar el Zap, como cambiar a qué tabla o campos enviar tu entrada de formulario, siempre puedes encontrar tu Zap en el inicio / página de inicio de Zapier.

Basta con hacer clic en el título del Zap para editarlo.

Edit zap

Su zap está ahora en marcha. Todas las entradas / registros a través de su formulario conectado se añadirán a la tabla Airtable que haya seleccionado.

Bonificación: Cómo enviar mensajes SMS a sus clientes potenciales

Si esta integración te ha resultado útil, es posible que también quieras enviar avisos por SMS a las personas que hayan rellenado tu formulario de contacto.

Es una buena manera de mantenerles informados del 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 introducen en una Airtable, querrás otra conexión que envíe automáticamente mensajes SMS a tus clientes potenciales para que sepan qué esperar de ti.

La mejor opción es utilizar Brevo, que es un servicio de marketing por correo electrónico que también le permite enviar mensajes SMS a sus clientes potenciales.

Brevo website

Con este software, podrás importar tus contactos y luego enviar campañas de mensajes de texto. Para más información, sólo tienes que seguir nuestro tutorial sobre cómo enviar mensajes SMS a tus 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 marcar / comprobar nuestras guías a los mejores servicios telefónicos de negocios y cómo obtener mensajes de texto SMS de sus formularios de WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

4 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    I have some polls on my blog, but this way is more comfortable for doing sheets with answers an data of users on my blog. This is a good idea how to do it in better way. Thanks a lot.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.