Post Top Ad

Your Ad Spot

sábado, 25 de julio de 2020

Cómo crear un formulario personalizable en WordPress

¿Desea crear un formulario 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, puede recopilar datos utilizando un formulario en su sitio web y usarlo para hacer hojas de cálculo, lista de contactos, calendarios de reserva y más.
En este artículo, le mostraremos cómo crear un formulario Airtable personalizado en WordPress.
Crear un formulario Airtable personalizado en WordPress

¿Por qué crear un formulario personalizable 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 sus datos de formulario de contacto de WordPress en Airtable como una herramienta CRM (Customer Relationship Management) .
También se puede usar 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 usar los datos recopilados de sus formularios de contacto de WordPress en Airtable para crear aplicaciones, flujos de trabajo y herramientas personalizadas para su negocio.
Dicho esto, echemos un vistazo a cómo crear fácilmente un formulario Airtable personalizado en WordPress.

Crear un formulario personalizable en WordPress

Para crear nuestro formulario Airtable personalizado en WordPress. Primero crearemos un formulario de contacto utilizando WPForms .
Es el mejor plugin de creador de formularios de WordPress en el mercado y le permite crear fácilmente cualquier tipo de formulario utilizando una simple interfaz de arrastrar y soltar.
Después de eso, conectaremos nuestro 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, incluidas WPForms y Airtable.
Listo? Empecemos.

Crear su formulario en WPForms

Primero, debe instalar y activar el complemento WPForms . Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress .
Nota: que necesitará la versión Pro o superior para acceder al complemento Zapier para WPForms.
Tras la activación, vaya a la página de Configuración de WPForms para ingresar su clave de licencia. Encontrará la clave de licencia debajo de su cuenta en el sitio web de WPForms.
Ingresando su clave de licencia para WPForms
A continuación, debe visitar la página WPForms »Agregar nuevo en su panel de WordPress. Esto lanzará la interfaz del generador de WPForms.
Vamos a utilizar una plantilla de formulario de contacto simple con dos campos adicionales para 'Empresa' 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 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 .
Después de haber agregado su formulario a su sitio web, continúe y cree una entrada de prueba. Esto se usará 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, debe instalar y activar el complemento WPForms Zapier.
En su panel de WordPress, vaya a la página WPForms »Complementos y busque el complemento Zapier. Luego, continúe e instálelo y actívelo.
Instalación del complemento Zapier para WPForms
Ahora, debe ir a la página WPForms »Configuración» Integraciones . 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 API en un lugar seguro o mantenga esta pestaña abierta, ya que la necesitará en el paso posterior.

Preparación para conectar Airtable y Zapier

Ahora debe 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 cree una cuenta Airtable o inicie sesión en su cuenta existente. Luego, haga clic en el botón Cuenta en la esquina superior derecha. Se lo dirigirá a la página de su cuenta, donde solo necesita hacer clic en el botón 'Generar clave de API'
Generar clave API API
Una vez que haya generado su clave, debe copiarla y pegarla en un lugar seguro para más adelante.

Crear 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 control de Zapier, haga clic en el botón 'Hacer un Zap' en la esquina superior izquierda para iniciar el asistente de configuración.
Haz clic en el botón para comenzar a hacer tu zap
Nota: En Zapier, un 'zap' es un proceso con un disparador y una acción. Nuestro desencadenante 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 desencadenante. Deje esta configuración 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 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 usar de la lista desplegable
Una vez que haya seleccionado la forma correcta, haga clic en el botón 'Probar disparador'.
Haz clic en el botón para probar que el disparador de tu zap funciona
Entonces 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 debe encontrar su entrada de prueba y mostrarla en la pantalla
Haga clic en el botón 'Continuar' para continuar. Ahora está en la parte Acción del Zap, donde debe elegir su segunda aplicación.
Iniciando el paso de acción Do This para tu zap
Simplemente escriba Airtable en el menú desplegable y selecciónelo. Luego, verá el menú desplegable para elegir un evento de acción:
Seleccionando Airtable como la aplicación para su evento de acción
El evento de acción es simplemente lo que quieres que suceda cuando alguien completa el formulario en tu 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 Airtable que obtuvo anteriormente:
Ingrese su clave API 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 de 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 debe decirle a Zapier qué campos de su formulario WPForms deben corresponder a qué columnas de su tabla Airtable.
Para todos los campos aplicables, simplemente seleccione el campo correcto utilizando sus datos de prueba:
Personalice su registro seleccionando qué datos deben llenar 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 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 'Edición finalizada' 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 verificar que el registro se haya agregado correctamente a Airtable. Para hacer esto, simplemente vaya a su cuenta de Airtable, abra la base Sales CRM y luego la tabla Contactos, y verifique sus datos de prueba.
Comprobando el registro agregado a la tabla Airtable
Si necesita cambiar algo, simplemente regrese 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 se está ejecutando. Todas las entradas de formulario a través de su formulario conectado se agregarán a la tabla Airtable que seleccionó.
Esperamos que este artículo te haya ayudado a aprender cómo 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 de telefonía comercial y los mejores complementos para sitios web comerciales .
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas