How to add a rating popup to a Webflow site without a developer
A step-by-step guide to a rating popup on Webflow: install one line, choose the scale and the threshold in the Clew editor, add the link to your public review page and decide when to ask — without touching the site’s code again.
- Time
- ● 15 minutes
- Price
- 14-day free trial, no card
- Who does it
- Webflow site admin
Example: a rating popup on Webflow
A B2B SaaS company’s marketing site is on Webflow; its customers visit the changelog and docs pages often. On /changelog, from the 3rd visit, a popup asks the NPS question on a 0–10 scale. Scores of 9–10 get a thank-you and a link to the company’s G2 profile; 0–8 get a box for the reason. The team watches NPS move release by release in the rating stats.
This format is part of the Pro plan. Every new account starts with a 14-day free trial with all formats and audience rules, no card required. When the trial ends nothing is deleted and published items keep showing; the Free plan keeps tours and tooltips free.
How to add the rating popup on Webflow, step by step
- Step 01
Copy your Clew snippet
Create a free account (or sign in), add your site and open Admin → Overview. Click the line in the “No signal from the widget yet.” card to copy it — it carries your real site key instead of the placeholder.
<!-- Clew: replace PASTE_YOUR_SITE_KEY with the site key from Admin > Overview --> <script src="https://tryclew.io/widget/PASTE_YOUR_SITE_KEY.js" async></script>
Step 1 · schematic illustration - Step 02
Open Site settings → Custom code
In the Webflow dashboard open the site’s Site settings and the Custom code tab. Custom code requires a paid Site plan.
Step 2 · schematic illustration - Step 03
Paste into Head code
Paste the Clew line into Head code and press Save changes.
Step 3 · schematic illustration - Step 04
Publish the site
Custom code reaches the live site only after Publish — to your custom domain and to
webflow.ioif you use both.
Step 4 · schematic illustration - Step 05
Set up the rating in Clew
In Clew open Flows and either press + New flow and set Format to Rating (2 steps), or use Templates → Two-step service rating. Write the question, choose Scale and Satisfied from, and paste your review page into Public review page. Leave Show the public review link to unsatisfied visitors too on — that is what review platforms require.
Step 5 · schematic illustration - Step 06
Choose where, when and for whom it shows
In the same editor, set Where to show (page URL), When to show, Audience targeting and Frequency. These are the settings of the example above:
Setting Value Format Rating (2 steps) Where to show (page URL) Section by prefix /changelogWhen to show On the Nth visit: 3 Audience targeting No rules — everyone who opens the page Frequency Once per visitor 
Step 6 · schematic illustration - Step 07
Publish and check it on the live site
Set Status to Published and save. Open the page in a private window — Clew remembers who has already seen a “once” item, so your usual browser may skip it. Views, completions and drop-offs appear in the tour stats.
Step 7 · schematic illustration
Pitfalls: rating popup on Webflow
The staging domain counts as a separate URL
URL rules compare paths, so a rating popup set for /pricing shows on both yoursite.webflow.io and your domain. That’s handy for testing before you publish to the domain.
Don’t ask on the first page view
A score from someone who hasn’t used anything yet tells you nothing and costs goodwill. Use On the Nth visit (3rd visit) or After N seconds on a page where a task is done.
Use your real review page URL
Copy the address of your company’s page on the platform (Trustpilot, G2, Capterra, Google Maps) — the page where the “Write a review” button is. A link to the platform’s homepage makes people search for you and most give up.
Questions and answers
Can I match the popup to my Webflow design?
Set background, text, border and accent colours and the corner radius in Appearance; hover states are derived from them automatically.
Does it slow down the Webflow site?
The widget is one small script without dependencies, loaded async; it doesn’t block the page from rendering.
Do I need a paid Webflow plan?
Yes. Webflow allows site-wide custom code only on paid Site plans, and there is no supported workaround.
Can I ask only customers who bought something?
Yes: point Where to show (page URL) at the order confirmation or account pages, or pass a property with Clew.identify() and add a rule in Audience targeting.
Can I use it for an app store rating?
The review button opens any https page — an App Store or Google Play listing works. The popup itself runs on your website, not inside a native app.
What else you can add on Webflow
- How to add a popup to a Webflow site without a developer
- How to add a tooltip on Webflow without a developer