Complemento n8n

n8n Addon es una función Pro

Desbloquea n8n Addon y otras potentes funciones para hacer crecer tu negocio.

Obtener WPForms Pro

¿Le gustaría conectar WPForms con n8n para automatizar sus flujos de trabajo? El complemento n8n le permite enviar las entradas de sus formularios a miles de aplicaciones utilizando el constructor de automatización de n8n, para que pueda crear potentes flujos de trabajo con sólo unos clics.

En este tutorial, le mostraremos cómo instalar y utilizar el addon n8n con WPForms.

Requisitos:

  • Necesitará una licencia Pro o superior para acceder al complemento n8n.
  • Asegúrese de que ha instalado WPForms versión 1.9.8.1 o superior para cumplir con la versión mínima requerida para el addon n8n
  • Usted tiene una instancia n8n auto-alojado configurado y funcionando

Antes de empezar, asegúrese de que WPForms está instalado y activado en su sitio WordPress.

Instalación del Nodo de la Comunidad WPForms en n8n

Nota: Los nodos comunitarios son compatibles con las versiones autoalojadas de n8n. Si utiliza n8n Cloud, es posible que pueda instalarlos poniéndose en contacto con el equipo de soporte de n8n.

Antes de continuar, asegúrese de que su instancia autoalojada de n8n está instalada y funcionando. Si aún no ha instalado una, consulte la guía de instalación oficial de n8n para obtener instrucciones de configuración.

Para conectar WPForms a n8n, primero tendrá que instalar el nodo de la comunidad WPForms dentro de su instancia local de n8n.

Para ello, abre el salpicadero de tu n8n y ve a la página de Configuración haciendo clic en tu foto de perfil en la esquina inferior izquierda.

n8n ajustes

A continuación, en la página Configuración, haga clic en Nodos comunitarios en la barra lateral izquierda y, a continuación, haga clic en el botón Instalar un nodo comunitario para continuar.

Instalar un botón de nodo comunitario

Aparecerá una ventana emergente pidiéndole que introduzca el nombre del paquete npm. En la ventana Nombre del paquete npm escriba n8n-nodes-wpforms.

introduzca el nombre del paquete npm

A continuación, marca la casilla de confirmación que dice "Entiendo los riesgos de instalar código no verificado de una fuente pública" y haz clic en Instalar.

Botón de instalación

Una vez finalizada la instalación, el nodo WPForms se añadirá a su instancia n8n. Ahora podrá utilizarlo en cualquier flujo de trabajo que cree.

Creación del flujo de trabajo en n8n

Después de instalar el nodo WPForms, está listo para crear su flujo de trabajo en n8n y conectarlo a sus formularios WPForms.

En el editor de flujo de trabajo, haga clic en el icono + para añadir el nodo WPForms Trigger. Se abrirá un panel en el que podrá buscar aplicaciones y activadores disponibles.

Haga clic en + para añadir un nuevo nodo

En la barra de búsqueda, escriba 'WPForms', luego seleccione WPForms Trigger de la lista.

Añadir activador WPForms

A continuación, haga clic en Añadir al flujo de trabajo para insertar el nodo Activador de WPForms en su flujo de trabajo.

Añadir nodo al flujo de trabajo

Una vez añadido, se abrirá la ventana del nodo WPForms Trigger. Aquí configurará cómo n8n se conecta con su formulario copiando la URL del webhook y añadiendo posteriormente la clave secreta de WPForms.

En la pestaña Parámetros, expanda la sección URLs de Webhooks, luego abra la pestaña URL de Producción para ver la dirección del webhook en vivo que recibirá los datos del formulario.

Haga clic en la URL mostrada para copiarla.

Copiar URL de webhook

Mantenga esta pestaña abierta por ahora, ya que necesitará esta URL de webhook cuando configure la conexión en el constructor de formularios WPForms a continuación.

Conexión de WPForms a n8n

Ahora que su flujo de trabajo n8n está listo para recibir datos de formularios, es hora de configurar la integración en WPForms.

Empiece creando un nuevo formulario o editando uno existente. Una vez que esté en el creador de formularios, vaya a Marketing " n8n y haga clic en el conmutador Activar integración n8n para activarla.

Activar la integración n8n

Una vez activada, verás que aparecen nuevos ajustes para tu conexión n8n.

En el campo Webhook URL, pegue la URL de Producción que copió anteriormente del nodo WPForms Trigger en n8n.

Pegar URL del webhook

