Cómo Conectar WPForms a n8n: Automatiza tus Flujos de Trabajo de Formularios de WordPress

Confesión: en realidad no soy muy experto en tecnología. (Si alguna vez has recibido un correo mío, probablemente ya lo sepas...)

Como tal, solía pasar demasiado tiempo copiando manualmente las entradas de formularios de mi blog de WordPress a otras herramientas. Cada vez que alguien completaba un formulario de contacto, abría mi CRM, creaba un nuevo cliente potencial y luego accedía a mi plataforma de correo electrónico para agregarlos allí también. Era realmente una pérdida de tiempo y energía.

Ahí es donde entra n8n. Es una plataforma de automatización de flujos de trabajo de código abierto —similar a Zapier o Make, pero autoalojable y más flexible— que conecta tus aplicaciones y mueve datos entre ellas automáticamente. Y WPForms tiene una integración incorporada para ello.

En esta guía paso a paso, te mostraré cómo conectar WPForms a n8n para que las entradas de tus formularios se enruten automáticamente a tu CRM, herramientas de marketing por correo electrónico, aplicaciones de gestión de proyectos y miles de otros servicios. No se requiere codificación: si yo puedo configurarlo, cualquiera puede.

Conecta WPForms a n8n en 4 pasos

Lo que necesitarás antes de empezar

Antes de sumergirnos en el proceso de configuración, asegúrate de tener todo listo. Necesitarás:

  • Una licencia de WPForms Pro (o superior) instalada y activada en tu sitio de WordPress
  • WPForms versión 1.9.8.1 o más reciente para acceder al complemento n8n
  • Una cuenta de n8n (autoalojada o n8n cloud)

El complemento n8n está disponible exclusivamente con licencias de WPForms Pro y superiores, lo que te da acceso a capacidades de automatización de flujos de trabajo que pueden transformar seriamente la forma en que manejas las entradas de formularios.

Crea tu formulario de WordPress ahora

Qué puedes hacer con la integración de n8n

¿Por qué necesitas esas herramientas para empezar? ¡Aquí te lo explicamos! 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 él:

  • Añadir automáticamente nuevos clientes potenciales a tu CRM cuando se envían formularios
  • Activar secuencias de correo electrónico en tu plataforma de marketing
  • Crear tareas en herramientas de gestión de proyectos
  • Enviar notificaciones a Slack o Microsoft Teams
  • Almacenar datos de envíos en Hojas de cálculo de Google o bases de datos
  • Crear automatizaciones personalizadas de varios pasos a través de docenas de aplicaciones

Las posibilidades son prácticamente infinitas. Y como dije, puedes configurar todo a través de una interfaz visual sin escribir una sola línea de código.

Cómo se compara n8n con otras herramientas de automatización

Si te preguntas cómo se compara n8n con otras opciones populares, aquí tienes un resumen rápido:

n8nZapierMake
CostePlanes gratuitos (autoalojados) o de pago en la nubeNivel gratuito; los planes de pago comienzan en 19,99 $/mesNivel gratuito; los planes de pago comienzan en 10,59 $/mes
AutoalojamientoSí, control total sobre tus datosNoNo
Conexión WPFormsComplemento integrado (Pro+)Complemento Zapier de WPForms (Pro+)Mediante webhooks
Constructor visual de flujos de trabajoSí, lienzo basado en nodosSí, constructor lineal de zapsSí, editor visual de escenarios
Límite de complejidadAlto: admite ramificaciones, bucles, nodos de código, IAMedio: ideal para automatizaciones sencillas de A a BAlto: potente para flujos complejos de varios pasos
Mejor paraUsuarios que desean control y flexibilidad totalesUsuarios no técnicos que desean la configuración más rápidaPensadores visuales que crean automatizaciones complejas

Los tres funcionan con WPForms, por lo que la elección correcta depende de tu configuración. Si deseas la máxima flexibilidad y la opción de autoalojamiento, n8n es difícil de superar. Si deseas algo más sencillo y no te importa pagar por tarea, Zapier es el más fácil para principiantes. Make se sitúa en un punto intermedio.

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 tu formulario. Piensa en esto como la configuración del "extremo receptor" de tu automatización.

Añadir el nodo de activación de WPForms

Inicia sesión en tu panel de n8n y comienza un nuevo flujo de trabajo. En el editor de flujos de trabajo, verás un lienzo donde puedes añadir diferentes nodos. Estos son como los bloques de construcción para tu automatización.

Haz clic en el icono + (más) para añadir tu primer nodo.

En el campo de búsqueda, escribe "WPForms" y selecciona la opción Activador de WPForms en los resultados.

nodo de activación de wpforms

Si es la primera vez que usas el nodo WPForms, deberás instalarlo haciendo clic en el botón Instalar nodo que aparece.

Una vez instalado, haz clic en Añadir al flujo de trabajo para agregar el nodo de activación de WPForms a tu lienzo de flujo de trabajo.

Este nodo actuará como punto de entrada para todos los datos que provienen de tus formularios de WordPress.

Copia tu URL de Webhook

