Elodie Tasia This workflow corresponds to n8n.io template #9537 — we link there as the canonical source.
The workflow JSON
Copy or download the full n8n JSON below. Paste it into a new n8n workflow, add your credentials, activate. Full import guide →
{
"id": "F3mTq6rX9I4XydnO",
"meta": {
"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": "When clicking \u2018Execute workflow\u2019",
"type": "n8n-nodes-base.manualTrigger",
"position": [
-496,
0
],
"parameters": {},
"typeVersion": 1
},
{
"id": "1a16d617-daa4-4798-bc3e-3f1ebbe983c4",
"name": "SetParameters",
"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": "Sticky Note",
"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": "SynchronouslyCreateImage",
"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": "GetImageUrlAndSize",
"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": "Sticky Note2",
"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": "Sticky Note3",
"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_OnImageCreated",
"type": "n8n-nodes-base.webhook",
"position": [
-512,
560
],
"parameters": {
"path": "ac6a6723-1876-4f43-af4c-411a0f1f4ad3",
"options": {},
"httpMethod": "POST"
},
"typeVersion": 2.1
},
{
"id": "e312e19a-22eb-4dec-ae58-5f71894513b3",
"name": "Sticky Note4",
"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": "GetUidAndStatus",
"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": "GetCompletedImageInfo",
"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": "Sticky Note12",
"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": "IfSynchrounousCall",
"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": "AsynchronouslyCreateImage",
"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": {
"name": "<your credential>"
}
},
"typeVersion": 1
},
{
"id": "6cb031e3-e3fd-469c-ba22-e64818811b68",
"name": "Sticky Note6",
"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,
"settings": {
"executionOrder": "v1"
},
"versionId": "b1fbbe44-ab95-4159-8c46-46084790d26c",
"connections": {
"SetParameters": {
"main": [
[
{
"node": "IfSynchrounousCall",
"type": "main",
"index": 0
}
]
]
},
"IfSynchrounousCall": {
"main": [
[
{
"node": "SynchronouslyCreateImage",
"type": "main",
"index": 0
}
],
[
{
"node": "AsynchronouslyCreateImage",
"type": "main",
"index": 0
}
]
]
},
"Webhook_OnImageCreated": {
"main": [
[
{
"node": "GetCompletedImageInfo",
"type": "main",
"index": 0
}
]
]
},
"SynchronouslyCreateImage": {
"main": [
[
{
"node": "GetImageUrlAndSize",
"type": "main",
"index": 0
}
]
]
},
"AsynchronouslyCreateImage": {
"main": [
[
{
"node": "GetUidAndStatus",
"type": "main",
"index": 0
}
]
]
},
"When clicking \u2018Execute workflow\u2019": {
"main": [
[
{
"node": "SetParameters",
"type": "main",
"index": 0
}
]
]
}
}
}
Credentials you'll need
Each integration node will prompt for credentials when you import. We strip credential IDs before publishing — you'll add your own.
bannerbearApi
Pro
For the full experience including quality scoring and batch install features for each workflow upgrade to Pro
About this workflow
Automatically create branded social media graphics, certificates, thumbnails, or marketing visuals using Bannerbear's template-based image generation API. Bannerbear's API is primarily asynchronous by default: this workflow shows you how to use both asynchronous (webhook-based)…
Source: https://n8n.io/workflows/9537/ — original creator credit. Request a take-down →
Related workflows
Workflows that share integrations, category, or trigger type with this one. All free to copy and import.
This workflow allows you to import any workflow from a file or another n8n instance and map the credentials easily. A multi-form setup guides you through the entire process At the beginning you have t
Execute Command, Read Write File, HTTP Request +3
[n8n] Advanced URL Parsing and Shortening Workflow - Switchy.io Integration. Uses splitInBatches, stickyNote, httpRequest, html. Event-driven trigger; 56 nodes.
HTTP Request, GitHub, Stop And Error +1
[](https://youtu.be/c7yCZhmMjtI)
HTTP Request, GitHub, Stop And Error +1
This automation organizes your n8n workflows files into categorizes (Active, Template, Done, Archived) and uploads them directly to a categorized Google Drive folders. It is designed to help users man
Google Drive, HTTP Request, Time Saved
Create Animated Stories using GPT-4o-mini, Midjourney, Kling and Creatomate API. Uses httpRequest. Event-driven trigger; 51 nodes.
HTTP Request