Test - Bannerbear-Bildgenerator synchron/asynchron

Fortgeschritten

Dies ist ein Automatisierungsworkflow mit 15 Nodes. Hauptsächlich werden If, Set, Webhook, Bannerbear, HttpRequest und andere Nodes verwendet. Erstelle markenbewusste Social-Media-Bilder mit Bannerbearim (Sync/Async-Modus)

Voraussetzungen
  • HTTP Webhook-Endpunkt (wird von n8n automatisch generiert)
  • Möglicherweise sind Ziel-API-Anmeldedaten erforderlich

Kategorie

-
Workflow-Vorschau
Visualisierung der Node-Verbindungen, mit Zoom und Pan
Workflow exportieren
Kopieren Sie die folgende JSON-Konfiguration und importieren Sie sie in n8n
{
  "id": "F3mTq6rX9I4XydnO",
  "meta": {
    "instanceId": "313b93d489cbc0ae87ad93f25c395bbdc59c46c632d00f395c3586a8fbbb7a34",
    "templateCredsSetupCompleted": true
  },
  "name": "TEST - Bannerbear image generator Sync/Async",
  "tags": [
    {
      "id": "WaI3hC9FrokRTdiV",
      "name": "Bannerbear",
      "createdAt": "2025-10-12T16:01:05.619Z",
      "updatedAt": "2025-10-12T16:01:05.619Z"
    }
  ],
  "nodes": [
    {
      "id": "c8bd9d3d-8b8b-4a34-a6bb-c864ca4b5b15",
      "name": "Bei Klick auf 'Workflow ausführen'",
      "type": "n8n-nodes-base.manualTrigger",
      "position": [
        -496,
        0
      ],
      "parameters": {},
      "typeVersion": 1
    },
    {
      "id": "1a16d617-daa4-4798-bc3e-3f1ebbe983c4",
      "name": "ParameterSetzen",
      "type": "n8n-nodes-base.set",
      "position": [
        -208,
        0
      ],
      "parameters": {
        "mode": "raw",
        "options": {},
        "jsonOutput": "{\n  \"bannerbear_api_key\": \"your_bannerbear_api_key\",\n  \"banner_bear_template_id\": \"your_banner_bear_template_id\",\n  \"title\": \"This image is AI generated\",\n  \"subtitle\": \"Made in n8n with BannerBear\",\n  \"call_mode\": \"sync\"\n}\n"
      },
      "typeVersion": 3.4
    },
    {
      "id": "e275b1cc-0dd7-44ec-b7e7-bebd09780090",
      "name": "Notizzettel",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -1168,
        -368
      ],
      "parameters": {
        "width": 496,
        "height": 864,
        "content": "## How to set up this workflow\n\n1. **Get Bannerbear credentials:**\n   - Sign up at bannerbear.com\n   - Create a project and design a template\n   - Copy your API key from Settings > API Key\n   - Copy your template ID from the API Console\n\n2. **Configure the workflow:**\n   - Open the \"SetParameters\" node\n   - Replace the API key and template ID with yours\n   - Customize the title and subtitle text\n   - Set `call_mode` to \"sync\" or \"async\"\n\n3. **For async mode (recommended):**\n   - Activate the \"Webhook_OnImageCreated\" node\n   - Copy the production webhook URL\n   - Add it to Bannerbear via Settings > Webhooks > Create a Webhook\n   - Set event type to \"image_created\"\n\n\n**If this doesn't work, you can alternately use a tool like POSTMAN to create the webhook in BannerBear:**\n\n\nPOST https://api.bannerbear.com/v2/webhooks\n\nHeaders:\nContent-Type: application/json\nAuthorization: Bearer [you_api_key]\n\nBody:\n{\n  \"url\" : \"the url of you n8n webhook\",\n  \"event\": \"image_created\"\n}"
      },
      "typeVersion": 1
    },
    {
      "id": "b7ed9313-8ac6-4f12-a39c-3907234d5a7c",
      "name": "BildSynchronErstellen",
      "type": "n8n-nodes-base.httpRequest",
      "position": [
        480,
        -112
      ],
      "parameters": {
        "url": "https://sync.api.bannerbear.com/v2/images",
        "method": "POST",
        "options": {},
        "jsonBody": "={\n  \"template\": \"{{ $('SetParameters').item.json.banner_bear_template_id }}\",\n  \"modifications\": [\n    {\n      \"name\": \"title\",\n      \"text\": \"{{ $('SetParameters').item.json.title }}\",\n      \"color\": null,\n      \"background\": null\n    },\n    {\n      \"name\": \"pretitle\",\n      \"text\": \"{{ $('SetParameters').item.json.subtitle }}\",\n      \"background\": null\n    }\n  ],\n  \"webhook_url\": null,\n  \"transparent\": false,\n  \"metadata\": null\n}",
        "sendBody": true,
        "sendHeaders": true,
        "specifyBody": "json",
        "headerParameters": {
          "parameters": [
            {
              "name": "Authorization",
              "value": "=Bearer {{ $('SetParameters').item.json.bannerbear_api_key }}"
            }
          ]
        }
      },
      "retryOnFail": true,
      "typeVersion": 4.2,
      "waitBetweenTries": 5000
    },
    {
      "id": "3d8a40d5-79a8-4371-88dd-a276f8a4246d",
      "name": "BildURLUndGrößeAbrufen",
      "type": "n8n-nodes-base.set",
      "position": [
        704,
        -112
      ],
      "parameters": {
        "mode": "raw",
        "options": {},
        "jsonOutput": "={\n  \"uid\": \"{{ $json.uid }}\",\n  \"status\": \"{{ $json.status }}\",\n  \"image_url_png\": \"{{ $json.image_url_png }}\",\n  \"image_url_jpg\": \"{{ $json.image_url_jpg }}\",\n  \"width\": {{ $json.width }},\n  \"height\": {{ $json.height }}\n}\n"
      },
      "typeVersion": 3.4
    },
    {
      "id": "b776d8f5-ce48-4d52-ba5b-809b229953eb",
      "name": "Notizzettel2",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        336,
        -240
      ],
      "parameters": {
        "color": 6,
        "width": 608,
        "height": 352,
        "content": "## Synchronous call (specific API URL)"
      },
      "typeVersion": 1
    },
    {
      "id": "2e0c9929-728c-4f91-abcd-afc78074cdbf",
      "name": "Notizzettel3",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        336,
        144
      ],
      "parameters": {
        "color": 5,
        "width": 608,
        "height": 352,
        "content": "## Asynchronous call\n"
      },
      "typeVersion": 1
    },
    {
      "id": "b5b54ead-b4d0-4786-a741-5f86e8c92767",
      "name": "Webhook_BeiBildErstellung",
      "type": "n8n-nodes-base.webhook",
      "position": [
        -512,
        560
      ],
      "webhookId": "ac6a6723-1876-4f43-af4c-411a0f1f4ad3",
      "parameters": {
        "path": "ac6a6723-1876-4f43-af4c-411a0f1f4ad3",
        "options": {},
        "httpMethod": "POST"
      },
      "typeVersion": 2.1
    },
    {
      "id": "e312e19a-22eb-4dec-ae58-5f71894513b3",
      "name": "Notizzettel4",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -1168,
        512
      ],
      "parameters": {
        "color": 5,
        "width": 496,
        "height": 192,
        "content": "## Webhook Async mode\n\nIn order to declare thje webhook in BannerBear:\n- the webhook not must be of type POST\n- you must use the production URL\n- workflow must be active"
      },
      "typeVersion": 1
    },
    {
      "id": "867be1aa-e4a1-4a39-9662-a89a0248b2e5",
      "name": "UIDUndStatusAbrufen",
      "type": "n8n-nodes-base.set",
      "position": [
        720,
        272
      ],
      "parameters": {
        "mode": "raw",
        "options": {},
        "jsonOutput": "={\n  \"uid\": \"{{ $json.uid }}\",\n  \"status\": \"{{ $json.status }}\"\n}\n"
      },
      "typeVersion": 3.4
    },
    {
      "id": "faf15aff-2df8-40b4-b11f-da9284c7ef5f",
      "name": "AbgeschlosseneBildInfoAbrufen",
      "type": "n8n-nodes-base.set",
      "position": [
        -304,
        560
      ],
      "parameters": {
        "mode": "raw",
        "options": {},
        "jsonOutput": "={\n  \"uid\": \"{{ $json.uid }}\",\n  \"status\": \"{{ $json.status }}\",\n  \"image_url_png\": \"{{ $json.image_url_png }}\",\n  \"image_url_jpg\": \"{{ $json.image_url_jpg }}\",\n  \"width\": {{ $json.width }},\n  \"height\": {{ $json.height }}\n}\n"
      },
      "typeVersion": 3.4
    },
    {
      "id": "a17932d9-0e0d-4733-80f2-fa4a92225637",
      "name": "Notizzettel12",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        16,
        -144
      ],
      "parameters": {
        "color": 7,
        "width": 288,
        "height": 352,
        "content": "## Choose between synchronous and asynchronous call\n"
      },
      "typeVersion": 1
    },
    {
      "id": "f7c801d4-29a0-451a-8669-6aa3b89ea2d9",
      "name": "WennSynchronerAufruf",
      "type": "n8n-nodes-base.if",
      "position": [
        80,
        0
      ],
      "parameters": {
        "options": {},
        "conditions": {
          "options": {
            "version": 2,
            "leftValue": "",
            "caseSensitive": true,
            "typeValidation": "loose"
          },
          "combinator": "and",
          "conditions": [
            {
              "id": "3be86245-4fbc-4b3c-b5e8-cdf55830a364",
              "operator": {
                "type": "string",
                "operation": "equals"
              },
              "leftValue": "={{ $json.call_mode }}",
              "rightValue": "=sync"
            }
          ]
        },
        "looseTypeValidation": true
      },
      "typeVersion": 2.2
    },
    {
      "id": "21604f70-04fd-4d3e-a63c-71d40b63370b",
      "name": "BildAsynchronErstellen",
      "type": "n8n-nodes-base.bannerbear",
      "position": [
        480,
        272
      ],
      "parameters": {
        "templateId": "={{ $json.banner_bear_template_id }}",
        "modificationsUi": {
          "modificationsValues": [
            {
              "name": "title",
              "text": "={{ $json.title }}"
            },
            {
              "name": "pretitle",
              "text": "={{ $json.subtitle }}"
            }
          ]
        },
        "additionalFields": {}
      },
      "credentials": {
        "bannerbearApi": {
          "id": "3TRGZU5Fz9n1UAvW",
          "name": "Bannerbear account"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "6cb031e3-e3fd-469c-ba22-e64818811b68",
      "name": "Notizzettel6",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -288,
        -144
      ],
      "parameters": {
        "color": 7,
        "width": 272,
        "height": 352,
        "content": "## Set BannerBear parameters & data\n\n"
      },
      "typeVersion": 1
    }
  ],
  "active": false,
  "pinData": {
    "SynchronouslyCreateImage": [
      {
        "json": {
          "uid": "5nDZ3xmVezbm8BNJYy2qpdWj9",
          "self": "https://api.bannerbear.com/v2/images/5nDZ3xmVezbm8BNJYy2qpdWj9",
          "width": 1000,
          "height": 1000,
          "status": "completed",
          "pdf_url": null,
          "metadata": null,
          "template": "Kp21rAZj1BVab6eLnd",
          "image_url": "https://images.bannerbear.com/direct/lPOmJb1Yvv8Xz60g4G/requests/000/109/151/708/5nDZ3xmVezbm8BNJYy2qpdWj9/114db5f59243f056dca6207c7c8940c5fa6708d5.png",
          "created_at": "2025-10-12T16:22:59.013Z",
          "render_pdf": false,
          "transparent": false,
          "webhook_url": null,
          "image_url_jpg": "https://images.bannerbear.com/direct/lPOmJb1Yvv8Xz60g4G/requests/000/109/151/708/5nDZ3xmVezbm8BNJYy2qpdWj9/114db5f59243f056dca6207c7c8940c5fa6708d5.jpg",
          "image_url_png": "https://images.bannerbear.com/direct/lPOmJb1Yvv8Xz60g4G/requests/000/109/151/708/5nDZ3xmVezbm8BNJYy2qpdWj9/114db5f59243f056dca6207c7c8940c5fa6708d5.png",
          "modifications": [
            {
              "name": "title",
              "text": "This image is AI generated",
              "color": null,
              "background": null
            },
            {
              "name": "pretitle",
              "text": "Sorry not sorry",
              "background": null
            }
          ],
          "template_name": "LinkedId Post",
          "template_version": null,
          "pdf_url_compressed": null,
          "webhook_response_code": null
        }
      }
    ]
  },
  "settings": {
    "executionOrder": "v1"
  },
  "versionId": "b1fbbe44-ab95-4159-8c46-46084790d26c",
  "connections": {
    "1a16d617-daa4-4798-bc3e-3f1ebbe983c4": {
      "main": [
        [
          {
            "node": "f7c801d4-29a0-451a-8669-6aa3b89ea2d9",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "f7c801d4-29a0-451a-8669-6aa3b89ea2d9": {
      "main": [
        [
          {
            "node": "b7ed9313-8ac6-4f12-a39c-3907234d5a7c",
            "type": "main",
            "index": 0
          }
        ],
        [
          {
            "node": "21604f70-04fd-4d3e-a63c-71d40b63370b",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "b5b54ead-b4d0-4786-a741-5f86e8c92767": {
      "main": [
        [
          {
            "node": "faf15aff-2df8-40b4-b11f-da9284c7ef5f",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "b7ed9313-8ac6-4f12-a39c-3907234d5a7c": {
      "main": [
        [
          {
            "node": "3d8a40d5-79a8-4371-88dd-a276f8a4246d",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "21604f70-04fd-4d3e-a63c-71d40b63370b": {
      "main": [
        [
          {
            "node": "867be1aa-e4a1-4a39-9662-a89a0248b2e5",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "c8bd9d3d-8b8b-4a34-a6bb-c864ca4b5b15": {
      "main": [
        [
          {
            "node": "1a16d617-daa4-4798-bc3e-3f1ebbe983c4",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}
Häufig gestellte Fragen

Wie verwende ich diesen Workflow?

Kopieren Sie den obigen JSON-Code, erstellen Sie einen neuen Workflow in Ihrer n8n-Instanz und wählen Sie "Aus JSON importieren". Fügen Sie die Konfiguration ein und passen Sie die Anmeldedaten nach Bedarf an.

Für welche Szenarien ist dieser Workflow geeignet?

Fortgeschritten

Ist es kostenpflichtig?

Dieser Workflow ist völlig kostenlos. Beachten Sie jedoch, dass Drittanbieterdienste (wie OpenAI API), die im Workflow verwendet werden, möglicherweise kostenpflichtig sind.

Workflow-Informationen
Schwierigkeitsgrad
Fortgeschritten
Anzahl der Nodes15
Kategorie-
Node-Typen7
Schwierigkeitsbeschreibung

Für erfahrene Benutzer, mittelkomplexe Workflows mit 6-15 Nodes

Autor
Elodie Tasia

Elodie Tasia

@ladypixl

Web designer & AI automation creator. I build clean, conversion-ready sites and n8n workflows that take your content from idea to publish, on autopilot, in your voice. Grab my templates or message me for a custom build.

Externe Links
Auf n8n.io ansehen

Diesen Workflow teilen

Kategorien

Kategorien: 34