Después de añadir el nodo de activación de WPForms, 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 está en la sección Parámetros.

Expande la sección URLs de Webhook y abre la pestaña URL de Producción. Esto revela la dirección única de webhook que n8n ha generado para tu flujo de trabajo.

Haz clic en la URL para copiarla en tu portapapeles; la necesitarás en un momento cuando configuremos el lado de WPForms.

Mantén esta pestaña del navegador abierta mientras pasas al siguiente paso.

Caso de uso de WPForms + n8n: Procesamiento de Registro de Eventos

Captura los detalles del registro, añade asistentes a tu plataforma de gestión de eventos, envía correos electrónicos de confirmación, crea credenciales y actualiza tu hoja de cálculo de seguimiento de asistentes, todo automáticamente.

Paso 2: Configura WPForms para enviar datos a n8n

Ahora que n8n está listo para recibir datos, es hora de configurar tu formulario de WordPress para enviar envíos a tu flujo de trabajo.

Habilitar la Integración con n8n

En tu panel de WordPress, navega al constructor de formularios de WPForms. Puedes crear un formulario completamente nuevo o abrir uno existente que quieras conectar a n8n.

Una vez que estés en la interfaz del constructor de formularios, busca la sección Marketing en la barra lateral izquierda y haz clic en n8n. Verás un interruptor etiquetado como "Habilitar Integración con n8n" — actívalo para conectar.

Introduce los Detalles de tu 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 de n8n anteriormente 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 puede comunicarse con n8n con éxito. Vale la pena hacer clic en él para detectar cualquier problema de conexión potencial desde el principio.

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 mostrada en la configuración de WPForms. Cópiala, luego vuelve a tu pestaña de flujo de trabajo de n8n.

Luego, de vuelta en la configuración del nodo de Disparador de WPForms en n8n, encuentra el campo Clave Secreta y pega la clave que acabas de copiar.

Esto asegura que solo los envíos legítimos de tu formulario de WordPress puedan activar el flujo de trabajo.

Activar 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 de n8n y actívalo.

Ten en cuenta que tu flujo de trabajo debe estar completo con todas las acciones que deseas que ocurran después de recibir los datos del formulario.

Siempre puedes volver más tarde para añadir más nodos y expandir tu automatización, pero asegúrate de que la estructura básica esté en su lugar antes de activarla.

Caso de uso de WPForms + n8n: Sistema de Tickets de Soporte al Cliente

Dirige las solicitudes de soporte de tu formulario directamente a tu sistema de helpdesk, asígnalas al equipo apropiado según el tipo de problema y envía correos electrónicos de acuse de recibo a los clientes.

Paso 3: Elige cuándo activar tu flujo de trabajo

De vuelta en el constructor de formularios de WPForms, notarás un menú desplegable Evento de Disparador. Esta potente función te permite controlar exactamente cuándo debe ejecutarse tu flujo de trabajo de n8n.

Opciones de Disparador Disponibles

Tienes tres opciones de evento desencadenante para elegir:

  • 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 leads y formularios de registro.
  • Entrada marcada como spam activa tu flujo de trabajo solo cuando una entrada es marcada como spam por la detección de spam de WPForms. Esto es útil si deseas registrar intentos de spam, notificar a tu equipo de seguridad o realizar comprobaciones de verificación adicionales.
  • Pago procesado ejecuta tu flujo de trabajo después de que un pago se completa con éxito a través de tu 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.

Caso de uso de WPForms + n8n: Procesamiento de pedidos de comercio electrónico

Después de que se procese un pago a través de tu formulario, actualiza el inventario en tu base de datos, notifica a tu equipo de cumplimiento, envía confirmación de envío a los clientes y registra la transacción en tu software de contabilidad.

Paso 4: Mapea los campos de tu formulario

La sección Mapeo de campos es donde le indicas a n8n qué información recibir de los envíos de tu formulario. Este es un paso crítico porque determina qué datos puede acceder y procesar tu flujo de trabajo.

Cómo funciona el mapeo de campos

El mapeo de campos empareja tus campos de WPForms con claves de parámetro que n8n reconocerá. En el lado izquierdo, introducirás una clave de parámetro (esta es la etiqueta que n8n usará internamente). En el lado derecho, seleccionarás qué campo del formulario debe poblar ese parámetro.

Por ejemplo, si deseas capturar la dirección de correo electrónico de alguien, podrías introducir "email" como clave de parámetro y luego seleccionar tu campo de Correo electrónico en el menú desplegable.

Si deseas capturar su nombre, introducirías "name" como clave de parámetro y seleccionarías tu campo de Nombre.

Añadir múltiples mapeos

La mayoría de los formularios recopilan múltiples datos, por lo que normalmente necesitarás varios mapeos de campos. Después de configurar tu primer mapeo, haz clic en el botón + azul para añadir otra fila. Continúa añadiendo mapeos para cada dato que desees enviar a n8n.

Los mapeos 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 tu formulario.

Una vez que hayas configurado todos tus mapeos de campos, haz clic en el botón Guardar en el constructor de formularios para conservar tus cambios.

