How to add a popup to your website

Adding it takes minutes.The settings decide if anyone thanks you.

To add a popup to your website, use your platform’s built-in popup (Squarespace and Wix have one, Shopify has a free Forms app) or install a popup tool with one script tag in your site’s head. Then set four things: the trigger that opens it, who sees it, how often, and what happens after someone signs up. The picker below gives your platform’s option, its plan and limits, and the install steps.

Pick my platform Start free
7 platforms help centres checked 30 October 2026

By the Builderify team

01 Trigger
Scroll, 50%
02 Who
Journal pages
03 How often
Once a visit
04 After
Thank-you screen
01 / Two routes

How do you add a popup to a website?
Built in, or one script tag.

Every popup comes from one of two places. Your website platform’s own popup feature, set up in its editor, or a popup tool that loads on every page from a script tag you paste into the site’s head once. After that, you build and change popups in the tool without touching the site again.

The built-in route is enough for one simple signup. A tool earns its place when you want a second popup, exit intent, rules about which pages and visitors see it, or signups that land in a list you email from.

Route 01

Your platform’s popup

No install. Usually one popup, a few triggers, and signups in the platform’s own email tool.

Route 02

A popup tool

One script tag. Several popups, more triggers and targeting, and it moves with you if you change platform.

Whichever route, decide four things

  1. 01

    The trigger

    What opens it: time on the page, how far they scroll, the cursor heading for the tabs, or a click on your own button.

    Scroll, 50% of the page
  2. 02

    Who sees it

    Which pages, which devices, and whether new or returning visitors. Leave checkout and contact pages out.

    Blog posts only, not /checkout
  3. 03

    How often

    A cap so the same person isn’t asked on every page, and a rule that people who signed up aren’t asked again.

    Once a visit, never after signing up
  4. 04

    What happens after

    A thank-you message, the code or download they were promised, or a redirect to a thank-you page you can track.

    Show the code, then close
02 / Platform picker

Does your platform’s built-in popup cover it?
Pick yours and find out.

Choose your platform, what the popup is for, and how much you need. You get the platform’s own popup with its plan and limits, the Builderify template and trigger to use instead, and where the script tag goes. Platform facts checked on 30 October 2026.

Your platform
What it’s for
How much you need

Squarespace · grow a list · one simple popup

Start with Promotional pop-up. Move to a popup tool when you need a second popup, exit intent or page rules.

Your platform’s own popup

Covers it

Promotional pop-up Built in

Plan
Core, Plus and Advanced plans. Not on Basic.
For this
Promotional pop-up handles one simple signup popup. One pop-up enabled at a time. It opens after a timer, a scroll point or both, and only on the first page a visitor lands on. It collects an email address or shows up to two buttons.

With Builderify

One script tag
Template
Newsletter Split
Trigger
Scroll, at about 50% of the page. Someone halfway down is reading, so the ask lands after they’ve seen something worth subscribing to.
How often
Show Once Per Session on, and How often set to at most once every 168 hours, so a visitor who says no is asked again in a week, not on every page.
Who sees it
Leave Device on All and add one exclude rule for checkout or contact pages.
After
Show a thank-you screen that says what arrives and when.

Install Builderify on Squarespace

Code Injection is on the Core, Plus and Advanced plans and some legacy plans, not on Basic.

  1. Copy your Builderify script tag from the dashboard.
  2. In Squarespace, open the Code Injection panel for the whole site.
  3. Paste the tag into the Header field and save.
  4. In Builderify, create a popup from the Newsletter Split template, set the trigger, connect a lead list and publish.
03 / By platform

How to add a pop up on Squarespace, Wix, WordPress, Shopify and Webflow

Each platform does it differently, and each has a catch. What its own popup does, the plan it needs and its limits, as each help centre described them on 30 October 2026.

How do I add a pop up to my Squarespace website?

Squarespace’s own feature is the Promotional pop-up, on the Core, Plus and Advanced plans.Squarespace The pricing page marks it as not included on Basic.Pricing You set its content, then Display & timing:

  • One at a time. Only one pop-up can be enabled; for a second message Squarespace points you to the announcement bar.
  • Timing: a timer, a scroll point, or both, whichever comes first. No exit intent.
  • Pages: Any first page, or Only certain pages, and it only ever appears on the first page a visitor lands on.
  • Frequency: shown again the next day, in 1 week, 2 weeks, 30 days, or never, plus a box to stop showing it after a newsletter signup.
  • Signups go to Squarespace Email Campaigns, Mailchimp or Google Drive, as an email address only: no names or phone numbers. The other action is up to two buttons.
  • Mobile: a Show on mobile checkbox; on phones it fills half the screen and hides images.

With a popup tool
Paste the tag into the Header field of Code Injection, which needs the same plans.Squarespace Need more than one? The guide to running multiple popups on Squarespace plans them page by page and checks them for clashes.

