Cómo hacer un formulario de WordPress intuitivo (la forma más fácil)

Publicado: 2020-08-12

¿Quieres crear un formulario personalizado de Insightly WordPress? La creación de su propio formulario le permitirá recopilar datos de contacto en su sitio web y enviarlos automáticamente a su CRM de Insightly.

En este artículo, le mostraremos la manera fácil de crear un formulario personalizado de Insightly WordPress.

Cree su formulario de WordPress Insightly ahora

¿Qué es Insightly?

Insightly es una herramienta de gestión de relaciones con el cliente (CRM) basada en la nube. Combina herramientas de seguimiento de ventas y automatización de marketing en una plataforma.

Insightly te permite crear y personalizar formularios para guardar datos.

Entonces, ¿por qué no incrustar estos formularios básicos de Insightly WordPress en su sitio?

WPForms es el mejor complemento de WordPress Form Builder. ¡Consíguelo gratis!

Bueno, puedes, pero no son muy fáciles de usar.

Con los formularios básicos de Insightly, deberá copiar todo el código del formulario y pegarlo en el editor de código de WordPress. Cada vez que cambie su formulario, deberá volver atrás y repetir todo el proceso.

Es por eso que usaremos WPForms para este tutorial. WPForms facilita la creación de cualquier tipo de formulario, y también es fácil y rápido cambiar sus formularios.

WPForms también le permite agregar más funciones a los formularios Insightly. Usted puede:

  • Capture la ubicación de su contacto
  • Guardar datos de formularios sin terminar
  • Utilice la lógica condicional para mostrar u ocultar campos.

Ahora que entendemos un poco más sobre los formularios de Insightly WordPress, sigamos adelante y creemos un formulario personalizado.

Cómo hacer un formulario de WordPress intuitivo

Si ya sabe cómo crear formularios de Zoho CRM en WordPress, le resultará fácil de seguir. Esta tabla de contenido lo guiará a lo largo del tutorial:

  1. Instale el complemento WPForms
  2. Haga su formulario de WordPress intuitivo
  3. Agregue su formulario Insightly a WordPress
  4. Conecte WPForms a Zapier
  5. Conéctese Insightly a Zapier
  6. Pruebe su integración de WordPress Insightly

¿Listo? Comencemos instalando WPForms.

Paso 1: Instale el complemento WPForms

Para comenzar, instale el complemento WPForms en su sitio web de WordPress.

Si necesita ayuda para instalar WPForms, consulte este artículo sobre cómo instalar un complemento en WordPress.

No olvide activar el complemento antes de continuar.

¡Excelente! El paso 1 está completo. Ahora construyamos el formulario.

Paso 2: crea tu formulario de WordPress intuitivo

WPForms tiene toneladas de plantillas de formularios de WordPress que puede usar.

Continuaremos y comenzaremos con la plantilla de formulario de contacto simple.

Simplemente haga clic en la plantilla para abrirla.

Crear formulario Insightly WordPress

Ahora podemos agregar campos adicionales para nuestro registro de contacto de Insightly.

Para hacer esto, simplemente haga clic en un campo en el panel de la izquierda y arrástrelo al panel de la derecha para agregarlo a su formulario.

¡Recordar! Insightly utiliza 2 campos separados para el nombre del contacto. Puede configurar esto en WPForms haciendo clic en el campo de nombre y cambiando el formato a First Last , así:

Personalizar el campo de nombre para el formulario Insightly WordPress

Estos son los otros campos de Insightly que Zapier puede usar:

  • Saludo (prefijo)
  • Cargo y organización del puesto
  • Dirección de correo electrónico (varios tipos, pero solo puede usar 1)
  • Campos de teléfono para el trabajo, el móvil, el hogar y 'otros'
  • Número de fax
  • ID de Twitter, URL de LinkedIn
  • Etiquetas
  • Información de contexto
  • Dirección postal y "otra" dirección.

Uf. Son muchos campos.

No es necesario que incluya todos estos en su formulario. Pero si lo hace, le recomendamos que utilice saltos de página para crear un formulario de varias partes.

Simplemente arrastre el salto de página donde desea que aparezca en el formulario:

Crear formulario de WordPress Insightly de varias partes

Le mostraremos cómo se ve esto en el paso 3.

También puede hacer que su formulario sea más compacto reduciendo los campos cortos.

Haga clic en el campo, desplácese hacia abajo y establezca el tamaño del campo en Pequeño :

Campo de formulario pequeño de WPForms

Cuando su formulario esté configurado como lo desea, no olvide hacer clic en Guardar antes de continuar con el siguiente paso.

Paso 3: agregue su formulario Insightly a WordPress

Ahora vamos a agregar el formulario Insightly personalizado a nuestro sitio web.

WPForms hace que esta parte sea realmente fácil. Puedes colocar tu formulario:

  • En una publicación
  • En una pagina
  • En la barra lateral.

¿Quieres mejorar las conversiones? Puede usar el complemento Páginas de formulario para colocar su formulario en una página de destino sin distracciones.

