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

¿Le gustaría crear un formulario personalizado personalizado para su sitio de WordPress? AirTable es un servicio en la nube que combina la potencia de las hojas de cálculo y las bases de datos. Le permite crear aplicaciones personalizadas para hojas de cálculo sin escribir una sola línea de código. En este artículo, le mostraremos el proceso paso a paso sobre cómo crear un formulario personalizado AirTable e incorporarlo en su sitio web de WordPress. ¿Por qué crear un formulario de tablero de aire personalizado en WordPress? AirTable le ayuda a crear aplicaciones personalizadas para hojas de cálculo para almacenar información, como lo haría en una base de datos.
Crea hojas de cálculo fáciles de usar y visualmente atractivas, que se pueden utilizar para la planificación de productos, estudios de usuarios, CRM de ventas (gestión de relaciones con el cliente), lanzamientos de productos, horarios de contenido y más. Sin embargo, deberá ingresar manualmente todos los datos de su cuenta de AirTable.
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Para evitar este problema, puede iniciar un sitio de WordPress y luego crear un formulario personalizado AirTable con el complemento WPFFORMS.

WPFORMS es el mejor complemento para crear formularios y viene con diferentes tipos de plantillas de formulación. Por lo tanto, puede construir fácilmente cualquier tipo de formulario en función de sus requisitos.
Finalmente, puede conectar el formulario a su cuenta de AirTable usando Zapier. Zapier es una aplicación que se conecta a más de 2,000 aplicaciones web como AirTable, Google Calendar y JIRA. Entonces, cada vez que alguien envíe el formulario, los datos se agregarán automáticamente a su cuenta de AirTable. Recubierto, ¿no? Esto lo ayudará a ahorrar un tiempo precioso y aumentar su productividad. Entonces, sin ninguna otra pregunta, comencemos el proceso de crear un formulario de aire personalizado para su sitio de WordPress. Paso 1: Cree un formulario de WordPress. Crearemos un formulario de contacto simple en aras de este tutorial. Luego, le mostraremos cómo conectar este formulario a su cuenta de AirTable. Entonces, lo primero que debe hacer es instalar y activar el complemento WPFORMS. Puede consultar la Guía para principiantes sobre cómo instalar un complemento de WordPress si necesita ayuda. Después de la activación, debe acceder a WPFFORMS »Agregar nuevo para crear un nuevo formulario. En la página de configuración, deberá cambiar el nombre del formulario con cualquier nombre de su elección. Luego debe hacer clic en el formulario de contacto simple para crear el formulario de aire personalizado.
Agregaremos algunos campos básicos como nombre, dirección de correo electrónico, nombre de la organización y número de teléfono a este formulario. Puede seguir nuestro tutorial sobre cómo crear un formulario de contacto simple para obtener instrucciones detalladas.

Después de haber terminado con la parte de personalización, puede realizar cambios en la configuración de notificación y confirmación de este formulario. Finalmente, debe hacer clic en el botón Guardar, presente en la esquina superior derecha de la pantalla, para almacenar los cambios. PAS 2: Incorporar el formulario en su sitio web en este paso, incorporaremos el formulario personalizado en el sitio nuestro y luego Agregaremos al menos una entrada de prueba en el formulario.

Pero, ¿por qué deberíamos agregar una entrada de prueba? La razón es que lo usaremos más tarde para probar la conexión entre WPForms y AirTable. Esto se asegurará de que todo funcione correctamente. Puede incorporar fácilmente el formulario en una publicación, página o barra lateral de su sitio web. Echemos un vistazo a cómo incorporarlo en una página de WordPress. Primero, debe acceder a las páginas »Agregar nuevo desde la barra lateral izquierda del panel de administración de WordPress.

Luego debe hacer clic en el icono Agregar ( +) Agregar para insertar el bloque WPForms.
Esto abrirá el Administrador de bloques donde necesita buscar el bloque WPFFORMS y luego hacer clic para agregar al editor de la página.

