Boîte de chat personnalisable et personnalisable pour N8N

Intermédiaire

Ceci est unSupport Chatbot, Multimodal AIworkflow d'automatisation du domainecontenant 7 nœuds.Utilise principalement des nœuds comme Webhook, Agent, RespondToWebhook, LmChatDeepSeek, MemoryBufferWindow. Déploiement d'un chatbot de site web basé sur DeepSeek, avec personnalisation de la marque

Prérequis
  • Point de terminaison HTTP Webhook (généré automatiquement par n8n)
Aperçu du workflow
Visualisation des connexions entre les nœuds, avec support du zoom et du déplacement
Exporter le workflow
Copiez la configuration JSON suivante dans n8n pour importer et utiliser ce workflow
{
  "id": "xvm6EO9Wn6VnNpEi",
  "meta": {
    "instanceId": "50631c03cbd88440965b74e5a58aada5437cbc43e90372b516e36154908ad374",
    "templateCredsSetupCompleted": true
  },
  "name": "Brandable Custom Chatbox for N8N",
  "tags": [],
  "nodes": [
    {
      "id": "e9dd1163-099f-4939-996d-b4c711f6b3fd",
      "name": "Webhook (POST)",
      "type": "n8n-nodes-base.webhook",
      "position": [
        -576,
        32
      ],
      "webhookId": "1a05e652-773a-40f2-ae60-92a875111c68",
      "parameters": {
        "path": "brand-bot",
        "options": {},
        "httpMethod": "POST",
        "responseMode": "responseNode"
      },
      "typeVersion": 1
    },
    {
      "id": "9ae0e1e1-536c-42e8-aff2-e2e5e7d03772",
      "name": "Répondre à Webhook",
      "type": "n8n-nodes-base.respondToWebhook",
      "position": [
        48,
        32
      ],
      "parameters": {
        "options": {
          "responseHeaders": {
            "entries": [
              {
                "name": "Content-Type",
                "value": "application/json"
              },
              {
                "name": "Access-Control-Allow-Origin",
                "value": "*"
              },
              {
                "name": "Access-Control-Allow-Headers",
                "value": "Content-Type, x-api-key"
              },
              {
                "name": "Access-Control-Allow-Methods",
                "value": "POST, OPTIONS"
              }
            ]
          }
        }
      },
      "typeVersion": 1
    },
    {
      "id": "38c02528-87b3-43fd-b30b-e83c4b745df4",
      "name": "Agent IA",
      "type": "@n8n/n8n-nodes-langchain.agent",
      "position": [
        -352,
        32
      ],
      "parameters": {
        "text": "={{ $json.body.message }}",
        "options": {},
        "promptType": "define"
      },
      "typeVersion": 2.1
    },
    {
      "id": "f41c4f4f-f24b-4625-8499-bd087a51e404",
      "name": "Modèle de chat DeepSeek",
      "type": "@n8n/n8n-nodes-langchain.lmChatDeepSeek",
      "position": [
        -320,
        256
      ],
      "parameters": {
        "options": {}
      },
      "credentials": {
        "deepSeekApi": {
          "id": "Cbb13Z94ucK9d2bf",
          "name": "DeepSeek account"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "b0894788-2696-47d4-9305-5b44ff83b2f8",
      "name": "Mémoire simple",
      "type": "@n8n/n8n-nodes-langchain.memoryBufferWindow",
      "position": [
        -192,
        256
      ],
      "parameters": {
        "sessionKey": "={{ $('Webhook (POST)').item.json.body.sessionId }}",
        "sessionIdType": "customKey"
      },
      "typeVersion": 1.3
    },
    {
      "id": "94fe64e1-fc32-4005-931b-b452f81252c7",
      "name": "Note adhésive 1",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -272,
        -496
      ],
      "parameters": {
        "color": 5,
        "width": 864,
        "height": 480,
        "content": "[![Brandable Custom Chatbox for N8N](https://omerfayyaz.com/n8n-brandable-chatbox/n8n-brandable-chatbox-copy.jpg)](https://omerfayyaz.com/n8n-brandable-chatbox/index.html)"
      },
      "typeVersion": 1
    },
    {
      "id": "638705ab-22a1-419a-b450-b8d5609bcfa1",
      "name": "Note adhésive",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -896,
        -496
      ],
      "parameters": {
        "width": 608,
        "height": 480,
        "content": "## Brandable Custom Chatbox for N8N\n**Follow along to add a custom branded chat widget to your webiste. [Implementation Details](https://omerfayyaz.com/n8n-brandable-chatbox/index.html)**\n\nThis template is perfect for **business owners, developers, and marketers** who want to add a professional, branded AI chatbot to their website. Whether you're running an e-commerce site, a SaaS platform, or a corporate website, this template gives you a fully customizable chat widget that integrates seamlessly with your brand.\n\nThe chat widget itself is a **vanilla JavaScript component** that you embed on your website. It features:\n- Customizable colors, branding, and positioning\n- Light/dark theme support\n- Mobile-responsive design\n- Local conversation history\n- Session management with expiration\n- WordPress plugin integration"
      },
      "typeVersion": 1
    }
  ],
  "active": false,
  "pinData": {},
  "settings": {
    "executionOrder": "v1"
  },
  "versionId": "b257a55e-a8ea-416a-90e2-a89782e63590",
  "connections": {
    "38c02528-87b3-43fd-b30b-e83c4b745df4": {
      "main": [
        [
          {
            "node": "9ae0e1e1-536c-42e8-aff2-e2e5e7d03772",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "b0894788-2696-47d4-9305-5b44ff83b2f8": {
      "ai_memory": [
        [
          {
            "node": "38c02528-87b3-43fd-b30b-e83c4b745df4",
            "type": "ai_memory",
            "index": 0
          }
        ]
      ]
    },
    "e9dd1163-099f-4939-996d-b4c711f6b3fd": {
      "main": [
        [
          {
            "node": "38c02528-87b3-43fd-b30b-e83c4b745df4",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "f41c4f4f-f24b-4625-8499-bd087a51e404": {
      "ai_languageModel": [
        [
          {
            "node": "38c02528-87b3-43fd-b30b-e83c4b745df4",
            "type": "ai_languageModel",
            "index": 0
          }
        ]
      ]
    }
  }
}
Foire aux questions

Comment utiliser ce workflow ?

Copiez le code de configuration JSON ci-dessus, créez un nouveau workflow dans votre instance n8n et sélectionnez "Importer depuis le JSON", collez la configuration et modifiez les paramètres d'authentification selon vos besoins.

Dans quelles scénarios ce workflow est-il adapté ?

Intermédiaire - Chatbot de support, IA Multimodale

Est-ce payant ?

Ce workflow est entièrement gratuit et peut être utilisé directement. Veuillez noter que les services tiers utilisés dans le workflow (comme l'API OpenAI) peuvent nécessiter un paiement de votre part.

Informations sur le workflow
Niveau de difficulté
Intermédiaire
Nombre de nœuds7
Catégorie2
Types de nœuds6
Description de la difficulté

Adapté aux utilisateurs expérimentés, avec des workflows de complexité moyenne contenant 6-15 nœuds

Liens externes
Voir sur n8n.io

Partager ce workflow

Catégories

Catégories: 34