Contact form — Form trigger

A hosted HTML form (name/email/message) that submits straight into the flow. Deploy to a host and open its /contact page; in the editor, Test simulates a submission.

What’s inside

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

Step	Node	Type
Contact form	Form	`input.form`
To the CRM	Console	`utility.console`

Import it

Studio → Import — paste the JSON below (or the URL /docs/templates/contact-form-form-trigger.json).

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

import this workflow json into a new workflow named "Contact form — Form trigger"

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": "Contact form — Form trigger",
  "version": "0",
  "status": "draft",
  "nodes": [
    {
      "id": "form",
      "type": "input.form",
      "label": "Contact form",
      "category": "trigger",
      "config": {
        "path": "/contact",
        "title": "Contact us",
        "description": "We reply within one business day.",
        "submitLabel": "Send",
        "responseText": "Thanks — we got it!",
        "fields": [
          {
            "name": "name",
            "label": "Name",
            "type": "text",
            "required": true
          },
          {
            "name": "email",
            "label": "Email",
            "type": "email",
            "required": true
          },
          {
            "name": "message",
            "label": "Message",
            "type": "textarea",
            "required": true
          }
        ]
      },
      "position": {
        "x": 0,
        "y": 0
      }
    },
    {
      "id": "out",
      "type": "utility.console",
      "label": "To the CRM",
      "category": "utility",
      "config": {
        "message": "new contact: {{ $json.name }} <{{ $json.email }}> — {{ $json.message }}"
      },
      "position": {
        "x": 530,
        "y": 0
      }
    }
  ],
  "edges": [
    {
      "id": "e0",
      "sourceNodeId": "form",
      "sourcePort": "output",
      "targetNodeId": "out",
      "targetPort": "input"
    }
  ],
  "triggers": [
    {
      "id": "t0",
      "nodeId": "form"
    }
  ],
  "meta": {
    "snippets": [],
    "source": "template-gallery",
    "description": "A hosted HTML form (name/email/message) that submits straight into the flow. Deploy to a host and open its /contact page; in the editor, Test simulates a submission."
  }
}

Generated from the verified demo corpus — this exact document seeds and runs on a fresh Flowdrome. Raw JSON: contact-form-form-trigger.json.