¡Y eso es todo! ¿Ves? Te dije que si yo puedo hacerlo, tú también puedes.

Y ahora que has conectado con éxito WPForms a n8n, tienes la base para una automatización de flujos de trabajo súper potente. Considera explorar nuestros otros complementos e integraciones de n8n que pueden optimizar aún más tus procesos.

Crea tu formulario de WordPress ahora

Preguntas frecuentes sobre n8n

Sé que n8n puede parecer abrumador al principio. ¡Pero no tiene por qué serlo! Consulta la lista de preguntas frecuentes sobre la integración de n8n y no dudes en contactarnos para obtener más ayuda.

¿Cómo puedo probar mi integración de n8n?

En el editor de flujos de trabajo de n8n, haz clic en el botón “Ejecutar flujo de trabajo”. Luego, 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 recibió los datos. Deberías ver los detalles del envío aparecer en el registro de ejecución del flujo de trabajo. Si todo parece correcto, ¡enhorabuena, tu integración está funcionando!

Si no ves que aparezcan los datos, comprueba que tu URL de webhook sea correcta, que tu clave secreta coincida y que tu flujo de trabajo esté activado.

¿Qué pasa si elimino accidentalmente el nodo de n8n?

Si eliminas o quitas accidentalmente el nodo de Disparador de WPForms de tu flujo de trabajo de n8n, los envíos de tu formulario ya no activarán la automatización.

Para solucionar esto, simplemente añade un nuevo nodo de Disparador de WPForms, copia su nueva URL de producción y actualiza la URL de Webhook en tu creador de formularios de 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. Después de que tu nodo de Disparador de WPForms reciba un envío, puedes añadir nodos para:

  • Enviar datos a múltiples destinos simultáneamente
  • Aplicar lógica condicional (escenarios si/entonces)
  • Transformar o formatear datos antes de enviarlos a otro lugar
  • Añadir retrasos entre acciones
  • Crear procedimientos de manejo de errores y de recuperación

Explora la biblioteca de nodos de n8n para descubrir los cientos de aplicaciones y servicios que puedes conectar a tus formularios.

¿Es n8n gratuito?

n8n es gratuito si lo autoalojas en tu propio servidor. Si prefieres no gestionar el alojamiento, n8n también ofrece planes en la nube con precios basados en las ejecuciones del flujo de trabajo. En cualquier caso, la integración de WPForms n8n está incluida en tu licencia de WPForms Pro (o superior) sin coste adicional.

¿Cuál es la diferencia entre usar n8n y Zapier con WPForms?

Tanto n8n como Zapier te permiten automatizar lo que sucede después de un envío de formulario, como añadir un cliente potencial a tu CRM o activar una secuencia de correo electrónico.

Las principales diferencias son el coste y el control. n8n se puede autoalojar de forma gratuita y te da más flexibilidad para flujos de trabajo complejos y de varios pasos. Zapier solo está en la nube y cobra en función de la cantidad de tareas que ejecutas, pero es más rápido de configurar y tiene una interfaz más sencilla. WPForms tiene complementos integrados para ambos, por lo que puedes elegir el que mejor se adapte a tus necesidades.

¿Necesito conocimientos de codificación para conectar WPForms a n8n?

En absoluto. Toda la configuración es de apuntar y hacer clic: copiarás una URL de webhook, la pegarás en WPForms y mapearás tus campos de formulario usando menús desplegables. n8n admite nodos de código personalizado para usuarios avanzados, pero no los necesitas para una integración estándar de WPForms.

¿Qué nivel de licencia de WPForms necesito para n8n?

Necesitarás WPForms Pro o superior, y tu sitio debe estar ejecutando WPForms versión 1.9.8.1 o más reciente. El complemento n8n está incluido en tu licencia Pro sin coste adicional.

¿Puedo conectar varios formularios a diferentes flujos de trabajo de n8n?

Sí. Cada formulario puede tener su propia conexión de n8n con una URL de webhook única, por lo que puedes dirigir formularios diferentes a flujos de trabajo completamente distintos. Por ejemplo, tu formulario de contacto podría alimentar tu CRM mientras que tu formulario de pedido activa un proceso de cumplimiento.

Ahora sabes cómo activar un flujo de trabajo completo de n8n a partir de los envíos de tu formulario en línea. ¡Enhorabuena! Pero, ¿qué pasa con las entradas del formulario que deben ser intocables? Esas que realmente no deberían ir a ninguna parte... 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 súper 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 de creación de formularios de WordPress más fácil. WPForms Pro incluye muchas plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo te ha sido útil, síguenos en Facebook y Twitter para obtener más tutoriales y guías gratuitas de WordPress.

Divulgación: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Descubre cómo se financia WPForms, por qué es importante y cómo puedes apoyarnos.

Kacie Cooper

Kacie escribe para el blog y supervisa el boletín semanal en WPForms, y también tiene debilidad por crear plantillas de formularios divertidas. Ha estado escribiendo en WordPress y sobre él desde 2016. Aprende más

El mejor plugin constructor de formularios de arrastrar y soltar para WordPress

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.