Mistake to Avoid: Testing an Unpublished n8n Workflow

By Robert Breen · Published October 1, 2026 · From the free lesson Lovable + n8n: Build a Web App with an AI Backend

A visual tip: an n8n production webhook URL only works once the workflow is published. Publish first, then copy the URL into your app.

The guide in text

The mistake

Testing your form against an unpublished workflow

The production URL only works once the workflow is published. A form that works in testing and then goes quiet is usually still on the test URL.

Do this instead

Click Publish first, then copy the production URL into your app.

The full definition: What is the difference between a webhook test URL and production URL? in the AI glossary, with an example from a free lesson, common confusions and tips.

Businesses and people in the examples are made up. The steps, screens and wording come from the free lesson and the Stepthrough glossary and prompt library.

Do it yourself, free

Lovable + n8n: Build a Web App with an AI Backend. Build a contact form in Lovable and connect it to an n8n workflow — webhook trigger, AI Agent, Google Sheets, Gmail, and a Respond node that ties it all together. You do every step yourself in a practice copy of Lovable and n8n, it checks your work as you go, and “Do it for me” finishes any step you get stuck on. Free, and nothing touches your real accounts.

Start the free lesson

Or read the full step-by-step guide

Plain-English definitions, each with an example from a free lesson.

Test URL vs production URL Deployment (publishing a web app)No-code (and low-code)Request body (payload)Vibe coding Webhook Artifacts (Claude)HTTP Request node

The full AI glossary

Lovable web form prompt: Write a Lovable prompt for a web form that posts to n8n: fields, validation, button states, a thank-you message, and a webhook…
AI agent system message prompt: Draft the system message for an n8n AI Agent: who it is, what it knows, its rules and how it writes, including a rule never to…
AI agent test messages prompt: Test an AI agent before launch with realistic messages: normal requests, borderline cases, missing details and tricky ones, each…
Customer intake form questions prompt: Design the questions for a booking or intake form: only what you need to do the job, each with a field type, help text and a…

All free prompt templates

From the blog

What Is Lovable? Build a Web Form from a Written Prompt

What is Lovable? A plain guide to the tool that builds web apps from a written prompt: how it works, what it's good for, what it costs and where n8n fits.

Oct 1, 2026 6 min read

n8n Triggers Explained: Which One Starts Your Workflow?

n8n triggers explained: schedule, Gmail, chat, webhook and form triggers, how to test each one, and how the trigger changes your AI Agent's prompt.

Oct 1, 2026 7 min read

n8n Webhook Test URL vs Production URL, Explained

n8n webhook test URL vs production URL: why a form works while you test, then stops live, and the fixes for Publish, Respond and $json.body.

Oct 1, 2026 6 min read

More visual guides

Mistake to Avoid: Pasting a Webhook URL into Your Page

A visual tip: don't paste your n8n webhook URL into the page. Store it as a Lovable secret so it stays out of the source and is easy to change.

Mistake to avoid One graphic

What Is a Webhook? A Visual Guide

A visual guide to webhooks: a web address that waits for another app to send it data, shown in a real Lovable + n8n lesson, with tips to use it safely.

AI term explained 4 slides