{ "nodes": [ { "id": "aea55995-2c2c-4f59-8b68-43fa1871bb4c", "name": "Replace Images", "type": "n8n-nodes-base.httpRequest", "position": [ 860, 140 ], "parameters": { "url": "=https://slides.googleapis.com/v1/presentations/{{ $('Webhook').item.json[\"body\"][\"presentation_id\"] }}:batchUpdate ", "method": "POST", "options": {}, "jsonBody": "={\n \"requests\": [\n {\n \"replaceImage\": {\n \"imageObjectId\": \"{{ $json.objectId }}\",\n \"url\": \"{{ $('Webhook').item.json[\"body\"][\"image_url\"] }}\",\n \"imageReplaceMethod\": \"CENTER_CROP\"\n }\n },\n {\n \"updatePageElementAltText\": {\n \"objectId\": \"{{ $json.objectId }}\",\n \"description\": \"{{ $('Webhook').item.json[\"body\"][\"image_key\"] }}\"\n }\n }\n ]\n} \n ", "sendBody": true, "specifyBody": "json", "authentication": "predefinedCredentialType", "nodeCredentialType": "googleSlidesOAuth2Api" }, "typeVersion": 4.2 }, { "id": "92eeca3a-47b2-4daa-ac51-5b957c8d7d56", "name": "Error Missing Fields", "type": "n8n-nodes-base.respondToWebhook", "position": [ 500, 340 ], "parameters": { "options": { "responseCode": 500 }, "respondWith": "json", "responseBody": "{\n \"error\": \"Missing fields.\"\n}" }, "typeVersion": 1.1 }, { "id": "14878542-6a42-4fe4-8dd6-328450a883eb", "name": "Respond to Webhook", "type": "n8n-nodes-base.respondToWebhook", "position": [ 1040, 140 ], "parameters": { "options": {}, "respondWith": "json", "responseBody": "{\n \"message\": \"Image replaced.\"\n}" }, "typeVersion": 1.1 }, { "id": "ac42249b-3c7d-4ba1-be7d-ba6e1ae652cd", "name": "Sticky Note", "type": "n8n-nodes-base.stickyNote", "position": [ 60, -540 ], "parameters": { "width": 596.8395976509729, "height": 654.4370838798395, "content": "## Dynamically Replace Images in Google Slides\nThis workflow exposes an API endpoint that lets you dynamically replace an image in Google Slides, perfect for automating deck presentations like updating backgrounds or client logos.\n\n### Step 1: Set Up a Key Identifier in Google Slides\nAdd a unique key identifier to the images you want to replace.\n1. Click on the image.\n2. Go to **Format Options** and then **Alt Text**.\n3. Enter your unique identifier, like `client_logo` or `background`.\n\n### Step 2: Use a POST Request to Update the Image\nSend a POST request to the workflow endpoint with the following parameters in the body:\n- `presentation_id`: The ID of your Google Slides presentation.\nYou can find it in the URL of your Google presentation : `https://docs.google.com/spreadsheets/d/REPLACE_WITH_DOCUMENT_ID/edit#slide=id.p`)\n- `image_key`: The unique identifier you created.\n- `image_url`: The URL of the new image.\n\nThat's it! The specified image in your Google Slides presentation will be replaced with the new one from the provided URL.\n\nThis workflow is designed to be flexible, allowing you to use the same identifier across multiple slides and presentations. I hope it streamlines your slide automation process!\n\nHappy automating!\nThe n8Ninja" }, "typeVersion": 1 }, { "id": "735c5c4e-df8f-47ad-b0d7-ed57453a84d0", "name": "Webhook", "type": "n8n-nodes-base.webhook", "position": [ 60, 160 ], "parameters": { "path": "replace-image-in-slide", "options": {}, "httpMethod": "POST", "responseMode": "responseNode" }, "typeVersion": 2 }, { "id": "22d1dd70-0716-4407-8e25-703355969e95", "name": "Retrieve matching Images ObjectIds", "type": "n8n-nodes-base.code", "position": [ 680, 140 ], "parameters": { "jsCode": "const key = $('Webhook').item.json.body.image_key;\n\nconst pageElements = $input\n .all()\n .flatMap(item => item.json.slides)\n .flatMap(slide => slide.pageElements.filter(el => el.image && el.description === key));\n\nconst objectIds = pageElements.map(el => ({ objectId: el.objectId }));\n\nreturn objectIds" }, "typeVersion": 2 }, { "id": "f942a8de-9fa8-4855-9be1-4247bae887e5", "name": "Retrieve All Slide Elements", "type": "n8n-nodes-base.httpRequest", "position": [ 500, 140 ], "parameters": { "url": "=https://slides.googleapis.com/v1/presentations/{{ $('Webhook').item.json.body.presentation_id }}", "options": {}, "authentication": "predefinedCredentialType", "nodeCredentialType": "googleSlidesOAuth2Api" }, "typeVersion": 4.2 }, { "id": "ddcbe7ed-9abc-49ac-98e5-4d5222a641d4", "name": "Check if all params are provided", "type": "n8n-nodes-base.if", "position": [ 260, 160 ], "parameters": { "options": {}, "conditions": { "options": { "leftValue": "", "caseSensitive": true, "typeValidation": "strict" }, "combinator": "and", "conditions": [ { "id": "3272f7e8-4bc2-44bd-9760-437b2992e6e7", "operator": { "type": "string", "operation": "exists", "singleValue": true }, "leftValue": "={{ $json.body.presentation_id }}", "rightValue": "" }, { "id": "9e8abf56-622d-4704-95ea-c0f5f31683dd", "operator": { "type": "string", "operation": "exists", "singleValue": true }, "leftValue": "={{ $json.body.image_key }}", "rightValue": "" }, { "id": "d2cec4c9-2a90-4a24-ab6c-628689419698", "operator": { "type": "string", "operation": "exists", "singleValue": true }, "leftValue": "={{ $json.body.image_url }}", "rightValue": "" } ] } }, "typeVersion": 2 }, { "id": "6ba6e140-f714-5be4-a893-6a936ef9af8b", "name": "Publication ยท Overview and setup", "type": "n8n-nodes-base.stickyNote", "typeVersion": 1, "position": [ -800, -540 ], "parameters": { "content": "# Dynamically Replace Images in Google Slides\n\n## Purpose and structure\nThis folder contains the **Dynamically Replace Images in Google Slides** workflow. Its executable nodes use `code`, `httpRequest`, `if`, `respondToWebhook`, `webhook`. The table and connection map below are derived from the JSON, not an inferred guarantee of behavior.\n\n## Setup\nImport inactive. Configure your own credentials and replace REPLACE_WITH_* values. Review external destinations and Code nodes before running.\n\n## Entry points\nWebhook\n\n## Verification\nSanitized source candidate; not runtime-tested. This overview is generated from node metadata. Read the folder README for the connection map, credential types, and license.\n\n## Attribution\nhttps://github.com/Zie619/n8n-workflows/blob/94007c1445d9258a7da116646b79473e7c7c3282/workflows/Code/0491_Code_Webhook_Monitor_Webhook.json\nMIT; preserve source notices.", "width": 700, "height": 800, "color": 1 } } ], "connections": { "Webhook": { "main": [ [ { "node": "Check if all params are provided", "type": "main", "index": 0 } ] ] }, "Replace Images": { "main": [ [ { "node": "Respond to Webhook", "type": "main", "index": 0 } ] ] }, "Retrieve All Slide Elements": { "main": [ [ { "node": "Retrieve matching Images ObjectIds", "type": "main", "index": 0 } ] ] }, "Check if all params are provided": { "main": [ [ { "node": "Retrieve All Slide Elements", "type": "main", "index": 0 } ], [ { "node": "Error Missing Fields", "type": "main", "index": 0 } ] ] }, "Retrieve matching Images ObjectIds": { "main": [ [ { "node": "Replace Images", "type": "main", "index": 0 } ] ] } }, "active": false }