{ "id": "VDut3fLvTiutz3bF", "meta": { "templateCredsSetupCompleted": true }, "name": "Customer Feedback Collector", "tags": [], "nodes": [ { "id": "e12b4e8b-25e7-4650-8421-3b31bd39260b", "name": "Feedback Input HTML", "type": "n8n-nodes-base.html", "position": [ 352, 0 ], "parameters": { "html": "\n\n\n \n \n {{ $('Form Configuration').item.json.Title }}\n \n\n\n
\n

{{ $('Form Configuration').item.json.Header }}

\n

{{ $('Form Configuration').item.json.Description }}

\n\n
\n
\n \n
\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n
\n\n
\n \n \n
\n\n
\n \n \n
\n
\n
\n\n" }, "typeVersion": 1.2 }, { "id": "3cb73422-b12a-4afe-a76f-d935ad253497", "name": "Form Configuration", "type": "n8n-nodes-base.set", "position": [ -96, 0 ], "parameters": { "options": {}, "assignments": { "assignments": [ { "id": "eb90800e-3fba-4f93-9058-3b663d6d92b1", "name": "Title", "type": "string", "value": "Simple Feedback Input" }, { "id": "9b12be64-eca5-46b0-be34-a2760c03d356", "name": "Header", "type": "string", "value": "Rate your experience" }, { "id": "230249b4-6431-455c-94fa-640720e4eb77", "name": "Description", "type": "string", "value": "Your rating helps us improve. Stars are required; message is optional." }, { "id": "5c4f7ad0-b1dd-4eb5-9795-42b1051fa57e", "name": "ClearBtn", "type": "string", "value": "Clear" }, { "id": "be71a869-305f-4039-a5aa-1d6f03fc50db", "name": "SubmitBtn", "type": "string", "value": "Submit feedback" }, { "id": "d5b8e79b-fd2c-4cc5-9885-7259ee700477", "name": "PostFeedbackLink", "type": "string", "value": "https://sus-tech.app.n8n.cloud/webhook-test/feedback" }, { "id": "4da8b6ef-efac-40d3-bdae-d06215fea967", "name": "queryParams", "type": "string", "value": "={{ $json.query && Object.keys($json.query).length\n ? '?' + Object.keys($json.query)\n .filter(k => $json.query[k] !== undefined && $json.query[k] !== null && $json.query[k] !== '')\n .map(k => encodeURIComponent(k) + '=' + encodeURIComponent(String($json.query[k])))\n .join('&')\n : ''\n}}" } ] } }, "typeVersion": 3.4 }, { "id": "cf34fc30-a548-41a5-a408-2d2bc12a3d86", "name": "Post Feedback", "type": "n8n-nodes-base.webhook", "position": [ -320, 224 ], "parameters": { "path": "feedback", "options": {}, "httpMethod": "POST", "responseMode": "responseNode" }, "typeVersion": 2.1 }, { "id": "e84bbcd8-da2c-48ba-b35b-2e46a3482a0f", "name": "Input Feedback", "type": "n8n-nodes-base.webhook", "position": [ -320, 0 ], "parameters": { "path": "feedback", "options": {}, "responseMode": "responseNode" }, "typeVersion": 2.1 }, { "id": "8cc22ea0-5c45-49cf-89c2-a1b4127db156", "name": "Page Configuration", "type": "n8n-nodes-base.set", "position": [ 128, 224 ], "parameters": { "options": {}, "assignments": { "assignments": [ { "id": "40ca52c0-1258-4e59-aaa8-dd933d165c88", "name": "Title", "type": "string", "value": "Thank You for Your Feedback" }, { "id": "94332494-7637-4df4-9281-e31fec3972ff", "name": "Header", "type": "string", "value": "Thank You!" }, { "id": "82d691be-165a-44ef-be1b-8139e5a08eba", "name": "Description", "type": "string", "value": "We appreciate your feedback \u2014 it helps us improve our service." } ] } }, "typeVersion": 3.4 }, { "id": "df3617bd-2f2d-4710-a5c6-2dde47088291", "name": "Theme Configuration - Feedback Input", "type": "n8n-nodes-base.set", "position": [ 128, 0 ], "parameters": { "mode": "raw", "options": {}, "jsonOutput": "{\n \"bg\": \"#f7f8fb\",\n \"card\": \"#ffffff\",\n \"text\": \"#1f2937\",\n \"muted\": \"#6b7280\",\n \"accent\": \"#3b82f6\",\n \"accent-contrast\": \"#ffffff\",\n \"border\": \"#e5e7eb\",\n \"star\": \"#cbd5e1\",\n \"star-active\": \"#f59e0b\",\n \"focus\": \"0 0 0 4px rgba(59, 130, 246, 0.25)\",\n \"radius\": \"16px\",\n \"shadow\": \"0 10px 25px rgba(2, 6, 23, 0.06), 0 4px 10px rgba(2, 6, 23, 0.04)\",\n \"maxw\": \"560px\",\n \"star-size\": \"28px\"\n}" }, "typeVersion": 3.4 }, { "id": "478081b7-dda8-4963-a388-b38a0c289000", "name": "Feedback Submitted HTML", "type": "n8n-nodes-base.html", "position": [ 576, 224 ], "parameters": { "html": "\n\n\n \n \n Thank You for Your Feedback\n \n\n\n
\n

Thank You!

\n

We appreciate your feedback \u2014 it helps us improve our service.

\n
\n\n" }, "typeVersion": 1.2 }, { "id": "adf15b9a-be26-4db1-8d95-052b557e69d8", "name": "Theme Configuration - Feedback Submitted", "type": "n8n-nodes-base.set", "position": [ 352, 224 ], "parameters": { "mode": "raw", "options": {}, "jsonOutput": "{\n \"bg\": \"#f7f8fb\",\n \"card\": \"#ffffff\",\n \"muted\": \"#6b7280\",\n \"border\": \"#e5e7eb\",\n \"radius\": \"16px\",\n \"shadow\": \"0 10px 25px rgba(2, 6, 23, 0.06), 0 4px 10px rgba(2, 6, 23, 0.04)\",\n \"maxw\": \"560px\"\n}" }, "typeVersion": 3.4 }, { "id": "5d455df8-2475-4d9e-a3d4-910b71b7e426", "name": "Respond with Feedback Submitted", "type": "n8n-nodes-base.respondToWebhook", "position": [ 800, 224 ], "parameters": { "options": {}, "respondWith": "text", "responseBody": "={{ $json.html }}" }, "typeVersion": 1.4 }, { "id": "721dbba9-5668-481c-b775-3c0af3e0a905", "name": "Respond with Feedback Input", "type": "n8n-nodes-base.respondToWebhook", "position": [ 576, 0 ], "parameters": { "options": {}, "respondWith": "text", "responseBody": "={{ $json.html }}" }, "typeVersion": 1.4 }, { "id": "6217311f-fe16-4240-a8c2-69708c26641b", "name": "Save Feedback to Data Table", "type": "n8n-nodes-base.dataTable", "position": [ -96, 224 ], "parameters": { "columns": { "value": { "rating": "={{ $json.body.rating }}", "message": "={{ $json.body.message }}", "additionalInformation": "={{ JSON.stringify($json.query) }}" }, "schema": [ { "id": "rating", "type": "number", "display": true, "removed": false, "readOnly": false, "required": false, "displayName": "rating", "defaultMatch": false }, { "id": "message", "type": "string", "display": true, "removed": false, "readOnly": false, "required": false, "displayName": "message", "defaultMatch": false }, { "id": "additionalInformation", "type": "string", "display": true, "removed": false, "readOnly": false, "required": false, "displayName": "additionalInformation", "defaultMatch": false } ], "mappingMode": "defineBelow", "matchingColumns": [], "attemptToConvertTypes": false, "convertFieldsToString": false }, "options": {}, "dataTableId": { "__rl": true, "mode": "list", "value": "0wPZ9d7FiU9fblye", "cachedResultUrl": "/projects/YLDgXBJO8HihYrEM/datatables/0wPZ9d7FiU9fblye", "cachedResultName": "Feedback" } }, "typeVersion": 1 }, { "id": "d814b58f-c0e4-436f-a3d6-e86b072c3607", "name": "Sticky Note1", "type": "n8n-nodes-base.stickyNote", "position": [ -848, -176 ], "parameters": { "color": 4, "width": 480, "content": "### Overview\n- Collects quick **1\u20135\u2b50 feedback** + optional message. \n- Saves results to an **n8n Data Table**, including any query params. \n- Displays a simple **\u201cThank you\u201d** confirmation page. \n- Fully self-contained \u2014 **no external services or creds** needed." }, "typeVersion": 1 }, { "id": "64b43e7f-8f92-4ba7-acef-c0fd2b2bea1a", "name": "Sticky Note2", "type": "n8n-nodes-base.stickyNote", "position": [ -352, -176 ], "parameters": { "color": 5, "width": 672, "content": "### Setup\n* Open **Form Configuration** \u2192 update title, text, and `PostFeedbackLink` (the POST Feedback webhook URL). \n* Optionally adjust **Theme Configuration**\n* Confirm **Data Table** mapping (rating, message, additional info). " }, "typeVersion": 1 }, { "id": "bedfbab0-58d1-4371-aeba-6e724e58b3db", "name": "Sticky Note3", "type": "n8n-nodes-base.stickyNote", "position": [ -848, 0 ], "parameters": { "width": 480, "content": "### How It Works\n- **GET `/feedback`** \u2192 renders the styled HTML form. \n- **POST `/feedback`** \u2192 receives rating/message, saves to Data Table, returns confirmation. \n- Query params (e.g. `?userId=123&source=email`) are automatically stored as JSON. " }, "typeVersion": 1 }, { "id": "f4c0fb33-498f-4b00-a901-bed5794604f0", "name": "Sticky Note4", "type": "n8n-nodes-base.stickyNote", "position": [ -848, 176 ], "parameters": { "color": 6, "width": 480, "height": 192, "content": "### Notes\n- Only submitted fields + query info are stored. \n- If something fails: \n - Ensure both webhooks are published. \n - Verify the `PostFeedbackLink`\n - Check Data Table schema matches node mapping. \n- Need help? \u2709\ufe0f **office@sus-tech.at**" }, "typeVersion": 1 } ], "active": false, "settings": { "executionOrder": "v1" }, "versionId": "f40e8a7d-45dc-4054-aaa6-8ce99afff84b", "connections": { "Post Feedback": { "main": [ [ { "node": "Save Feedback to Data Table", "type": "main", "index": 0 } ] ] }, "Input Feedback": { "main": [ [ { "node": "Form Configuration", "type": "main", "index": 0 } ] ] }, "Form Configuration": { "main": [ [ { "node": "Theme Configuration - Feedback Input", "type": "main", "index": 0 } ] ] }, "Page Configuration": { "main": [ [ { "node": "Theme Configuration - Feedback Submitted", "type": "main", "index": 0 } ] ] }, "Feedback Input HTML": { "main": [ [ { "node": "Respond with Feedback Input", "type": "main", "index": 0 } ] ] }, "Feedback Submitted HTML": { "main": [ [ { "node": "Respond with Feedback Submitted", "type": "main", "index": 0 } ] ] }, "Save Feedback to Data Table": { "main": [ [ { "node": "Page Configuration", "type": "main", "index": 0 } ] ] }, "Theme Configuration - Feedback Input": { "main": [ [ { "node": "Feedback Input HTML", "type": "main", "index": 0 } ] ] }, "Theme Configuration - Feedback Submitted": { "main": [ [ { "node": "Feedback Submitted HTML", "type": "main", "index": 0 } ] ] } } }