How to add a pop up to your Wix website

Wix calls them popups now (the help pages still say lightbox in their addresses): Add Elements, Interactive, then a category under Popups.Wix You edit them later under Pages & Menu, Popups, and set behaviour under Set Triggers:

  • Automatically display popup on pages: Yes opens it when a page loads, with an optional Delay slider; No means it opens only from a link or button you point at it.
  • Pages: choose them under Which pages is it on?, or tick First page visitor sees.
  • One automatic popup per page. More can open from links. Automatic popups show only on the live site, not in preview.
  • Scheduling with start and end dates, times and a time zone, and three ways to close: the X icon, a Close button, or clicking the overlay.
  • Mobile: the mobile editor can hide the popup’s elements, its X icon and its close button.Wix

With a popup tool
Settings, Custom Code under Development & integrations, + Add Custom Code, All pages, Head. Wix asks for a published site with a connected domain first,Wix and connecting a domain needs a paid plan.Wix Wix’s help describes no exit-intent or scroll trigger, which is the usual reason to add one.

How to add a popup to WordPress

WordPress has no popup feature of its own, so the popup comes from a plugin or from a theme that includes one. Before you build on one, check its free version against the four settings in chapter 01: the triggers, who sees it, how often, and where signups go. Each is also one more plugin to update; if your list is already long, read how many WordPress plugins is too many first.

With a popup tool
No theme edits: Builderify has a WordPress plugin. Upload it under Plugins, activate it, and paste your key under Settings, Builderify. The popups themselves are built in Builderify, not in WordPress.

How to add a popup to Shopify

Shopify’s own route is Shopify Forms, a free app that isn’t installed by default.Shopify Install it from the App Store, switch on its app embed in your theme, and build a popup form to grow your marketing list, optionally with a discount attached. Its Behavior settings:Shopify

  • Trigger: on the first, second or third page view, immediately or after a delay, plus a checkbox for exit intent on desktop only.
  • Devices: all, desktop only or mobile only. Pages: all, or page types such as Product or Collection.
  • Dismissal is remembered in the visitor’s browser, so a closed popup stays away until they clear their data.
  • Display: Floating or Overlay, with an optional teaser tab that reopens it.

With a popup tool
Online Store, the … menu on your theme, Edit code, then theme.liquid, just above </head>. You can edit a theme’s code only after you’ve bought it, so a paid theme on trial has to be purchased first.Shopify Some themes ship a newsletter popup of their own; check your theme’s settings before adding a second one.

Webflow: a modal you build

Webflow has no popup element; you build a modal. Webflow’s own tutorial uses a full-screen wrapper with a dark overlay, a click interaction that shows it and a close link that hides it again.Webflow That’s fine for a popup opened by a button. Exit intent, a frequency cap or visitor rules mean custom code, and site-wide custom code needs an active Site plan or a Core, Growth, Agency or Freelancer Workspace.Webflow

Framer and plain HTML

Framer has overlays that open on a click; opening one on time, scroll or exit needs Triggers, part of the paid Convert add-on.FramerPricing Triggers add a repeat cooldown of 1 to 365 days, a visited-pages count and start and end dates; page rules work only in layout templates, and there is no device condition. Site-wide scripts go under Project Settings, Custom Code, Add Script.Framer

On a hand-built site, the browser’s <dialog> element opens as a modal with one line of JavaScript.MDN The rest is yours to write: the trigger, remembering who closed it, and somewhere for the email address to go. Or paste a tool’s script tag just above </head> on every page.

04 / Settings that work

Popup settings that don’t annoy visitors
Pick the moment, then cap it.

A popup annoys people when it arrives too early, comes back too often, or is hard to close. Choose a trigger that matches what the visitor is doing, cap how often one person sees it, and test it on a phone before anyone else does.

Popup triggers compared: when each fires, what it suits and what to watch
TriggerFires whenGood forWatch for
Delay A set number of seconds after the page loads. Small corner cards and short announcements. A full-screen popup at 0 seconds covers the page they came to read. Give it 10 seconds or more.
Scroll The visitor passes a percentage of the page. Newsletter signups on articles and guides. Long pages: 50% may be minutes away. Short pages: it fires almost at once.
Exit intent The cursor heads for the top of the window. A last offer or a reason to come back. Desktop only. Phones have no cursor, so mobile visitors need another trigger.
On click The visitor clicks your own button or link. Call requests, quotes, “get the guide” buttons. Only reaches people who click, so it never interrupts and never grows a list on its own.
Page views After a number of pages within a number of days. Feedback, and offers for people who keep browsing. Needs a few pages of browsing first, so first-time visitors may never see it.

Exit intent in detail, with a live demo and a plan for phones: how an exit intent popup works.

01

Cap the frequency