Puede hacer clic en el enlace Probar conexión para confirmar que su sitio puede conectarse correctamente a n8n.

A continuación, copie la clave secreta de WPForms.

A continuación, vuelve a tu nodo n8n y pégala en el campo Clave secreta de n8n.

Una vez hecho esto, cierre la ventana emergente WPForms Trigger y active el interruptor Active en la esquina superior derecha para activar su flujo de trabajo.

Activar flujo de trabajo

Antes de activarlo, asegúrese de que su flujo de trabajo en n8n está completo e incluye todas las acciones que desea que realice. Siempre puede volver más tarde para añadir o ajustar nodos según sea necesario.

Configuración de eventos desencadenantes

Ahora que su flujo de trabajo en n8n está activo, regrese al constructor de formularios WPForms para terminar de configurar su integración para personalizar cómo y cuándo su formulario interactúa con n8n.

El menú desplegable Evento desencadenante del generador de formularios le permite decidir cuándo desencadenar el flujo de trabajo. Puede elegir entre las siguientes opciones:

  • Formulario enviado - Ejecuta el flujo de trabajo cada vez que un usuario envía su formulario.
  • Entrada marcada como spam: ejecuta el flujo de trabajo cuando un envío se marca como spam.
  • Pago procesado - Ejecuta el flujo de trabajo después de que se complete un pago con éxito.

Asignaciones de campos

Debajo de la configuración del evento desencadenante, verá la sección Asignación de campos. Aquí puede especificar qué datos de formulario enviar a n8n.

Para configurarlo, introduzca una clave de parámetro, que es la etiqueta que n8n utilizará para identificar los datos. A continuación, seleccione el campo de formulario correspondiente en el desplegable situado junto a él.

Por ejemplo, para enviar la dirección de correo electrónico del usuario, tendrá que introducir email como clave de parámetro y seleccione el campo Email de su formulario de la lista.

Asignaciones de campos n8n

Puede seguir añadiendo más asignaciones de campos haciendo clic en el botón azul +.

Cuando haya terminado, no olvide hacer clic en Guardar en el generador de formularios para aplicar los cambios.

Una vez que su flujo de trabajo esté totalmente configurado, le recomendamos que lo pruebe antes de ponerlo en marcha. Haga clic en el botón Ejecutar flujo de trabajo del editor n8n y, a continuación, envíe una entrada de prueba a través del formulario. Esto ayuda a verificar que los datos se reciben y procesan como se espera.

Preguntas frecuentes

Aquí hay algunas preguntas comunes sobre el uso del addon n8n con WPForms.

¿Está disponible el nodo WPForms en n8n Cloud?

Los nodos comunitarios, incluyendo WPForms, son soportados principalmente en versiones auto-alojadas de n8n. Esto significa que tendrá que instalar y ejecutar su propia instancia n8n para utilizar el nodo WPForms.

Sin embargo, si está utilizando n8n Cloud, todavía puede ser capaz de instalar nodos de la comunidad poniéndose en contacto con el equipo de soporte de n8n. A veces pueden habilitar nodos comunitarios para usuarios de Cloud bajo petición.

Además, nuestro nodo comunitario WPForms está siendo revisado actualmente por el equipo de n8n. Una vez aprobado, los usuarios de Cloud podrán instalarlo sin asistencia especial.

¿Puedo desactivar el almacenamiento de entradas cuando uso el addon n8n?

Si desea evitar que WPForms almacene las entradas de los formularios en la base de datos de su sitio, vaya a Configuración " General en el constructor de formularios, luego abra la sección Avanzado y habilite la opción Deshabilitar almacenamiento de información de entrada en WordPress.

Desactivar el almacenamiento de información de entrada en WordPress

¿Qué pasa si elimino el nodo WPForms en n8n?

Si el nodo WPForms en su flujo de trabajo n8n es borrado o eliminado, el envío de formularios ya no activará el flujo de trabajo. Para solucionar esto, agregue un nuevo nodo WPForms Trigger a su flujo de trabajo, copie su nueva URL de producción y actualice la URL Webhook en su creador de formularios WPForms. Una vez actualizado, reactive el flujo de trabajo en n8n para restaurar la conexión.

Ya está. Ha conectado con éxito WPForms con n8n.

A continuación, ¿le gustaría saber más sobre lo que puede hacer con las entradas de WPForms? Asegúrese de revisar nuestra guía completa de entradas para obtener detalles sobre todas las opciones y herramientas disponibles.

El mejor plugin de WordPress para crear formularios arrastrando y soltando

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