Workflow: Stickynote Workflow
Integrations: code, googleSheets, httpRequest, if, limit, manualTrigger, noOp, set, splitInBatches, stickyNote

{"meta": {"instanceId": "workflow-5a167a30", "versionId": "1.0.0", "createdAt": "2025-09-29T07:07:47.496198", "updatedAt": "2025-09-29T07:07:47.496212", "owner": "n8n-user", "license": "MIT", "category": "automation", "status": "active", "priority": "high", "environment": "production"}, "nodes": [{"id": "bdc398f0-a882-4fbe-ac37-7ca7e15a1081", "name": "Sticky Note4", "type": "n8n-nodes-base.stickyNote", "position": [2080, -200], "parameters": {"width": 460, "height": 340, "content": "![Tutorial]({{ $env.WEBHOOK_URL }}\n[\ud83c\udfa5 Check My Tutorial]({{ $env.WEBHOOK_URL }}"}, "typeVersion": 1, "notes": "This stickyNote node performs automated tasks as part of the workflow."}, {"id": "d132a584-770e-438c-bd98-28a9c1afa780", "name": "When clicking \u2018Test workflow\u2019", "type": "n8n-nodes-base.manualTrigger", "position": [1000, 120], "parameters": {}, "typeVersion": 1, "notes": "This manualTrigger node performs automated tasks as part of the workflow."}, {"id": "d51eec9d-a177-4f5e-89e5-c73b6109f5ce", "name": "Loop Over Items", "type": "n8n-nodes-base.splitInBatches", "position": [2100, 640], "parameters": {"options": {}}, "typeVersion": 3, "notes": "This splitInBatches node performs automated tasks as part of the workflow."}, {"id": "41da741b-1c1d-4d41-9a96-85cadacd1c8e", "name": "Sticky Note1", "type": "n8n-nodes-base.stickyNote", "position": [1000, -200], "parameters": {"color": 7, "width": 1040, "height": 460, "content": "### 1. First Block: audit the page to extract all the images with their respective alternative text\nThis workflow sends an HTTP request to collect the HTML processed by the Javascript node to list all the images in the page with their alternative texts. The results are saved in a Google Sheet.\n\n#### How to setup?\n- **Set your page link** in the first node\n- **Record the results in a Google Sheet Node**:\n   1. Add your Google Sheet API credentials to access the Google Sheet file\n   2. Select the file using the list, an URL or an ID\n   3. Select the sheet in which you want to record your working sessions\n   4. Map the fields\n  [Learn more about the Google Sheet Node]({{ $env.WEBHOOK_URL }}\n"}, "typeVersion": 1, "notes": "This stickyNote node performs automated tasks as part of the workflow."}, {"id": "e7a269cd-a2da-4ea9-9ec8-c023c45b9e96", "name": "Page Link", "type": "n8n-nodes-base.set", "position": [1200, 120], "parameters": {"options": {}, "assignments": {"assignments": [{"id": "e69e5e68-5cd1-4f81-a940-2e5202d5589b", "name": "url", "type": "string", "value": "{{ $env.WEBHOOK_URL }}"}, {"id": "8839ac43-5d6a-4656-b555-714f836fc687", "name": "baseUrl", "type": "string", "value": "{{ $env.WEBHOOK_URL }}"}]}}, "notesInFlow": true, "typeVersion": 3.4, "notes": "This set node performs automated tasks as part of the workflow."}, {"id": "6e6b7801-1f4c-4d00-826d-184dff58cee1", "name": "Download Results", "type": "n8n-nodes-base.googleSheets", "position": [1440, 640], "parameters": {"options": {}, "sheetName": {"__rl": true, "mode": "=", "value": "gid=0", "cachedResultUrl": "{{ $env.BASE_URL }}", "cachedResultName": "="}, "documentId": {"__rl": true, "mode": "list", "value": "=", "cachedResultUrl": "{{ $env.BASE_URL }}", "cachedResultName": "="}}, "typeVersion": 4.5, "notes": "This googleSheets node performs automated tasks as part of the workflow."}, {"id": "1a137755-3f14-4881-93a5-db7f8678fa0d", "name": "altLength < 50", "type": "n8n-nodes-base.if", "position": [1660, 640], "parameters": {"options": {}, "conditions": {"options": {"version": 2, "leftValue": "", "caseSensitive": true, "typeValidation": "strict"}, "combinator": "and", "conditions": [{"id": "a3b0ca70-0496-4966-94fd-f2927ce02ba9", "operator": {"type": "number", "operation": "lt"}, "leftValue": "={{ $json.altLength }}", "rightValue": 100}]}}, "typeVersion": 2.2, "notes": "This if node performs automated tasks as part of the workflow."}, {"id": "60ea3935-313e-4d16-a8b8-a2fe7da8df82", "name": "Limit records", "type": "n8n-nodes-base.limit", "position": [1880, 560], "parameters": {"maxItems": 5}, "typeVersion": 1, "notes": "This limit node performs automated tasks as part of the workflow."}, {"id": "5785deb6-1bf4-40a6-b556-42aad4c01c83", "name": "Generate altText", "type": "n8n-nodes-base.noOp", "position": [2320, 560], "parameters": {"text": "Please generate the alternative text (alt text) for this image under 150 characters.\t", "modelId": {"__rl": true, "mode": "list", "value": "gpt-4o-2024-05-13", "cachedResultName": "GPT-4O-2024-05-13"}, "options": {"maxTokens": "YOUR_TOKEN_HERE"}, "resource": "image", "imageUrls": "{{ $env.BASE_URL }}", "operation": "analyze"}, "notesInFlow": true, "typeVersion": 1.8, "notes": "This openAi node performs automated tasks as part of the workflow."}, {"id": "86051a7f-e91a-4913-9c19-772673ff6306", "name": "Update Results", "type": "n8n-nodes-base.googleSheets", "position": [2540, 640], "parameters": {"columns": {"value": {"page": "=", "index": "={{ $('Loop Over Items').item.json.index }}", "newAlt": "={{ $json.content }}"}, "schema": [{"id": "index", "type": "string", "display": true, "removed": false, "required": false, "displayName": "index", "defaultMatch": false, "canBeUsedToMatch": true}, {"id": "page", "type": "string", "display": true, "required": false, "displayName": "page", "defaultMatch": false, "canBeUsedToMatch": true}, {"id": "src", "type": "string", "display": true, "required": false, "displayName": "src", "defaultMatch": false, "canBeUsedToMatch": true}, {"id": "alt", "type": "string", "display": true, "required": false, "displayName": "alt", "defaultMatch": false, "canBeUsedToMatch": true}, {"id": "altLength", "type": "string", "display": true, "required": false, "displayName": "altLength", "defaultMatch": false, "canBeUsedToMatch": true}, {"id": "newAlt", "type": "string", "display": true, "required": false, "displayName": "newAlt", "defaultMatch": false, "canBeUsedToMatch": true}, {"id": "row_number", "type": "string", "display": true, "removed": true, "readOnly": true, "required": false, "displayName": "row_number", "defaultMatch": false, "canBeUsedToMatch": true}], "mappingMode": "defineBelow", "matchingColumns": ["index"], "attemptToConvertTypes": false, "convertFieldsToString": false}, "options": {}, "operation": "update", "sheetName": {"__rl": true, "mode": "list", "value": "gid=0", "cachedResultUrl": "{{ $env.BASE_URL }}", "cachedResultName": "="}, "documentId": {"__rl": true, "mode": "list", "value": "=", "cachedResultUrl": "{{ $env.BASE_URL }}", "cachedResultName": "="}}, "typeVersion": 4.5, "notes": "This googleSheets node performs automated tasks as part of the workflow."}, {"id": "b1ab97f7-a89e-40c8-ada3-22fcc6da2dcd", "name": "Sticky Note", "type": "n8n-nodes-base.stickyNote", "position": [1000, 320], "parameters": {"color": 7, "width": 1920, "height": 520, "content": "### 2. SecondBlock: generate alternative text for the image with altLength < 50\nThis workflow sends an HTTP request to collect the HTML processed by the Javascript node to list all the images in the page with their alternative texts. The results are saved in a Google Sheet.\n\n#### How to setup?\n- **Set your page link** in the first node\n- **Record the results in a Google Sheet Node**:\n   1. Add your Google Sheet API credentials to access the Google Sheet file\n   2. Select the file using the list, an URL or an ID\n   3. Select the sheet in which you want to record your working sessions\n   4. Map the fields\n  [Learn more about the Google Sheet Node]({{ $env.WEBHOOK_URL }}\n"}, "typeVersion": 1, "notes": "This stickyNote node performs automated tasks as part of the workflow."}, {"id": "c1bf1dcf-6789-43dd-9f15-29895c30fd23", "name": "Store Results", "type": "n8n-nodes-base.googleSheets", "position": [1860, 120], "parameters": {"columns": {"value": {"alt": "={{ $json.alt }}", "src": "={{ $json.src }}", "page": "={{ $('Page Link').item.json.url }}", "index": "={{ $json.index }}", "altLength": "={{ $json.altLength }}"}, "schema": [{"id": "index", "type": "string", "display": true, "required": false, "displayName": "index", "defaultMatch": false, "canBeUsedToMatch": true}, {"id": "page", "type": "string", "display": true, "removed": false, "required": false, "displayName": "page", "defaultMatch": false, "canBeUsedToMatch": true}, {"id": "src", "type": "string", "display": true, "required": false, "displayName": "src", "defaultMatch": false, "canBeUsedToMatch": true}, {"id": "alt", "type": "string", "display": true, "required": false, "displayName": "alt", "defaultMatch": false, "canBeUsedToMatch": true}, {"id": "altLength", "type": "string", "display": true, "required": false, "displayName": "altLength", "defaultMatch": false, "canBeUsedToMatch": true}, {"id": "newAlt", "type": "string", "display": true, "required": false, "displayName": "newAlt", "defaultMatch": false, "canBeUsedToMatch": true}], "mappingMode": "defineBelow", "matchingColumns": [], "attemptToConvertTypes": false, "convertFieldsToString": false}, "options": {}, "operation": "append", "sheetName": {"__rl": true, "mode": "list", "value": "gid=0", "cachedResultUrl": "{{ $env.BASE_URL }}", "cachedResultName": "="}, "documentId": {"__rl": true, "mode": "list", "value": "=", "cachedResultUrl": "{{ $env.BASE_URL }}", "cachedResultName": "="}}, "notesInFlow": true, "typeVersion": 4.5, "notes": "This googleSheets node performs automated tasks as part of the workflow."}, {"id": "fe71094e-3a22-4cda-90ad-4174258a9086", "name": "Download HTML", "type": "n8n-nodes-base.httpRequest", "position": [1420, 120], "parameters": {"url": "{{ $env.BASE_URL }}", "options": {}}, "typeVersion": 4.2, "notes": "This httpRequest node performs automated tasks as part of the workflow."}, {"id": "405fe4cf-5271-465c-8e2a-1f5d024228b6", "name": "Get Images urls with altText", "type": "n8n-nodes-base.code", "position": [1640, 120], "parameters": {"jsCode": "const html = $input.first().json.data;\nconst baseUrl = $('Page Link').first().json.baseUrl;\n\nconst imgTagRegex = /<img\\b[^>]*>/gi;\nconst altAttrRegex = /alt\\s*=\\s*[\"']([^\"']*)[\"']/i;\nconst srcAttrRegex = /src\\s*=\\s*[\"']([^\"']*)[\"']/i;\n\nconst imageTags = html.match(imgTagRegex) || [];\n\nconst results = imageTags.map((tag, index) => {\n  const altMatch = tag.match(altAttrRegex);\n  const srcMatch = tag.match(srcAttrRegex);\n\n  let alt = altMatch ? altMatch[1] : '[No alt text]';\n  let src = srcMatch ? srcMatch[1] : '[No src]';\n\n  // If src is relative, manually join with baseUrl\n  if (src !== '[No src]' && !src.startsWith('http')) {\n    if (baseUrl.endsWith('/') && src.startsWith('/')) {\n      src = baseUrl + src.slice(1);\n    } else if (!baseUrl.endsWith('/') && !src.startsWith('/')) {\n      src = baseUrl + '/' + src;\n    } else {\n      src = baseUrl + src;\n    }\n  }\n\n  return {\n    index: index + 1,\n    src,\n    alt,\n    altLength: alt.length,\n  };\n});\n\nreturn results.map(item => ({ json: item }));"}, "typeVersion": 2, "notes": "This code node performs automated tasks as part of the workflow."}], "pinData": {}, "connections": {"fe71094e-3a22-4cda-90ad-4174258a9086": {"main": [[{"node": "error-handler-fe71094e-3a22-4cda-90ad-4174258a9086", "type": "main", "index": 0}], [{"node": "error-handler-fe71094e-3a22-4cda-90ad-4174258a9086-235f0425", "type": "main", "index": 0}], [{"node": "error-handler-fe71094e-3a22-4cda-90ad-4174258a9086-382e602e", "type": "main", "index": 0}], [{"node": "error-handler-fe71094e-3a22-4cda-90ad-4174258a9086-fc2ff9bb", "type": "main", "index": 0}], [{"node": "error-handler-fe71094e-3a22-4cda-90ad-4174258a9086-67a1694b", "type": "main", "index": 0}], [{"node": "error-handler-fe71094e-3a22-4cda-90ad-4174258a9086-5d443638", "type": "main", "index": 0}], [{"node": "error-handler-fe71094e-3a22-4cda-90ad-4174258a9086-d386b1ce", "type": "main", "index": 0}], [{"node": "error-handler-fe71094e-3a22-4cda-90ad-4174258a9086-817fe1d5", "type": "main", "index": 0}], [{"node": "error-handler-fe71094e-3a22-4cda-90ad-4174258a9086-f1975f6b", "type": "main", "index": 0}]]}, "6e6b7801-1f4c-4d00-826d-184dff58cee1": {"main": [[{"node": "error-handler-6e6b7801-1f4c-4d00-826d-184dff58cee1-56f4a2b9", "type": "main", "index": 0}]]}, "5785deb6-1bf4-40a6-b556-42aad4c01c83": {"main": [[{"node": "error-handler-5785deb6-1bf4-40a6-b556-42aad4c01c83-8aed12b6", "type": "main", "index": 0}]]}, "86051a7f-e91a-4913-9c19-772673ff6306": {"main": [[{"node": "error-handler-86051a7f-e91a-4913-9c19-772673ff6306-64251c1b", "type": "main", "index": 0}]]}, "c1bf1dcf-6789-43dd-9f15-29895c30fd23": {"main": [[{"node": "error-handler-c1bf1dcf-6789-43dd-9f15-29895c30fd23-f19c601b", "type": "main", "index": 0}]]}}, "name": "Stickynote Workflow", "settings": {"executionOrder": "v1", "saveManualExecutions": true, "callerPolicy": "workflowsFromSameOwner", "errorWorkflow": null, "timezone": "UTC", "executionTimeout": 3600, "maxExecutions": 1000, "retryOnFail": true, "retryCount": 3, "retryDelay": 1000}, "description": "Automated workflow: Stickynote Workflow. This workflow integrates 11 different services: stickyNote, httpRequest, code, set, stopAndError. It contains 20 nodes and follows best practices for error handling and security.", "tags": ["automation", "n8n", "production-ready", "excellent", "optimized"], "notes": "Excellent quality workflow: Stickynote Workflow. This workflow has been optimized for production use with comprehensive error handling, security, and documentation."}