Home / Companies / Webflow / Blog / Post Details
Content Deep Dive

How to create a quote request form in Webflow without checkout using Webflow Cloud

Blog post from Webflow

Post Details
Company
Date Published
Author
Ismail Ajagbe
Word Count
2,944
Company Posts That Month
27
Language
English
Hacker News Points
-
Post removed?
No
Summary

For products requiring customized pricing, the guide describes building a quote-request workflow that preserves Webflow Designer product pages while hosting a small Next.js 15+ application on Webflow Cloud at `/quote`. Product-page buttons pass each product’s slug to the form, which prepopulates the item and submits customer details to a server-side Route Handler; the handler validates fields, filters simple bot activity with a hidden honeypot, creates a reference number, and forwards valid JSON requests to a CRM or automation webhook rather than storing data locally. The setup requires a Webflow site, npm-based Next.js project, HTTPS JSON endpoint, Designer access, and Premium or higher for custom-domain mounting. Configuration uses `/quote` as both the Cloud mount path and public base-path variable, while the webhook URL remains a server-side secret. The guide also identifies common deployment issues, including unsupported pnpm or yarn lockfiles, missing mount-path prefixes in browser fetch requests, explicitly setting an unsupported Next.js edge runtime directive, and using `node:fs` in Cloudflare Workers, recommending external HTTP-based storage or CRM delivery instead.

Trends Found in this Post
Trend Post Mentions Total Month Mentions Posts Companies MoM
Edge Computing 5 107 30 11 +20%
Secrets Management 1 2,195 470 125 +7%
Use This Data

Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.