Support chat — Web Chat

An embeddable chat bubble (one script tag on any site). Each visitor message runs the flow; Chat Reply answers in the widget. Wire an AI node in front of the reply for a real assistant (see the AI folder).

What’s inside

2 nodes — every type links to its full reference page.

Step	Node	Type
Web chat	Web Chat	`input.webchat`
Chat reply	Chat Reply	`output.chat-reply`

Import it

Studio → Import — paste the JSON below (or the URL /docs/templates/support-chat-web-chat.json).

Or ask the AI Copilot with the JSON pasted after the phrase:

import this workflow json into a new workflow named "Support chat — Web Chat"

Any credentials the nodes need are ${credential.…} references — add them once in Admin → Credentials and the template picks them up. Nothing secret ships in a template.

The workflow document (flowdrome.workflow.v1, 2 node types)

{
  "schemaVersion": "flowdrome.workflow.v1",
  "id": "",
  "name": "Support chat — Web Chat",
  "version": "0",
  "status": "draft",
  "nodes": [
    {
      "id": "chat",
      "type": "input.webchat",
      "label": "Web chat",
      "category": "trigger",
      "config": {
        "path": "/chat/demo",
        "title": "Support",
        "greeting": "Hi! How can we help?",
        "placeholder": "Type a message…",
        "accent": "#635bff",
        "position": "right",
        "replyField": "",
        "allowedOrigins": "*"
      },
      "position": {
        "x": 0,
        "y": 0
      }
    },
    {
      "id": "reply",
      "type": "output.chat-reply",
      "label": "Chat reply",
      "category": "output",
      "config": {
        "text": "You said: “{{ $json.message }}” — a human will pick this up shortly.",
        "replyField": ""
      },
      "position": {
        "x": 530,
        "y": 0
      }
    }
  ],
  "edges": [
    {
      "id": "e0",
      "sourceNodeId": "chat",
      "sourcePort": "output",
      "targetNodeId": "reply",
      "targetPort": "input"
    }
  ],
  "triggers": [
    {
      "id": "t0",
      "nodeId": "chat"
    }
  ],
  "meta": {
    "snippets": [],
    "source": "template-gallery",
    "description": "An embeddable chat bubble (one script tag on any site). Each visitor message runs the flow; Chat Reply answers in the widget. Wire an AI node in front of the reply for a real assistant (see the AI folder)."
  }
}

Generated from the verified demo corpus — this exact document seeds and runs on a fresh Flowdrome. Raw JSON: support-chat-web-chat.json.