Una vez que se agrega el bloque WPFORMS, debe seleccionar el formulario personalizado AirTable en el menú Drop -down. Esto agregará el formulario al editor de páginas. Finalmente, debe publicar esta página haciendo clic en el botón Publicar, presente en la esquina superior derecha de la pantalla.
Ahora continúe y abra esta página en una nueva pestaña de su navegador web. Y luego complete el formulario y haga clic en el botón Enviar para crear una entrada de formulario de prueba.

Paso 3: Instale el complemento Zapier Lo siguiente que debe hacer es instalar el complemento Zapier. En caso de que no lo sepa, Zapier es una herramienta de automatización que le permite conectar 2 o más aplicaciones para realizar una determinada tarea. Por lo tanto, utilizaremos Zapier para conectar WPFFORMS y AIRTABLE. Para instalar el complemento Zapier, debe acceder a la página de complementos WPFFORMS »y luego buscar ese complemento. Una vez que lo haya encontrado, debe instalar y activar el suplemento Zapier. Ahora vaya a la página WPFORMS »Configuración para obtener la tecla API Zapier. Esta clave se usará para conectar Zapier a la cuenta WPFFORMS.

En la página de configuración de WPFFORMS, debe hacer clic en la pestaña Integración. Y luego debe hacer clic en el logotipo de Zapier para encontrar la tecla API para su sitio.
Debe mantener esta página abierta porque usaremos esta clave API más adelante en el paso 5. Paso 4: Cree un nuevo ZAP para conectar WPForms y AirTable, debe crear un nuevo ZAP en el sitio web de Zapier. ¡Esperar! ¿Qué es un Zap? Es un proceso de conexión 2 o más aplicaciones y siempre necesita un desencadenante para realizar una acción específica. En una nueva pestaña de su navegador web, debe abrir el sitio web de Zapier e iniciar sesión en su cuenta. Puede crear una nueva cuenta gratis si no tiene una.

En el tablero de Zapier, ¡debe hacer clic en Crear un Zap! , presente en la esquina superior derecha de la pantalla, para iniciar el asistente de configuración.
Ahora, el proceso de crear un ZAP comprende dos partes. En la primera parte, deberá configurar WPForms como una aplicación de activación. Y luego, deberá configurar AirTable como una aplicación de acción. Comencemos con el proceso de configuración de activación. Paso 5: Configure la aplicación de activación para configurar WPForms como una aplicación de activación, lo primero que debe hacer es buscar la aplicación WPFFORMS usando el cuadro de búsqueda “Elija una aplicación de activación”. Después de encontrarla, debe hacer clic en él continuar. Luego deberá seleccionar “nueva entrada de formulario” como opción de activación y luego hacer clic en el botón Guardar + Continuar.

Es hora de conectar la cuenta WPForms a Zapier ahora. Puede omitir este lado si ha conectado previamente su cuenta WPFFORMS a Zapier. Por otro lado, debe hacer clic en el botón de inicio de sesión de la cuenta si lo hace por primera vez. Esto abrirá una ventana emergente donde se le pedirá que ingrese la URL de su sitio web y la tecla API Zapier. Puede volver al paso 3 para comprender cómo obtener la clave API.
Una vez que haya completado los detalles, debe hacer clic en el botón Sí, continúe. Esto cerrará la ventana emergente y ahora verá su cuenta WPFFORMS agregada a la página “Seleccionar WPFORMS”.

Puede hacer clic en el botón de prueba para verificar la conexión entre WPForms y Zapier. Si recibe un mensaje exitoso, debe hacer clic en el botón Guardar + Continuar para continuar. Zapier ahora accederá a su cuenta WPForms y se hará cargo de todos los formularios de su sitio web. Por lo tanto, continúe y seleccione el formulario personalizado AirTable en la caída en la “Entrada de formulario WPFFORMS” Entonces todas sus entradas de formulario serán recuperadas por el muñeco de nieve. Debe seleccionar cualquiera de las entradas de formulario para que pueda usarse para probar la conexión entre WPForms y AirTable más adelante.

Finalmente, debe hacer clic en el botón Continuar para completar el proceso de configuración de activación. Paso 6: Configure una aplicación de acción para iniciar el proceso de configuración de acción. Para hacer esto, debe hacer clic en “Actualmente, Zap no tiene un paso de acción. ¡Agrega uno ahora! ” Enlace.


