WiserNotify

Webflow Exit Intent Popup: Add One Without Code (2026)

Krunal VaghasiyaKrunal Vaghasiya|Jan 10, 2025 · Updated Oct 10, 2026
Exit Popup to Webflow

To add an exit intent popup to Webflow, paste your WiserNotify pixel into Site settings, Custom code, Head code, and publish. Then create a popup in WiserNotify and set Timing control to exit intent.

The popup then shows only when a visitor starts to leave. Webflow has no built-in way to detect that, and WiserNotify adds it without any JavaScript.

The whole setup takes about five minutes. Below are the eight steps, fixes if the popup doesn’t appear, and copy ideas for your offer.

How to Add an Exit Intent Popup to Webflow

You add the WiserNotify pixel to Webflow once, then build the popup in WiserNotify. The video shows the Webflow pixel install from start to finish.

Step 1: Copy Your Pixel Code

Copying the WiserNotify pixel code from the dashboard

  1. Log in to WiserNotify and open the pixel install screen.
  2. Click Copy code.

Step 2: Open Webflow Site Settings

Opening Settings for a site in the Webflow dashboard

  1. In your Webflow dashboard, open the menu on your site card.
  2. Click Settings.

Step 3: Paste It Into Head Code

Webflow Custom code tab with the Head code field

  1. Open the Custom code tab.
  2. Paste the pixel into Head code and click Save changes.
  3. Publish your site so the code goes live.

Step 4: Verify the Install

WiserNotify confirming the pixel was detected

  1. Back in WiserNotify, click Verify pixel installation.
  2. Wait for the green message that says your pixel was detected.

Step 5: Create the Popup

Choosing a popup in the WiserNotify widget list and adding the website

  1. Open Widgets and pick the popup that fits your offer, such as an announcement or discount.
  2. Add your Webflow site URL and click Create & customize.

Step 6: Customize the Design

Customizing the WiserNotify popup design: text editor, click actions, position, style, and timing control

  1. In Text editor, write your headline and message, and add an image if you like.
  2. In Click actions, set the button text and the link it opens.
  3. In Position & animation and Style, match the popup to your site.

Step 7: Turn On Exit Intent

WiserNotify Timing control with the Display rule set to exit intent

  1. Go to Timing control.
  2. Under Display rule, choose Exit intent.
  3. Click Next.

Step 8: Choose Pages and Publish

WiserNotify Display tab with page selection and advanced targeting

  1. In the Display tab, pick all pages or only the pages where the popup should show.
  2. Add targeting by country, UTM, or referrer if you need it.
  3. Click Publish, then check your site in a private window.

Build trust & FOMO

Highlight real-time activities like reviews, sales & sign-ups.

Exit Popup Not Showing Up?

Webflow exit popup troubleshooting checklist: paid site plan, published site, pixel verified, private window

  • Check your Webflow plan: custom code only runs on sites with a paid site plan.
  • Test the published site: custom code doesn’t run inside the Webflow Designer, only on your live or webflow.io domain.
  • Re-verify the pixel: if WiserNotify doesn’t detect it, check that the code sits in Head code and that you published after saving.
  • Move your cursor out of the page: exit intent fires when the cursor heads for the tabs or address bar, not while you scroll.
  • Clear the frequency cap: if you already saw the popup once, open the site in a private window to test again.

Where to Use an Exit Popup on Webflow

Exit popup offers by Webflow page: blog post checklist, pricing demo, product discount, cart free shipping

  • Blog posts: offer a checklist or guide in exchange for an email.
  • Pricing page: invite hesitant visitors to book a demo or start a trial.
  • Product pages: show a first-order discount on Webflow Ecommerce stores.
  • Cart page: remind shoppers about free shipping or a time-limited code.
  • Landing pages: give one last reason to sign up before they go.

Use page targeting in WiserNotify to show a different message on each type of page.

Exit Popup Copy That Works

Example exit popup offering 10% off with an email field and Get my code button

Keep the message short and tie it to the page the visitor is on.

  • Discount: “Before you go, take 10% off your first order.”
  • Lead magnet: “Want the checklist? Get it free in your inbox.”
  • Demo offer: “Still comparing? Book a 15-minute walkthrough.”
  • Cart reminder: “Your cart is saved. Finish checkout for free shipping.”
  • Help: “Have a question? Chat with us before you leave.”

Need a starting point? Pull layouts and offers from these exit intent popup examples.

Icon

Boost Conversion Instantly

Add Social Proof & Urgency to your website

Common Mistakes to Avoid

  • Showing it on every page: a sitewide popup with one message feels generic. Match the offer to the page.
  • Repeating it on every visit: show it once per visitor, or every few days at most.
  • Skipping mobile: check that the popup fits small screens and closes easily.

How to Measure Impact

Watch the sign-ups or orders that come from the popup, not just its views. Then run an A/B test on the headline or offer to see which version converts better.

Give each test a week or two of traffic before you pick a winner.

Build trust & FOMO

Highlight real-time activities like reviews, sales & sign-ups.

Wrap Up

An exit popup gives Webflow visitors one last reason to stay, sign up, or buy before they leave.

Add the pixel once, set exit intent in Timing control, and match the offer to each page.

Related Posts:

Frequently Asked Questions

Does Webflow have a built-in exit intent popup?

No. Webflow can show popups with interactions, but it can’t detect when a visitor is about to leave, so you need a tool like WiserNotify.

Where do I paste the WiserNotify pixel in Webflow?

Go to Site settings, open the Custom code tab, paste the pixel into Head code, save, and publish your site.

How do I turn on exit intent in WiserNotify?

Open your popup, go to Timing control, and set the Display rule to Exit intent.

Why isn't my exit popup showing on Webflow?

Check that your site is published on a paid site plan, the pixel is verified, and you’re testing on the live domain in a private window.

Can I show different exit popups on different Webflow pages?

Yes. Use page targeting in WiserNotify to match each popup’s offer to the page the visitor is on.

Krunal Vaghasiya
Written by Krunal Vaghasiya

Krunal Vaghasiya is a marketing tech expert who boosts e-commerce conversion rates with automated social proof and FOMO strategies. He loves to keep posting insightful posts on online marketing software, marketing automations, and improving conversion rates.

Small nudges, big impact

Show your visitors what others are doing right now, and turn hesitation into checkout.

Trusted by 20,000+ sites ·★ 5 onCapterra34 people signed up today