{"id":14106,"date":"2025-11-18T12:39:54","date_gmt":"2025-11-18T12:39:54","guid":{"rendered":"https:\/\/ia-al-telefono.com\/connect-whatsapp-with-n8n-in-5-minutes\/"},"modified":"2025-11-28T17:38:35","modified_gmt":"2025-11-28T17:38:35","slug":"connect-whatsapp-with-n8n-in-5-minutes","status":"publish","type":"post","link":"https:\/\/ia-al-telefono.com\/en\/connect-whatsapp-with-n8n-in-5-minutes\/","title":{"rendered":"Connect WhatsApp with N8n in 5 minutes"},"content":{"rendered":"\n<style>\n    .integracion-whatsapp-n8n * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n    \n    .integracion-whatsapp-n8n {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        line-height: 1.6;\n        color: #333;\n    }\n    \n    .integracion-whatsapp-n8n .intro-box {\n        background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n        color: white;\n        padding: 30px;\n        border-radius: 10px;\n        margin-bottom: 30px;\n        box-shadow: 0 5px 20px rgba(37, 211, 102, 0.3);\n    }\n    \n    .integracion-whatsapp-n8n .intro-box h2 {\n        color: white;\n        margin-bottom: 15px;\n        font-size: 1.6em;\n    }\n    \n    .integracion-whatsapp-n8n .intro-box p {\n        margin-bottom: 10px;\n        font-size: 1.05em;\n    }\n    \n    .integracion-whatsapp-n8n .requisitos-box {\n        background: #f8f9fa;\n        border-left: 5px solid #25D366;\n        padding: 25px;\n        border-radius: 10px;\n        margin-bottom: 30px;\n    }\n    \n    .integracion-whatsapp-n8n .requisitos-box h3 {\n        color: #128C7E;\n        margin-bottom: 15px;\n        font-size: 1.3em;\n    }\n    \n    .integracion-whatsapp-n8n .requisito-item {\n        margin-bottom: 15px;\n        padding-left: 30px;\n        position: relative;\n    }\n    \n    .integracion-whatsapp-n8n .requisito-item:before {\n        content: \"\u2713\";\n        position: absolute;\n        left: 0;\n        color: #25D366;\n        font-weight: bold;\n        font-size: 1.3em;\n    }\n    \n    .integracion-whatsapp-n8n .requisito-item strong {\n        color: #128C7E;\n    }\n    \n    .integracion-whatsapp-n8n .requisito-item a {\n        color: #667eea;\n        text-decoration: none;\n        font-size: 0.9em;\n        display: block;\n        margin-top: 5px;\n    }\n    \n    .integracion-whatsapp-n8n .step {\n        margin-bottom: 40px;\n        padding: 25px;\n        background: #f8f9fa;\n        border-radius: 10px;\n        border-left: 5px solid #25D366;\n        transition: transform 0.2s, box-shadow 0.2s;\n    }\n    \n    .integracion-whatsapp-n8n .step:hover {\n        transform: translateX(5px);\n        box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    }\n    \n    .integracion-whatsapp-n8n .step-number {\n        display: inline-block;\n        width: 40px;\n        height: 40px;\n        background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n        color: white;\n        border-radius: 50%;\n        text-align: center;\n        line-height: 40px;\n        font-weight: bold;\n        font-size: 1.2em;\n        margin-right: 15px;\n        box-shadow: 0 3px 10px rgba(37, 211, 102, 0.3);\n    }\n    \n    .integracion-whatsapp-n8n .step-title {\n        font-size: 1.4em;\n        color: #128C7E;\n        margin-bottom: 15px;\n        display: flex;\n        align-items: center;\n    }\n    \n    .integracion-whatsapp-n8n .step-content {\n        margin-top: 15px;\n        line-height: 1.8;\n    }\n    \n    .integracion-whatsapp-n8n .step-content p {\n        margin-bottom: 12px;\n    }\n    \n    .integracion-whatsapp-n8n .highlight {\n        background: #fff3cd;\n        padding: 2px 6px;\n        border-radius: 3px;\n        font-weight: 500;\n    }\n    \n    .integracion-whatsapp-n8n .warning {\n        background: #f8d7da;\n        border-left: 4px solid #dc3545;\n        padding: 15px;\n        margin: 15px 0;\n        border-radius: 5px;\n    }\n    \n    .integracion-whatsapp-n8n .success {\n        background: #d4edda;\n        border-left: 4px solid #28a745;\n        padding: 15px;\n        margin: 15px 0;\n        border-radius: 5px;\n    }\n    \n    .integracion-whatsapp-n8n .info {\n        background: #d1ecf1;\n        border-left: 4px solid #17a2b8;\n        padding: 15px;\n        margin: 15px 0;\n        border-radius: 5px;\n    }\n    \n    .integracion-whatsapp-n8n code {\n        background: #2d2d2d;\n        color: #f8f8f2;\n        padding: 2px 8px;\n        border-radius: 4px;\n        font-family: 'Courier New', monospace;\n        font-size: 0.9em;\n    }\n    \n    .integracion-whatsapp-n8n .beneficios-box {\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        color: white;\n        padding: 30px;\n        border-radius: 10px;\n        margin: 30px 0;\n    }\n    \n    .integracion-whatsapp-n8n .beneficios-box h3 {\n        color: white;\n        margin-bottom: 20px;\n        font-size: 1.4em;\n    }\n    \n    .integracion-whatsapp-n8n .beneficios-box ul {\n        list-style: none;\n        padding-left: 0;\n    }\n    \n    .integracion-whatsapp-n8n .beneficios-box li {\n        margin-bottom: 12px;\n        padding-left: 30px;\n        position: relative;\n    }\n    \n    .integracion-whatsapp-n8n .beneficios-box li:before {\n        content: \"\u2713\";\n        position: absolute;\n        left: 0;\n        font-weight: bold;\n        font-size: 1.3em;\n    }\n    \n    .integracion-whatsapp-n8n .conclusion-box {\n        background: #f8f9fa;\n        border: 2px solid #25D366;\n        padding: 30px;\n        border-radius: 10px;\n        margin-top: 40px;\n        text-align: center;\n    }\n    \n    .integracion-whatsapp-n8n .conclusion-box h3 {\n        color: #128C7E;\n        margin-bottom: 15px;\n        font-size: 1.5em;\n    }\n    \n    .integracion-whatsapp-n8n .conclusion-box p {\n        margin-bottom: 10px;\n        line-height: 1.8;\n    }\n    \n    .integracion-whatsapp-n8n .seccion-previa {\n        background: #fff8e1;\n        border-left: 5px solid #ffc107;\n        padding: 20px;\n        margin: 30px 0;\n        border-radius: 8px;\n    }\n    \n    .integracion-whatsapp-n8n .seccion-previa h4 {\n        color: #f57c00;\n        margin-bottom: 10px;\n    }\n<\/style>\n\n<div class=\"integracion-whatsapp-n8n\">\n    <div class=\"intro-box\">\n        <h2>\ud83d\ude80 Integra WhatsApp con n8n y Automatiza tus Conversaciones<\/h2>\n        <p>Integrar WhatsApp con n8n te permite automatizar conversaciones, centralizar mensajes y conectar este canal con cualquier sistema que utilices en tu empresa.<\/p>\n        <p>Aunque el proceso requiere varias configuraciones dentro del ecosistema de Meta, siguiendo este paso a paso podr\u00e1s dejarlo funcionando sin complicaciones.<\/p>\n        <p><strong>\ud83d\udca1 Bonus:<\/strong> Una vez tengas WhatsApp conectado, podr\u00e1s usar ese webhook dentro de tu propio panel en <strong>IA al Tel\u00e9fono<\/strong>, ofreciendo a tus clientes un frontend donde podr\u00e1n ver las conversaciones, pausar flujos y gestionar todo sin entrar en n8n.<\/p>\n    <\/div>\n\n    <div class=\"requisitos-box\">\n        <h3>\ud83d\udccb Requisitos para conectar WhatsApp con n8n<\/h3>\n        <p style=\"margin-bottom: 20px;\">Antes de comenzar, aseg\u00farate de tener:<\/p>\n        \n        <div class=\"requisito-item\">\n            <strong>Cuenta personal de Facebook<\/strong> con autenticaci\u00f3n en dos pasos activada\n        <\/div>\n        \n        <div class=\"requisito-item\">\n            <strong>P\u00e1gina de empresa en Facebook<\/strong> (Fan Page)\n        <\/div>\n        \n        <div class=\"requisito-item\">\n            <strong>Acceso a Meta Business Suite<\/strong>\n            <a href=\"https:\/\/business.facebook.com\" target=\"_blank\">\u2192 https:\/\/business.facebook.com<\/a>\n        <\/div>\n        \n        <div class=\"requisito-item\">\n            <strong>Acceso a Meta for Developers<\/strong>\n            <a href=\"https:\/\/developers.facebook.com\" target=\"_blank\">\u2192 https:\/\/developers.facebook.com<\/a>\n        <\/div>\n        \n        <div class=\"requisito-item\">\n            <strong>Una instancia de n8n<\/strong> (cloud o self-hosted)\n            <a href=\"https:\/\/n8n.io\" target=\"_blank\">\u2192 https:\/\/n8n.io<\/a>\n        <\/div>\n        \n        <div class=\"info\" style=\"margin-top: 20px;\">\n            <strong>\u26a0\ufe0f Importante:<\/strong> Estos elementos son imprescindibles para obtener la API de WhatsApp y crear la conexi\u00f3n.\n        <\/div>\n    <\/div>\n\n    <div class=\"seccion-previa\">\n        <h4>\u2699\ufe0f Configuraci\u00f3n inicial en Facebook<\/h4>\n        <p>Meta exige que la cuenta personal que gestionar\u00e1 los activos tenga actividad y seguridad reforzada. Para activar la verificaci\u00f3n en dos pasos, accede a tu perfil y entra en:<\/p>\n        <p style=\"margin-top: 10px;\"><strong>Configuraci\u00f3n \u2192 Centro de cuentas \u2192 Contrase\u00f1a y seguridad \u2192 Autenticaci\u00f3n en dos pasos<\/strong><\/p>\n        <p style=\"margin-top: 10px;\">Una vez tengas la seguridad configurada, podr\u00e1s continuar con el proceso.<\/p>\n    <\/div>\n\n    <!-- PASO 1 -->\n    <div class=\"step\">\n        <h2 class=\"step-title\">\n            <span class=\"step-number\">1<\/span>\n            Crear una p\u00e1gina de empresa en Facebook\n        <\/h2>\n        <div class=\"step-content\">\n            <p>La p\u00e1gina es el activo que Meta asocia a la API de WhatsApp. Crea la tuya desde el men\u00fa de Facebook en la secci\u00f3n <strong>P\u00e1ginas<\/strong>.<\/p>\n            <p>A\u00f1ade nombre, categor\u00eda, descripci\u00f3n y los elementos visuales b\u00e1sicos como la foto de perfil y la portada. Completa tambi\u00e9n la informaci\u00f3n de contacto.<\/p>\n            <div class=\"success\">\n                <strong>\u2705 Tip:<\/strong> Si esta p\u00e1gina queda bien configurada, el proceso posterior ser\u00e1 m\u00e1s fluido.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- PASO 2 -->\n    <div class=\"step\">\n        <h2 class=\"step-title\">\n            <span class=\"step-number\">2<\/span>\n            Configurar tu negocio en Meta Business Suite\n        <\/h2>\n        <div class=\"step-content\">\n            <p>Accede a <strong>https:\/\/business.facebook.com<\/strong> y crea un negocio (portfolio).<\/p>\n            <p>Dentro de ese negocio, <span class=\"highlight\">a\u00f1ade la Fan Page<\/span> que acabas de crear. Esta estructura ser\u00e1 necesaria para asignar permisos, gestionar m\u00e9todos de pago y activar la API.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- PASO 3 -->\n    <div class=\"step\">\n        <h2 class=\"step-title\">\n            <span class=\"step-number\">3<\/span>\n            Crear la aplicaci\u00f3n en Meta for Developers\n        <\/h2>\n        <div class=\"step-content\">\n            <p>Entra en <strong>https:\/\/developers.facebook.com<\/strong> y crea una aplicaci\u00f3n del tipo <span class=\"highlight\">Empresa<\/span>.<\/p>\n            <p>Asocia la app al negocio creado en Business Suite y a\u00f1ade el producto <strong>WhatsApp<\/strong>.<\/p>\n            <div class=\"info\">\n                <strong>\ud83d\udca1 Nota:<\/strong> Aqu\u00ed podr\u00e1s generar los tokens, configurar el webhook y gestionar todo lo relacionado con la API de WhatsApp.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- PASO 4 -->\n    <div class=\"step\">\n        <h2 class=\"step-title\">\n            <span class=\"step-number\">4<\/span>\n            Conectar WhatsApp con n8n usando el n\u00famero de prueba\n        <\/h2>\n        <div class=\"step-content\">\n            <p>Meta ofrece un <span class=\"highlight\">n\u00famero de prueba<\/span> para que puedas verificar la integraci\u00f3n antes de usar un n\u00famero real.<\/p>\n            <p>En n8n, crea un nuevo workflow y a\u00f1ade un nodo <code>Webhook<\/code> en m\u00e9todo <strong>POST<\/strong>. Copia la URL generada.<\/p>\n            <p>En Meta Developers, ve a la configuraci\u00f3n de <strong>Webhooks<\/strong> e introduce esa URL junto con un <code>Verify Token<\/code>.<\/p>\n            <p>Cuando la verificaci\u00f3n est\u00e9 correcta, podr\u00e1s enviar un mensaje desde tu WhatsApp personal al n\u00famero de prueba y ver c\u00f3mo aparece autom\u00e1ticamente en n8n.<\/p>\n            <div class=\"success\">\n                <strong>\u2705 Confirmaci\u00f3n:<\/strong> Este paso confirma que la integraci\u00f3n funciona y que la estructura est\u00e1 configurada correctamente.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- PASO 5 -->\n    <div class=\"step\">\n        <h2 class=\"step-title\">\n            <span class=\"step-number\">5<\/span>\n            Conectar tu n\u00famero real a WhatsApp API\n        <\/h2>\n        <div class=\"step-content\">\n            <p>Cuando la prueba sea satisfactoria, a\u00f1ade un <strong>n\u00famero real<\/strong> en Meta Developers.<\/p>\n            <div class=\"warning\">\n                <strong>\u26a0\ufe0f Requisito importante:<\/strong> Este n\u00famero debe ser nuevo y no haber usado WhatsApp previamente.\n            <\/div>\n            <p>Verif\u00edcalo por SMS o llamada y despu\u00e9s completa el perfil de WhatsApp Business: nombre de empresa, categor\u00eda, zona horaria y descripci\u00f3n.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- PASO 6 -->\n    <div class=\"step\">\n        <h2 class=\"step-title\">\n            <span class=\"step-number\">6<\/span>\n            A\u00f1adir un m\u00e9todo de pago en Business Suite\n        <\/h2>\n        <div class=\"step-content\">\n            <p>Para activar el uso real de la API, Meta exige una <span class=\"highlight\">tarjeta v\u00e1lida<\/span>.<\/p>\n            <p>Entra en <strong>Facturaci\u00f3n y pagos<\/strong> dentro de Business Suite y a\u00f1ade tu m\u00e9todo de pago.<\/p>\n            <div class=\"info\">\n                <strong>\ud83d\udca1 Importante:<\/strong> Esto desbloquea el env\u00edo de mensajes fuera del entorno de prueba.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- PASO 7 -->\n    <div class=\"step\">\n        <h2 class=\"step-title\">\n            <span class=\"step-number\">7<\/span>\n            Crear un token permanente para n8n\n        <\/h2>\n        <div class=\"step-content\">\n            <p>El token inicial que ofrece Meta caduca r\u00e1pido, as\u00ed que debes generar uno <strong>permanente<\/strong>.<\/p>\n            <p>En Meta Business Suite, abre <span class=\"highlight\">Usuarios del sistema<\/span> y crea un nuevo usuario.<\/p>\n            <p>Genera un token con los permisos:<\/p>\n            <ul style=\"margin: 15px 0; padding-left: 40px;\">\n                <li><code>whatsapp_business_management<\/code><\/li>\n                <li><code>whatsapp_business_messaging<\/code><\/li>\n            <\/ul>\n            <div class=\"warning\">\n                <strong>\u26a0\ufe0f Guarda bien este token:<\/strong> Lo usar\u00e1s para crear la conexi\u00f3n final en n8n.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- PASO 8 -->\n    <div class=\"step\">\n        <h2 class=\"step-title\">\n            <span class=\"step-number\">8<\/span>\n            Actualizar el webhook y conectar WhatsApp definitivamente en n8n\n        <\/h2>\n        <div class=\"step-content\">\n            <p>En n8n, crea una nueva conexi\u00f3n con el <strong>token permanente<\/strong> e introduce la URL del webhook en Meta Developers para reemplazar la del entorno de prueba.<\/p>\n            <div class=\"success\">\n                <strong>\u2705 Listo:<\/strong> A partir de aqu\u00ed podr\u00e1s recibir mensajes reales y utilizarlos en cualquier flujo automatizado que crees dentro de n8n.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- PASO 9 -->\n    <div class=\"step\">\n        <h2 class=\"step-title\">\n            <span class=\"step-number\">9<\/span>\n            Poner la aplicaci\u00f3n en modo producci\u00f3n\n        <\/h2>\n        <div class=\"step-content\">\n            <p>Para que la integraci\u00f3n est\u00e9 totalmente activa, a\u00f1ade las URLs de tu <strong>pol\u00edtica de privacidad<\/strong> y <strong>t\u00e9rminos del servicio<\/strong> dentro de Meta Developers.<\/p>\n            <p>Despu\u00e9s cambia el modo de la app de <span class=\"highlight\">Desarrollo<\/span> a <span class=\"highlight\">Producci\u00f3n<\/span>.<\/p>\n            <div class=\"warning\">\n                <strong>\u26a0\ufe0f Obligatorio:<\/strong> Este \u00faltimo paso es necesario para usar WhatsApp API sin limitaciones.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- BENEFICIOS CON IA AL TEL\u00c9FONO -->\n    <div class=\"beneficios-box\">\n        <h3>\ud83c\udfaf C\u00f3mo usar esta conexi\u00f3n dentro de IA al Tel\u00e9fono<\/h3>\n        <p style=\"margin-bottom: 20px;\">Una vez que WhatsApp est\u00e1 conectado a n8n, puedes ir un paso m\u00e1s all\u00e1. Con la URL del webhook funcionando, podr\u00e1s integrarlo en tu panel de <strong>IA al Tel\u00e9fono<\/strong>, lo que permite a tus clientes:<\/p>\n        <ul>\n            <li>Visualizar todas las conversaciones de WhatsApp en un panel sencillo<\/li>\n            <li>Pausar flujos de automatizaci\u00f3n sin tocar n8n<\/li>\n            <li>Reanudar conversaciones en un clic<\/li>\n            <li>Ver el historial completo de mensajes<\/li>\n            <li>Gestionar contactos y respuestas desde un frontend intuitivo<\/li>\n        <\/ul>\n        <p style=\"margin-top: 20px;\"><strong>Esto convierte la conexi\u00f3n WhatsApp + n8n en una soluci\u00f3n totalmente escalable, profesional y accesible para cualquier empresa, incluso si no tienen conocimientos t\u00e9cnicos.<\/strong><\/p>\n    <\/div>\n\n    <!-- CONCLUSI\u00d3N -->\n    <div class=\"conclusion-box\">\n        <h3>\ud83c\udf89 Conclusi\u00f3n<\/h3>\n        <p><strong>Conectar WhatsApp con n8n abre la puerta a automatizaciones avanzadas, respuestas inmediatas y una gesti\u00f3n inteligente de clientes.<\/strong><\/p>\n        <p style=\"margin-top: 15px;\">Aunque el proceso con Meta requiere seguir varios pasos, una vez configurado, la integraci\u00f3n es estable, potente y extremadamente flexible.<\/p>\n        <p style=\"margin-top: 15px;\">Adem\u00e1s, al incorporar el webhook en tu plataforma <strong>IA al Tel\u00e9fono<\/strong>, puedes ofrecer a tus clientes una experiencia completa: visualizaci\u00f3n de conversaciones, control de flujos y un sistema preparado para escalar con la empresa.<\/p>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\ude80 Integra WhatsApp con n8n y Automatiza tus Conversaciones Integrar WhatsApp con n8n te permite automatizar conversaciones, centralizar mensajes y conectar este canal con cualquier sistema que utilices en tu empresa. Aunque el proceso requiere varias configuraciones dentro del ecosistema&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-14106","post","type-post","status-publish","format-standard","hentry","category-sin-categorizar"],"_links":{"self":[{"href":"https:\/\/ia-al-telefono.com\/en\/wp-json\/wp\/v2\/posts\/14106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ia-al-telefono.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ia-al-telefono.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ia-al-telefono.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ia-al-telefono.com\/en\/wp-json\/wp\/v2\/comments?post=14106"}],"version-history":[{"count":2,"href":"https:\/\/ia-al-telefono.com\/en\/wp-json\/wp\/v2\/posts\/14106\/revisions"}],"predecessor-version":[{"id":14238,"href":"https:\/\/ia-al-telefono.com\/en\/wp-json\/wp\/v2\/posts\/14106\/revisions\/14238"}],"wp:attachment":[{"href":"https:\/\/ia-al-telefono.com\/en\/wp-json\/wp\/v2\/media?parent=14106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ia-al-telefono.com\/en\/wp-json\/wp\/v2\/categories?post=14106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ia-al-telefono.com\/en\/wp-json\/wp\/v2\/tags?post=14106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}