Videotutorial: Cómo conectar un formulario a n8n

Conecta formularios de tu sitio web a n8n de una manera muy simple

En este video te mostraré 2 métodos con los cuales puedes conectar tu formulario a n8n y con esto automatizar procesos de atención a clientes y prospectos de tu sitio web.

Aprenderás a:

• Apuntar la URL de un formulario HTML a una URL de un Webhook de n8n
• Crear un trigger “On form submission” en n8n
• Incrustar un formulario de n8n mediante una etiqueta iframe en nuestro sitio web

¡Al finalizar, tu aplicación el formulario de tu sitio web quedará conectado a n8n para que le saques todo el provecho! 🚀

Contenido del video:

1. Introducción
2. Presentación
3. Analizando el formulario de contacto de nuestro sitio web (Método 1)
4. Analizando en código HTML del formulario (Sitio 1)
5. Analizando el código Javascript del formulario (Sitio 2)
6. Creando un Webhook en n8n para que reciba los datos del formulario
7. Modificar la URL del método POST del formulario apuntando hacia n8n (Test)
8. Modificar la URL del método POST del formulario apuntando hacia n8n (Production)
9. Prueba de integración: Enviar formulario – Workflow n8n (Método 1)
10. 1Analizando el formulario de contacto de nuestro sitio web (Método 2)
11. Analizando en código HTML del formulario (Sitio 2)
12. Creando un trigger “On form submission” en n8n
13. Agregando el formulario de n8n a nuestro sitio web mediante la etiqueta HTML iframe (Test)
14. Prueba de envío de formulario iframe
15. Modificar la URL de nuestro iframe (Production)
16. Prueba de integración: Enviar formulario – Workflow n8n (Método 2)
17. Despedida