🗲 Serve custom websites (HTML webpages) with webhooks
How it works This workflow demonstrates how to use n8n to serve a complete, styled HTML webpage. It acts as a mini web server, responding to browser requests with your custom HTML content. 1. Webhook Trigger: The workflow starts with a Webhook node configured to listen for GET requests on a specific path. When you visit this node's Production URL in a browser, it triggers the workflow. 2. Respond with HTML: The Respond to Webhook node is configured to send a response back to the browser. Conten
At a glance
🗲 Serve custom websites (HTML webpages) with webhooks is a ready-made n8n workflow you import as a workflow JSON file — no build required. It connects respondToWebhook, webhook. It's free to download. Follow the 5-step import below to go live in minutes.
- Platform
- n8n
- Connects
- respondToWebhook, webhook
- Modules
- 2
- Price
- Free
- Version
- v1.0

About this workflow
How it works This workflow demonstrates how to use n8n to serve a complete, styled HTML webpage. It acts as a mini web server, responding to browser requests with your custom HTML content. 1. Webhook Trigger: The workflow starts with a Webhook node configured to listen for GET requests on a specific path. When you visit this node's Production URL in a browser, it triggers the workflow. 2. Respond with HTML: The Respond to Webhook node is configured to send a response back to the browser. Content-Type Header: It sets a crucial response header, Content-Type: text/html, which tells the browser to render the response as a webpage, not just plain text. HTML Body: The entire HTML, CSS, and JavaScript for the webpage is pasted directly into the Body field of this node. When activated, visiting the webhook URL will instantly display the custom webpage. Set up steps Setup time: < 1 minute This workflow is ready to use out-of-the-box. 1. Activate the workflow. 2. Open the Your WebPage (Webhook) node and copy its Production URL. 3. Paste the URL into your browser to see the live tutorial page. 4. To use your own HTML, simply open the Site (Respond to Webhook) node and replace the content in the Body field with your own code.
How to import this n8n workflow
- 1
Download the workflow JSON file after purchase.
- 2
Open n8n → click the menu → Import from File.
- 3
Select the downloaded JSON and import.
- 4
Set up credentials for each node that requires them.
- 5
Click Execute Workflow to test, then activate.
Setup guide
Setup guide included
Purchase to unlock the full step-by-step guide
Related N8n workflows
Interactive Slack approval & data submission system with webhooks
Ai data extraction with dynamic prompts and Airtable
AI-powered Telegram bot for data extraction with Bright Data MCP
🛠️ State Management System for Long-Running Workflows with Wait Nodes
AI content creation and publishing engine with Mistral, Creatomate, and YouTube
Automatic lead export from Fluentform to Google Sheets with form categorization
Aggregate crypto and stock market news feed from multiple sources
AI-Powered Research with Jina AI Deep Search
Reviews
No reviews yet
Be the first to buy and share your experience.
Leave a review
Sign in to share your experience with this workflow.
Create a free account to purchase workflows.
- JSON blueprint — instant download
- Setup guide PDF included
- 5 downloads · valid 30 days
- Works with n8n
Need help setting this up?
Book a 3-hour live setup session with an Agility consultant.
- Configure live on Google Meet / Zoom
- Free follow-up if workflow has defects
- Platform expert assigned to you