{
  "name": "Create AI-powered website chatbot with Langflow backend and custom branding",
  "nodes": [
    {
      "id": "5d3d611f-72e9-43b4-98ee-d4e10cd7591d",
      "name": "When chat message received",
      "type": "@n8n/n8n-nodes-langchain.chatTrigger",
      "position": [
        -720,
        0
      ]
    },
    {
      "id": "9bc309e9-0878-4140-8a2c-fadb51e3dd65",
      "name": "Edit Fields",
      "type": "n8n-nodes-base.set",
      "position": [
        -280,
        0
      ]
    },
    {
      "id": "fe301be1-4845-4e76-aee8-27c61bf894e1",
      "name": "Sticky Note",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -740,
        -340
      ],
      "parameters": {
        "width": 720,
        "height": 220,
        "content": "### Enable n8n CDN on your website\n<link href=\"https://cdn.jsdelivr.net/npm/@n8n/chat/dist/style.css\" rel=\"stylesheet\" />\n<script type=\"module\">\n\timport { createChat } from 'https://cdn.jsdelivr.net/n"
      }
    },
    {
      "id": "ca73efeb-bdbd-4824-9b3f-b6222d1db010",
      "name": "Sticky Note1",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -740,
        -960
      ],
      "parameters": {
        "width": 720,
        "height": 600,
        "content": "## Langflow\n\nLangflow is a low-code, visual development platform designed to help users build and deploy AI applications with minimal coding. It provides an intuitive drag-and-drop interface, allowing"
      }
    },
    {
      "id": "edd68237-94c1-4b21-ac10-fac5512dc7e0",
      "name": "Sticky Note2",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        0,
        -960
      ],
      "parameters": {
        "width": 800,
        "height": 840,
        "content": "### Customize n8n Chatbot\n\n```js\ncreateChat({\n\twebhookUrl: '',\n\twebhookConfig: {\n\t\tmethod: 'POST',\n\t\theaders: {}\n\t},\n\ttarget: '#n8n-chat',\n\tmode: 'window',\n\tchatInputKey: 'chatInput',\n\tchatSessionKey:"
      }
    },
    {
      "id": "0fb9d211-07fd-4309-b91c-aa21e877a915",
      "name": "Langflow",
      "type": "n8n-nodes-base.httpRequest",
      "position": [
        -500,
        0
      ]
    },
    {
      "id": "705ecc2a-b0af-4165-8ef3-c693e82cd1ce",
      "name": "Sticky Note3",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -560,
        -60
      ],
      "parameters": {
        "width": null,
        "height": 220,
        "content": "Set LANGFLOW_URL and FLOW_ID"
      }
    }
  ],
  "connections": {
    "Langflow": {
      "main": [
        [
          {
            "node": "Edit Fields",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "When chat message received": {
      "main": [
        [
          {
            "node": "Langflow",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}