En este ejemplo, lo haremos simple y crearemos una nueva página para el formulario en WordPress.

En el panel de WordPress, haga clic en Páginas y luego en Agregar nuevo .

Dale un título a tu página y luego haz clic en el ícono más para agregar un nuevo bloque. Busque WPForms y haga clic en el widget.

Seleccione el bloque WPForms en el editor de bloques

Ahora solo seleccione el formulario que necesita en el menú desplegable.

Seleccione el formulario Insightly WordPress en el editor de bloques

¡Eso es todo! No olvide publicar o actualizar su página.

Inserte y publique el formulario Insightly WordPress

Así es como se ve nuestro formulario publicado. ¿Notaste la barra de progreso en la parte superior? Hicimos esto en un formulario de varios pasos, por lo que la barra de progreso muestra a nuestro visitante cuánto ha completado hasta ahora.

Formulario de WordPress intuitivo con barra de progreso

Antes de continuar, debemos enviar una entrada de prueba a través del formulario. Sin esto, Zapier no podrá conectarse a WPForms en el siguiente paso.

Continúe y complete el formulario, luego envíelo.

Ahora estamos listos para conectar WPForms a Zapier.

Paso 4: Conecte WPForms a Zapier

Zapier conecta diferentes servicios juntos. En este ejemplo, nuestro formulario Insightly WordPress activará el zap.

Entonces, primero, haga clic en Hacer un Zap .

Hacer un Zap en Zapier

Busque WPForms y haga clic en el icono.

Buscar WPForms en Zapier

Ahora necesitará su clave API. Regrese al panel de WordPress y haga clic en WPForms, luego en Integraciones.

Desplácese hacia abajo y haga clic en Zapier para revelar su clave.

Obtener la clave Zapier

Pegue la clave en la ventana de conexión en Zapier. Luego haga clic en Sí, continuar .

Conexión Zapier WPForms

Zapier lo llevará de regreso a la pantalla Make a Zap.

Haga clic en Continuar nuevamente.

Agregar WPForms en Zapier

A continuación, Zapier le pedirá que seleccione el formulario que desea utilizar para el disparador.

Seleccione el formulario que hizo en el Paso 2.

Seleccione el formulario Insightly WordPress

Ahora es el momento de conectar Zapier e Insightly para que podamos enviar los datos del formulario al CRM.

Paso 5: Conéctese Insightly a Zapier

Este paso es muy similar al Paso 4. Esta vez, en Elegir aplicación y evento , buscaremos Insightly y haremos clic en el icono.

Zapier le pedirá su clave API de Insightly.

Para encontrar esto, haga clic en su icono de usuario en la esquina superior derecha en Insightly. Luego haga clic en Configuración de usuario .

Desplácese hacia abajo y copie su clave de API de Insightly:

Clave de API de Insightly

Pegue la clave API en la ventana de conexión en Zapier.

A continuación, debemos seleccionar la acción que queremos desencadenar cuando obtengamos una nueva entrada de formulario.

Para este formulario, queremos crear un nuevo contacto, así que adelante y selecciónelo.

Crear un nuevo contacto en el formulario de Insightly WordPress

Ahora la parte importante. Necesitamos mapear cada campo desde nuestro formulario Insightly WordPress a los campos del formulario en Insightly.

Zapier le mostrará la entrada de prueba que envió para guiarlo aquí.

Crear contacto de Insightly desde WPForms en Zapier

Una vez que todo esté hecho, puede hacer clic en Continuar en Zapier para pasar al paso final.

Paso 6: Pruebe su integración de WordPress Insightly

Cuando todos sus campos estén mapeados, Zapier le pedirá que pruebe su integración.

Si todo funcionó, verá un mensaje de éxito.

Continúe y verifique que su registro se haya creado en Insightly. Aquí está el nuestro:

Se creó el contacto del formulario de WordPress de Insightly

¡Eso es todo! No olvide encender su Zap en Zapier antes de dejar de fumar.

Ahora todo lo que necesita hacer es dirigir tráfico a su formulario. Consulte este artículo sobre cómo obtener más clientes potenciales para obtener algunos consejos.

Cree su formulario de WordPress Insightly ahora

Pensamientos finales

¡Gran trabajo! Ahora sabe cómo crear un formulario personalizado de Insightly WordPress. También puede usar todas las funciones adicionales en WPForms para rastrear sus clientes potenciales.

Si también desea guardar entradas de formularios Insightly en WordPress, consulte este tutorial sobre cómo guardar entradas de formularios en su base de datos de WordPress. También tenemos una guía para crear una integración de WordPress Salesforce utilizando el complemento WPForms Salesforce.

¿Listo para construir tu formulario? Empiece hoy mismo con el plugin de creación de formularios de WordPress más sencillo. WPForms Pro incluye más de 100 plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo le ayudó, síganos en Facebook y Twitter para obtener más tutoriales y guías gratuitos de WordPress.