Resumen de la IA
Es hora de confesar: la verdad es que no soy muy ducho en tecnología. (Si alguna vez has recibido un correo electrónico mío, probablemente ya lo sabrás...)
Por eso, solía dedicar demasiado tiempo a copiar manualmente los formularios enviados desde mi blog de WordPress a otras herramientas. Cada vez que alguien rellenaba un formulario de contacto, abría mi CRM, creaba un nuevo cliente potencial y luego pasaba a mi plataforma de correo electrónico para añadirlo también allí. Realmente era una pérdida de tiempo y energía.
Así que estoy deseando mostraros cómo conectar WPForms a n8n ha transformado todo mi flujo de trabajo, ¡y también puede hacerlo por vosotros!
En esta guía paso a paso, te explicaré cómo configurar la integración de WPForms n8n para enviar automáticamente los formularios enviados a todo tipo de destinos. Herramientas de marketing por correo electrónico, CRM, aplicaciones de gestión de proyectos y miles de otros servicios, por nombrar solo algunos.
Y, como siempre con WPForms, no requiere ningún tipo de programación. Así que si yo puedo hacerlo, cualquiera puede hacerlo. ¡Vamos allá!
Cómo conectar WPForms a n8n: automatiza los flujos de trabajo de tus formularios de WordPress
Lo que necesitarás antes de empezar
Antes de sumergirnos en el proceso de configuración, asegurémonos de que lo tienes todo listo. Necesitarás:
- Licencia WPForms Pro (o superior) instalada y activada en tu sitio WordPress.
- WPForms versión 1.9.8.1 o posterior para acceder al complemento n8n.
- Una cuenta n8n (ya sea autohospedada o en la nube n8n).
El complemento n8n está disponible exclusivamente con WPForms Pro y niveles de licencia superiores, lo que le da acceso a funciones de automatización del flujo de trabajo que pueden transformar radicalmente la forma en que gestiona los envíos de formularios.
Cree su formulario Wordpress ahora
Qué puedes hacer con la integración de n8n
¿Por qué necesitas esas herramientas para empezar? ¡Aquí te explicamos por qué! WPForms + n8n te permite dejar de ser el intermediario entre tus formularios y todas tus otras herramientas. Estos son algunos ejemplos de lo que puedes hacer con ellas:
- Añade automáticamente nuevos clientes potenciales a tu CRM cuando se envíen los formularios.
- Activa secuencias de correos electrónicos en tu plataforma de marketing.
- Crear tareas en herramientas de gestión de proyectos
- Enviar notificaciones a Slack o Microsoft Teams
- Almacenar los datos enviados en Google Sheets o bases de datos.
- Cree automatizaciones personalizadas de varios pasos en docenas de aplicaciones.
Las posibilidades son prácticamente infinitas. Y, como he dicho, puedes configurarlo todo a través de una interfaz visual sin escribir una sola línea de código.
Paso 1: Crea tu flujo de trabajo en n8n
Tu primera tarea es crear un flujo de trabajo en n8n que reciba y procese los envíos de tus formularios. Piensa en ello como en configurar el «extremo receptor» de tu automatización.
Añadir el nodo de activación WPForms
Inicie sesión en su panel de control de n8n y comience un nuevo flujo de trabajo. En el editor de flujos de trabajo, verá un lienzo en el que puede añadir diferentes nodos. Estos son como los bloques de construcción de su automatización.
Haga clic en el icono + (más) para añadir su primer nodo.
En el campo de búsqueda, escribe «WPForms» y selecciona la opción WPForms Trigger de los resultados.
Si es la primera vez que utiliza el nodo WPForms, deberá instalarlo haciendo clic en el botón Instalar nodo que aparece.
Una vez instalado, haz clic en «Añadir al flujo de trabajo» para añadir el nodo WPForms Trigger a tu lienzo de flujo de trabajo.
Este nodo actuará como punto de entrada para todos los datos procedentes de tus formularios de WordPress.
Copie la URL de su webhook
Después de añadir el nodo WPForms Trigger, haz clic en él para abrir el panel de configuración. Verás varias pestañas y opciones, pero la más importante en este momento se encuentra en la sección Parámetros.
Expanda la sección URL de webhook y abra la pestaña URL de producción. Esto revela la dirección de webhook única que n8n ha generado para su flujo de trabajo.
Haga clic en la URL para copiarla en el portapapeles; la necesitará en unos instantes, cuando configuremos WPForms.
Mantenga abierta esta pestaña del navegador mientras pasa al siguiente paso.
Paso 2: Configurar WPForms para enviar datos a n8n
Ahora que n8n está listo para recibir datos, es hora de configurar tu formulario de WordPress para enviar los envíos a tu flujo de trabajo.
Habilitar la integración n8n
En tu panel de control de WordPress, ve al generador de formularios WPForms. Puedes crear un formulario nuevo o abrir uno ya existente que quieras conectar a n8n.
Una vez que estés en la interfaz del creador de formularios, busca la sección Marketing en la barra lateral izquierda y haz clic en n8n. Verás un interruptor con la etiqueta«Habilitar integración n8n»:actívalo para activar la conexión.
Introduzca los datos de su webhook
Después de habilitar la integración, aparecerán varios campos de configuración nuevos.
El primer campo que verás es para la URL de Webhook. Pega la URL de producción que copiaste anteriormente de n8n en este campo.
Por cierto, hay un útil enlace «Probar conexión» en el que puedes hacer clic para verificar que tu sitio de WordPress se comunica correctamente con n8n. Vale la pena hacer clic en él para detectar a tiempo cualquier posible problema de conexión.
Intercambiar la clave secreta
La seguridad es importante al conectar servicios externos, por lo que WPForms utiliza una clave secreta para autenticar las solicitudes.
Verás esta clave secreta en la configuración de WPForms. Cópiala y vuelve a la pestaña de flujo de trabajo de n8n.
A continuación, vuelve a la configuración del nodo WPForms Trigger en n8n, busca el campo Secret Key (Clave secreta) y pega la clave que acabas de copiar.
Esto garantiza que solo las envíos legítimos desde tu formulario de WordPress puedan activar el flujo de trabajo.
Activa tu flujo de trabajo
Antes de salir de n8n, hay un paso crucial: activar tu flujo de trabajo.
Busca el interruptor activo en la esquina superior derecha de la interfaz n8n y actívalo.
Ten en cuenta que tu flujo de trabajo debe estar completo con todas las acciones que deseas que se realicen después de recibir los datos del formulario.
Siempre puedes volver más tarde para añadir más nodos y ampliar tu automatización, pero asegúrate de que la estructura básica esté lista antes de activarla.
Paso 3: Elige cuándo activar tu flujo de trabajo
De vuelta en el generador de formularios WPForms, verás un menú desplegable llamado «Trigger Event» (Evento desencadenante ). Esta potente función te permite controlar exactamente cuándo debe ejecutarse tu flujo de trabajo n8n.
Opciones de activación disponibles
Tienes tres opciones de eventos desencadenantes entre las que elegir:
- El formulario enviado activa tu flujo de trabajo cada vez que alguien completa y envía tu formulario. Esta es la opción más común y funciona bien para formularios de contacto generales, formularios de generación de clientes potenciales y formularios de registro.
- La opción «Entrada marcada como spam» activa tu flujo de trabajo solo cuando un envío es marcado como spam por el detector de spam de WPForms. Esto resulta útil si deseas registrar los intentos de spam, notificar a tu equipo de seguridad o realizar comprobaciones de verificación adicionales.
- El proceso de pago ejecuta su flujo de trabajo después de que se haya completado con éxito un pago a través de su formulario. Esto es ideal para aplicaciones de comercio electrónico, formularios de donación o cualquier formulario que acepte pagos a través de Stripe, PayPal u otras pasarelas de pago.
Elige el evento desencadenante que mejor se adapte a tus objetivos de automatización.
Paso 4: Asigne los campos del formulario
La sección «Asignación de campos» es donde le indicas a n8n qué datos desea recibir de los envíos de formularios. Este es un paso fundamental, ya que determina a qué datos puede acceder y procesar tu flujo de trabajo.
Cómo funciona el mapeo de campos
El mapeo de campos empareja los campos de WPForms con claves de parámetros que n8n reconocerá. En el lado izquierdo, introducirás una clave de parámetro (esta es la etiqueta que n8n utilizará internamente). En el lado derecho, seleccionarás qué campo del formulario debe rellenar ese parámetro.
Por ejemplo, si desea capturar la dirección de correo electrónico de alguien, puede introducir «correo electrónico» como clave de parámetro y, a continuación, seleccionar el campo Correo electrónico en el menú desplegable.
Si desea capturar su nombre, debe introducir «nombre» como clave de parámetro y seleccionar el campo Nombre.
Añadir múltiples asignaciones
La mayoría de los formularios recopilan varios datos, por lo que normalmente necesitarás varias asignaciones de campos. Después de configurar tu primera asignación, haz clic en el botón azul + para añadir otra fila. Continúa añadiendo asignaciones para cada dato que quieras enviar a n8n.
Las asignaciones de campos comunes incluyen direcciones de correo electrónico, nombres, números de teléfono, nombres de empresas, contenido de mensajes y cualquier campo personalizado específico de su formulario.
Una vez que hayas configurado todas las asignaciones de campos, haz clic en el botón Guardar del generador de formularios para guardar los cambios.
¡Y eso es todo! ¿Ves? Te dije que si yo puedo hacerlo, tú también puedes.
Ahora que ha conectado correctamente WPForms a n8n, dispone de la base necesaria para una automatización de flujos de trabajo muy potente. Considere la posibilidad de explorar nuestros otros complementos e integraciones con n8n que pueden optimizar aún más sus procesos.
Cree su formulario Wordpress ahora
Preguntas frecuentes sobre n8n
Sé que n8n puede parecer abrumador al principio. ¡Pero no tiene por qué serlo! Echa un vistazo a la lista de preguntas más frecuentes sobre la integración de n8n y no dudes en ponerte en contacto con nosotros si necesitas más ayuda.
¿Cómo puedo probar mi integración con n8n?
En el editor de flujos de trabajo de n8n, haz clic en el botón «Ejecutar flujo de trabajo». A continuación, cambia a tu sitio de WordPress y envía una entrada de prueba a través de tu formulario. Rellena todos los campos como lo haría un usuario real y, a continuación, pulsa enviar.
Vuelve a n8n y comprueba si el flujo de trabajo ha recibido los datos. Deberías ver los detalles del envío en el registro de ejecución del flujo de trabajo. Si todo parece correcto, ¡enhorabuena, tu integración funciona!
Si no ves aparecer los datos, comprueba que la URL de tu webhook sea correcta, que tu clave secreta coincida y que tu flujo de trabajo esté activado.
¿Qué pasa si borro accidentalmente el nodo n8n?
Si borras o quitas por error el nodo WPForms Trigger de tu flujo de trabajo n8n, los envíos de formularios ya no activarán la automatización.
Para solucionar esto, simplemente añade un nuevo nodo WPForms Trigger, copia su nueva URL de producción y actualiza la URL de Webhook en tu generador de formularios WPForms. No olvides reactivar el flujo de trabajo después de realizar estos cambios.
¿Puedo crear flujos de trabajo complejos y de varios pasos?
¡Sí! El verdadero poder de n8n proviene de encadenar múltiples acciones juntas. Después de que tu nodo WPForms Trigger reciba un envío, puedes añadir nodos para:
- Enviar datos a varios destinos simultáneamente
- Aplicar lógica condicional (escenarios «si... entonces»).
- Transformar o formatear los datos antes de enviarlos a otro lugar.
- Añadir retrasos entre acciones
- Crear procedimientos de gestión de errores y de respaldo.
Explora la biblioteca de nodos de n8n para descubrir los cientos de aplicaciones y servicios que puedes conectar a tus formularios.
A continuación, añada un campo «solo lectura» a su formulario en línea.
Ahora ya sabes cómo activar todo un flujo de trabajo n8n desde los envíos de tus formularios en línea. ¡Enhorabuena! Pero, ¿qué pasa con las entradas de los formularios que deben ser intocables? Aquellas que realmente no deberían ir a ninguna parte... Los nombres de usuario en un formulario de registro, por ejemplo.
¿Sabías que un campo como ese (bueno, casi todos los campos de tu formulario de WordPress) puede ser un campo «solo lectura»? ¡Y es muy fácil de hacer! Echa un vistazo a los sencillos pasos para añadir un campo «solo lectura» a tu formulario aquí.
¿Listo para crear tu formulario? Empieza hoy mismo con el plugin más sencillo para crear formularios en WordPress. WPForms Pro incluye un montón de plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.
Si este artículo te ha ayudado, síguenos en Facebook y Twitter para más tutoriales y guías gratuitas sobre WordPress.
