1
Copy your install code
In the ChilliPopup dashboard open the Install screen, pick Any website and click Copy. Your Workspace ID is already inside the snippet, so there is nothing to edit.
ChilliPopup for Webflow
Popups, forms & prize games for Webflow
Paste one script tag into Webflow's Site settings and every popup, lead form, survey, quiz and prize game you publish appears on your site, on the pages you choose, without opening the Designer again. Build them in a drag-and-drop editor or let the AI draft them; Webflow keeps doing what it does best.
- Free plan, no credit card required
- One tag, site-wide, no Designer edits
- Async script, no iframe
Install in minutes
Three steps, one Webflow publish
There is no ChilliPopup app in the Webflow Marketplace, and you do not need one. Webflow lets you add site-wide code from Site settings, and that is the whole install. Full walkthrough with screenshots: how to install ChilliPopup on any website →
2
Paste it into Head code
In Webflow open Site settings → Custom code and paste the tag into the Head code field, then save. Use the site-wide field, not a single page's settings: your campaigns decide which pages they appear on.
3
Publish Webflow, then publish content
Publish your Webflow site so the tag reaches the live HTML. Then set a popup, form, survey, quiz or game to Published in ChilliPopup and open your live URL in a private window to see it.
<script id="chillipopup-pixel"
src="https://player.chillipopup.com/javascript/pixel.js?id=YOUR_WORKSPACE_ID"
data-api="https://api.chillipopup.com" async></script>Two Webflow specifics worth knowing. Custom code is a paid Webflow feature, so a free project cannot publish the tag; make sure the site has a Site plan. And the code only reaches the live page when you publish: saving the setting is not enough, and the Designer preview never runs custom code, so always test on the published webflow.io or custom-domain URL.
What you can launch
Four content types and four prize games, from one tag
Webflow's Designer is excellent at pages. What it does not have is a campaign layer: things that appear on their own, to the right visitor, and report what happened. That is the part ChilliPopup adds, and it all rides on the tag you just installed.
Popups
Overlays, banners and slide-ins built from text, images, buttons, inputs, countdown timers and coupon codes. Sixty templates to start from, or a blank canvas.
Explore popups →Lead forms
Email, name, phone and consent capture with validation, shown as a triggered overlay. Submissions are stored with the campaign and counted as conversions.
Explore forms →Surveys
Multi-step NPS, CSAT and CES surveys with star and thumbs ratings, scored automatically, with per-question results in the dashboard.
Explore surveys →Quizzes
Single- or multiple-choice quizzes and product finders. See exactly which options visitors picked, question by question.
Explore quizzes →Four prize games
Spin the Wheel, Scratch the Card, Slot Machine and Claw Machine. You set the prizes and the odds; the winner is decided on our servers, so nobody can rig it from the browser.
Explore games →AI drafting and A/B tests
Describe the campaign in a sentence and the AI drafts the design; edit it like anything you built by hand. Then one click creates a Variant B, you choose the traffic split, and results show side by side with a confidence indicator.
Webflow use cases
Three campaigns worth running on a Webflow site
CMS blog → newsletter
A CMS blog is the easiest place on a Webflow site to ask for an email. Target URL starts with /blog/, trigger at 50% scroll, ask for one email, and name the reward. Every new post in the collection is covered automatically.
Pricing-page exit survey
For a SaaS or agency site built on Webflow: a one-question survey on the pricing page, fired on exit intent. "What stopped you today?" with four options is the cheapest research a marketing site can run.
Ecommerce product-page game
On Webflow Ecommerce, target URL starts with /product/, exclude /checkout, and offer a spin wheel or scratch card on exit intent. The play earns the email; the coupon reveals only on a real win.
Also good for
Portfolio enquiry forms
Waitlists for a launch
Webinar registrations
Announcement bars
Works with your design
Nothing to add to the Designer, nothing to break
Webflow designers are rightly protective of their markup. The ChilliPopup pixel is one asynchronous script that renders into the page's own DOM: no iframe, no extra stylesheet on your elements, no symbols or components to maintain, no republish when a campaign changes.
- One async tag: loads in the background and never blocks your page from painting
- No iframe: overlays are drawn straight into the page, so they inherit your viewport and scroll naturally
- Fail-silent by design: every network call is wrapped, so an outage on our side can never take your site down
- Match the brand: pick a font from the catalog or upload the same custom font your Webflow project uses, reuse your colours and corner radii
- Publish independently: change the offer, the copy or the trigger in ChilliPopup without a Webflow publish
Targeting on Webflow pages
Aim at collections, not individual pages
Webflow CMS and Ecommerce generate pages you never listed by hand, and they all share a slug prefix. Page-URL rules use that: one starts with rule covers a whole collection, and you never come back to add the new post or product. Six operators are available: contains, does not contain, is exactly, is not, starts with and ends with.
- Six triggers: exit intent, time delay, scroll depth, page-view count, click count, inactivity
- Audience and frequency: new vs. returning visitors, once a day, every few days or visits, and hide after conversion
- Device, OS and browser: desktop or mobile, with a schedule of weekdays and hours and a date window
The complete rulebook: popup targeting rules explained →
| Webflow page | Typical URL | Rule to use |
|---|---|---|
| Homepage only | / | URL is exactly / |
| Every CMS blog post | /blog/<slug> | URL starts with /blog/ |
| Every Ecommerce product | /product/<slug> | URL starts with /product/ |
| One product category | /category/lighting | URL contains /category/lighting |
| Everywhere except checkout | /checkout | URL does not contain /checkout |
| After an order | /order-confirmation | URL contains /order-confirmation |
Analytics
Know what each campaign is worth
Webflow tells you how a page performs. ChilliPopup tells you how each campaign on that page performs: every view, click, close and submission is counted as it happens and charted over any date range, per campaign and per variant.
- Views, clicks, closes, submissions and conversion rate per campaign
- Per-question results for surveys and quizzes
- Plays, wins and claimed prizes for the four games
- A and B side by side, with a confidence indicator before a winner is called
Before you decide
What ChilliPopup does not do on Webflow
Better to know now than after the install. These are the honest boundaries of the product today.
No email sending or ESP connectors
Leads and answers are read in the ChilliPopup dashboard. There is no email or SMS sending, no Mailchimp, Klaviyo or HubSpot integration, no Zapier, webhooks or CSV export yet. If your funnel depends on an automated welcome email, you will need to move addresses by hand today.
No Webflow Marketplace app
Install is the script tag above, which also means it needs a paid Webflow Site plan, since Webflow only publishes custom code on paid sites. ChilliPopup forms do not write into Webflow's native form submissions either; the two live separately.
The badge stays on
A small "Powered by ChilliPopup" badge shows on every plan, including Business. If badge-free overlays are a requirement, ChilliPopup is not the right fit right now, and we would rather say so here than on your invoice.
Pricing
Free forever, or from $29 a month
Every plan includes the full editor, all four content types, all four games, AI drafting, A/B testing and analytics. You only pay more as your Webflow traffic grows. The Free plan needs no credit card and never expires; Pro and Business each start with a 14-day free trial.
Free
$0/mo
Free forever, for one Webflow site
- 1,000 visitors / month
- 1 domain
- 1 team member
- 10 AI generations / day
Most popular
Pro
$29/mo
For growing sites and small agencies
- 50,000 visitors / month
- Up to 5 domains
- 3 team members
- 50 AI generations / day
Business
$79/mo
For high-traffic sites and teams
- 250,000 visitors / month
- Unlimited domains
- Unlimited team members
- 200 AI generations / day
Running several client sites on Webflow? Pro covers up to 5 domains and Business is unlimited. Compare every plan in detail →
Webflow FAQ
Frequently asked questions
Is there a ChilliPopup app in the Webflow Marketplace?
No. ChilliPopup installs on Webflow with a single script tag pasted into Site settings → Custom code → Head code. There is no Marketplace app to add, and none is needed: the one tag loads every popup, form, survey, quiz and game you publish.
Do I need a paid Webflow plan to add the popup code?
Yes. Webflow only publishes custom code on paid sites, so a free Webflow project cannot run the ChilliPopup tag. Check that your site has a Site plan before you start. ChilliPopup itself has a permanent free plan, and no credit card is required.
Why does nothing show in the Webflow Designer preview?
Custom code is only written into the published HTML. The Designer and its preview never run it, so test on your published webflow.io staging URL or your custom domain, in a private window so frequency rules start fresh.
Can I show a popup only on Webflow CMS collection pages?
Yes. Every CMS collection page shares a slug prefix, so a page-URL rule such as URL starts with /blog/ covers the whole collection. The editor offers six operators (contains, does not contain, is exactly, is not, starts with, ends with) and a campaign can combine several rules.
Do I have to republish my Webflow site when I change a popup?
No. You republish Webflow exactly once, when you add the tag. After that, the design, trigger, targeting and offer of every campaign live in ChilliPopup: publish a change there and it is live on your Webflow pages immediately.
Does ChilliPopup send the emails it collects to my email tool?
Not today. Leads, form answers, survey responses and quiz results are stored with each campaign and read in the ChilliPopup dashboard. There is no email or SMS sending, no Mailchimp, Klaviyo or HubSpot connector, and no Zapier, webhook or CSV export yet.
Will the script slow down my Webflow site?
The pixel is a single framework-free JavaScript file loaded with the
async attribute from a static host, so it never blocks your page from rendering. Overlays are drawn straight into the page rather than inside an iframe, and every network call fails silently so the script can never break your site.How much does ChilliPopup cost for a Webflow site?
The Free plan is $0 a month, forever (1,000 visitors a month, 1 domain). Pro is $29 a month for 50,000 visitors and up to 5 domains; Business is $79 a month for 250,000 visitors and unlimited domains. Every plan includes all content types, all four games, AI drafting, A/B testing and analytics. The Free plan needs no credit card; Pro and Business each start with a 14-day free trial. The "Powered by ChilliPopup" badge shows on every plan.
Keep reading
Guides for Webflow site owners
How to add a popup to your Webflow site
The long version of this page: Webflow's native modal vs. a popup tool, CMS targeting by slug prefix, and the seven Webflow-specific problems and their fixes.
Read the guide →Landing page popups without hurting conversions
Webflow is a landing-page builder first. The one rule (compete or catch), the timings that respect a paid click, and the pattern to avoid.
Read the guide →Popup targeting rules explained
URL rules, audiences, frequency and schedules, one by one, with the combinations that work on content sites and stores.
Read the guide →SaaS signup popups
For product marketing sites built on Webflow: turning readers into trial users without interrupting the ones already converting.
Read the guide →Popups for agency websites
Turning portfolio traffic into enquiries, and running campaigns across client sites from one workspace.
Read the guide →Install ChilliPopup on any website
The help-center walkthrough of the script install, how to verify the pixel is live, and the troubleshooting checklist. See also how to A/B test your popups in the same help center.
Open the help article →
Other platforms
Not on Webflow?
The same editor and the same tag work everywhere. Some platforms also get a dedicated installer.
Add a campaign layer to your Webflow site
One tag in Site settings, one Webflow publish, and every popup, form, survey, quiz and prize game you build afterwards is live on the pages you choose. Start on the free plan; no credit card required.