n8n Workflows

Syntax

Form	Syntax	Usage
Workflow	fence `n8n title="Name"`	Importable JSON.
Alias	fence `n8n-workflow`	Same rendering.
Attributes	`title`, `name`, `description`	Metadata.
Import	`Import from clipboard`	Transfer to n8n.

To import: copy the JSON rendered by the n8n block, then use Import from clipboard in n8n.

The workflow service URL is configured with integrations.n8n.previewUrl in site.config.yaml. Keep it on the REST endpoint used by n8n imports, for example https://n8n-preview-service.internal.n8n.cloud/rest/workflows/new; FrontMark derives the iframe preview route required by the n8n-demo web component automatically.

Reference documentation

Topic	Reference
Workflows	n8n workflows documentation
Import and export	n8n import/export workflows
Workflow JSON	n8n workflow file format

Workflow

SyntaxResult

~~~n8n title="Premier workflow"
{
  "name": "Premier workflow",
  "nodes": [
    {
      "parameters": {},
      "id": "manual-trigger",
      "name": "Manual Trigger",
      "type": "n8n-nodes-base.manualTrigger",
      "typeVersion": 1,
      "position": [260, 300]
    },
    {
      "parameters": {
        "url": "https://jsonplaceholder.typicode.com/posts",
        "options": {}
      },
      "id": "http-request",
      "name": "HTTP Request",
      "type": "n8n-nodes-base.httpRequest",
      "typeVersion": 4.2,
      "position": [520, 300]
    },
    {
      "parameters": {
        "maxItems": 5
      },
      "id": "limit",
      "name": "Limit",
      "type": "n8n-nodes-base.limit",
      "typeVersion": 1,
      "position": [780, 300]
    }
  ],
  "connections": {
    "Manual Trigger": {
      "main": [
        [
          {
            "node": "HTTP Request",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "HTTP Request": {
      "main": [
        [
          {
            "node": "Limit",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  },
  "pinData": {},
  "settings": {},
  "staticData": null,
  "tags": [],
  "triggerCount": 0,
  "updatedAt": "2026-06-13T00:00:00.000Z",
  "versionId": "example"
}
~~~

Premier workflow

{
  "name": "Premier workflow",
  "nodes": [
    {
      "parameters": {},
      "id": "manual-trigger",
      "name": "Manual Trigger",
      "type": "n8n-nodes-base.manualTrigger",
      "typeVersion": 1,
      "position": [
        260,
        300
      ]
    },
    {
      "parameters": {
        "url": "https://jsonplaceholder.typicode.com/posts",
        "options": {}
      },
      "id": "http-request",
      "name": "HTTP Request",
      "type": "n8n-nodes-base.httpRequest",
      "typeVersion": 4.2,
      "position": [
        520,
        300
      ]
    },
    {
      "parameters": {
        "maxItems": 5
      },
      "id": "limit",
      "name": "Limit",
      "type": "n8n-nodes-base.limit",
      "typeVersion": 1,
      "position": [
        780,
        300
      ]
    }
  ],
  "connections": {
    "Manual Trigger": {
      "main": [
        [
          {
            "node": "HTTP Request",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "HTTP Request": {
      "main": [
        [
          {
            "node": "Limit",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  },
  "pinData": {},
  "settings": {},
  "staticData": null,
  "tags": [],
  "triggerCount": 0,
  "updatedAt": "2026-06-13T00:00:00.000Z",
  "versionId": "example"
}