Once per visit is plenty for most popups. Someone who closed it has answered; someone who signed up should never see it again.

02

Treat phones differently

A popup that fits a laptop can cover a whole phone screen. Wait for a scroll before showing it on mobile, make it smaller, or show phones a different one.

03

Target the page

A signup on blog posts, an offer on product pages, nothing on checkout, contact or legal pages. The right page does more than the right wording.

04

Make it easy to close

A visible close button, a “No, thanks” link and a click outside that closes it. A popup people can’t dismiss is the fastest way to lose them.

What Google says about popups

Google’s Search Central guidance asks sites not to obscure the whole page with interstitials, and says intrusive dialogs “make it hard for Google and other search engines to understand your content, which may lead to poor search performance.” It suggests banners that take up a small fraction of the screen, including for newsletter signups, and exempts interstitials a site must show by law or for its content, such as an age gate.Google In practice: on phones, prefer a corner card or a popup that waits for a scroll over one that covers the page someone just arrived on.

05 / With Builderify

Add a popup to any website
with one script tag.

Builderify Popups starts from one of thirteen templates that you edit visually, on WordPress, Shopify, Wix, Squarespace, Webflow, Framer or plain HTML. Paste the script tag once; after that, popups are built, changed and switched off in Builderify.

The triggers are On click, Delay, Scroll, Exit Intent (desktop only) and Page Views. Show Once Per Session stops a popup appearing twice in a visit, and How often can hold it back for a set number of hours or show it once and never again. Gentle on phones, on by default, makes a timed popup on mobile wait for the visitor’s first scroll or tap. Someone who submits a popup isn’t asked again in that browser for a year.

Who sees it: Device, new or returning visitors, traffic source, campaign, and include or exclude page rules you can test against an address before saving. A start and end date runs in whole days in your website’s timezone, which is how the announcement bar with an end date and the Black Friday website checklist take a sale down on time.

Thirteen templates, by job

Lead capture

Newsletter Split Lead Magnet Spotlight Signup Launch Waitlist Blog Subscribe

Promotions

Exit Offer Bold Offer Corner Promo

Everything else

Event Registration Consultation Ask a Question Restock Alert Blank

After someone submits

Show a thank-you screen, close the popup, or redirect to a URL, with an optional auto-close of up to 60 seconds.

Where signups go

Every submission is kept with the popup. Connect a lead list and switch on the form’s consent box, and each person who ticks it joins that list with the popup’s name recorded as the source, ready for a welcome sequence. Without the tick, the signup stays with the popup only.

What it costs

The widget uses 10 credits per 1,000 page loads, and a new person added to a lead list is 1 credit, once. Every account gets 250 free credits a month with no monthly fee; one-time packs start at $9 and never expire. See pricing.

Next steps by goal

Collecting names before a launch? See how to create a waitlist. Asking customers what they think? The customer feedback form guide picks the format. Want people to pick a time themselves? Add a booking system next to the popup.

Questions

Adding a popup, before you ask.

Use your platform's built-in popup if it has one (Squarespace's Promotional pop-up, Wix popups, or the free Shopify Forms app), or paste a popup tool's script tag into your site's head once. Then choose the trigger that opens it, which pages and visitors see it, how often one person sees it, and what happens after they sign up.

Use the Promotional pop-up, on the Core, Plus and Advanced plans. Only one can be enabled at a time, it opens on a timer, a scroll point or both, and it shows only on the first page a visitor lands on, with no exit intent. For more than one popup, paste a popup tool's script tag into Code Injection, which needs the same plans (checked 30 October 2026).

In the Wix Editor, click Add Elements, then Interactive, and pick a popup (Wix used to call them lightboxes). Under Set Triggers, choose whether it opens automatically when a page loads, with an optional delay, or only from a link, and which pages it is on. Only one automatic popup can open per page, and Wix's help describes no exit-intent or scroll trigger.

WordPress has no popup feature of its own, so you need a plugin, a theme that includes a popup, or a popup tool. With Builderify you install its one WordPress plugin, paste your key, and build the popups in Builderify, so adding a second popup does not mean adding a second plugin.

Often, yes. Shopify Forms is free to install and use, Wix's popup help names no plan requirement, and Squarespace's pop-up needs a Core, Plus or Advanced plan. Builderify is free to start with 250 free credits a month: the widget uses 10 credits per 1,000 page loads and a new lead costs 1 credit, with no monthly fee.

Sources

Every platform page above was read on 30 October 2026. Plans and features change; check the platform’s own help before you buy. The Builderify details come from the Popups module page and were checked against the product on 30 October 2026. Fern & Loaf is made up.

← All guides

Stop losing the visitors
you already paid for.

More leads from the traffic you already have, and follow-up that sends itself. Free to start. No card, no monthly fee.

Start free See what it does