Luego deberá buscar la aplicación AirTable utilizando el cuadro de búsqueda “Elija una aplicación de acción” y luego haga clic en ella para continuar.

Zapier ahora le pedirá que seleccione qué acción AirTable desea ocurrir cuando alguien envíe el formulario personalizado AirTable. Debido a que desea agregar un nuevo contacto en el espacio de contacto en el espacio de trabajo “Sales CRM”, seleccione la opción de registro y luego haga clic en el botón Guardar + Continuar.

Es hora de conectar su cuenta de AirTable a Zapier. Para hacer esto, deberá hacer clic en el botón de inicio de sesión de la cuenta. Esto abrirá una ventana pop que le solicite que ingrese a la tecla API AirTable. Por lo tanto, mantenga esta ventana emergente abierta y acceda a la página de la cuenta de AirTable en una nueva pestaña. Aquí debe encontrar la sección API que tenga un cuadro de texto con un texto oculto. Debe hacer clic en ese cuadro de texto para ver la tecla API AirTable. Ahora copie la tecla API y peguela en el cuadro de texto en la ventana PopUp Zapier.

Una vez que haya terminado, debe hacer clic en el botón DA, continuar conectando AirTable al Zapier. Esto cerrará la ventana emergente y ahora verá su cuenta de AirTable agregada a la página “Seleccionar AirTable”. Puede verificar la conexión entre Zapier y AirTable haciendo clic en el botón de prueba.

Si recibe un mensaje exitoso, debe hacer clic en el botón Guardar + Continuar para moverse al siguiente paso. Paso 7: Configurar y probar Zapier Air Mass Tell ahora le pedirá que configure su plantilla para crear un nuevo contacto en su cuenta de AirTable. Echemos un vistazo a cómo configurar esta plantilla. Primero, deberá seleccionar una base en la que desee agregar los datos de contacto. Esto se tomará de su cuenta de AirTable. Como queremos agregar los nuevos contactos a Sales CRM, debe seleccionar Sales CRM en el menú Drop -down.

Del mismo modo, debe seleccionar la tabla de contacto de la caída de la tabla. Esto agregará varios campos nuevos a esta plantilla. Debe tener en cuenta que todos los campos nuevos son opcionales, por lo que depende de usted que desee editar. Además, Zapier se hará cargo de los datos de su formulario aéreo personalizado personalizado para estos campos adicionales. Para el nombre de nombre y órgano, debe hacer clic en el icono de inserción del campo y luego seleccionar el nombre en el menú Drop -down. Y luego, debe seleccionar la organización en el cuadro de contabilidad. De manera similar, puede editar el correo electrónico, el teléfono y los campos de nombres en esta plantilla. Después de haber terminado, debe desplazarse hacia abajo hasta la parte inferior de la página y luego hacer clic en el botón Continuar. Luego puede hacer clic en el botón Enviar la prueba a AirTable para verificar la conexión entre WPFORMS y AIRTABLE.

Esto creará un nuevo contacto con el formulario de prueba en su cuenta de AirTable. Puede confirmar lo mismo accediendo a su cuenta de AirTable. Si el nuevo contacto se crea correctamente, debe volver al experto en configuración de Zapier y hacer clic en el botón Finalizar para completar el proceso de configuración de acción. Finalmente, debe hacer clic en el cuadro de conmutación para activarlo. Esto asegurará que se agregarán nuevos contactos a su cuenta de AirTable cada vez que alguien envíe el formulario personalizado.

También puede dar un nombre de su elección para la próxima referencia.¡Los pensamientos finales felicitan!Ha creado con éxito un formulario personalizado AirTable para su sitio de WordPress.Puede seguir este tutorial paso a paso para crear diferentes tipos de formularios de aire personalizados.Si le gustó este tutorial, le recomendamos que consulte estas publicaciones: Cómo obtener un mensaje de texto SMS de su formulario de WordPress

8 formas extremadamente fáciles de desarrollar su lista de correo electrónico

Cómo crear un formulario personalizado de inscripción de Icontact en WordPress

Si le gustó este artículo, puede consultar a nuestra guía.Además, síganos en Facebook y Twitter para recibir actualizaciones de nuestro blog.