Klaviyo
Partner Website →

Sync contact fields. Segment people into lists. Personalize your website for Klaviyo contact segments.

Connect For Free
ConvertFlow +
Klaviyo

Klaviyo Popups: Triggers, Targeting & How to Build Them

Klaviyo's sign-up forms handle the basics well: an overlay or flyout, an email field, subscribers landing on a list.

Where teams run out of road is triggering and targeting. Klaviyo's own top-ranking answer for custom-triggering a popup is a developer doc — which tells you most of what you need to know about how easy it is to fire a form on cart-add, or show a different offer to someone browsing a specific collection.

This guide covers building Klaviyo popups in ConvertFlow instead: same Klaviyo lists and profile properties, but with triggers, targeting and elements you'd otherwise need code for.

What you can't do with Klaviyo's own forms

Worth being specific, because for a simple welcome popup Klaviyo's forms are genuinely fine and free.

Teams move when they need:

  • Cart-triggered popups — firing the moment a shopper adds to cart
  • Collection or product-level targeting — a different offer per category rather than one site-wide popup
  • Theme-level styling — set the look once instead of editing every element, which gets painful on multi-step forms
  • Elements beyond text and fields — countdown timers, progress bars, product recommendations
  • Richer button actions — jumping to another funnel step or opening another campaign, not just closing or redirecting
  • Subscriber suppression with a fallback offer — hiding the popup from existing subscribers and showing them something else

Step 1: Pick a template

Browse ConvertFlow's popup template library and pick a design that matches your goal.

Click "Use this template" when you find one you like. Then, create a free ConvertFlow account, or log in if you have one already, to edit it.


We'll use a two-step email and SMS template:


👉🏽 Want inspiration first? See 6 email popups successful brands use.

Step 2: Choose the format

Templates offer several formats. For a welcome offer, choose Overlay Popup.

Campaign format options in ConvertFlow

You'll land in the drag-and-drop builder with the template ready to edit.

A popup template in the ConvertFlow builder

Step 3: Set the theme before the content

Styling works at two levels — theme level, which applies across every step and every element you add later, and element level, which overrides it.

Start with the theme. Click the "Theme" tab in the right-side panel.

The theme tab in ConvertFlow

Set buttons and they update across every step at once.

Button theme settings in ConvertFlow

This is the first place the difference shows. In Klaviyo you style each element individually, which is manageable on a one-step form and tedious on a multi-step one.

Step 4: Choose your trigger

This is the reason most people end up here. Trigger settings live in the "Settings" tab.

  • Exit-intent — as the shopper moves to leave; on mobile, when they tap back
  • Scroll point — after a set percentage of the page
  • Time delayed — a set number of seconds after arrival
  • Upon click only — opens from a button or link
  • On-site message — a small message in the corner that opens the popup when clicked
  • Two-tap floating button — a corner button, which can also appear after someone closes the popup so they can reopen it
  • Add to cart — fires immediately after a product is added, detecting Shopify adds as well as ConvertFlow product elements

Add-to-cart and on-site message triggers aren't available in Klaviyo's form editor. The cart trigger is usually the highest-value one on an ecommerce store, because a shopper with something in their cart is a far better prospect than one who just landed.

Set suppression

Adjust how long the popup stays hidden after someone closes it.

Popup trigger suppression settings in ConvertFlow

Suppression doesn't apply to "upon click only", since that depends on the shopper's action.

Step 5: Edit the offer

Click any element and the side panel shows what you can change.

Element customization options in ConvertFlow

A free gift often outperforms a percentage discount, and doesn't train shoppers to wait for a code.

A popup updated with a free gift offer

Click "Add element" to bring in things a Klaviyo form can't hold — a countdown timer, for instance.

A popup with a timer element added

Timers and product elements are the two that most change what a popup can do.

Step 6: Connect Shopify

From your ConvertFlow dashboard, go to Settings → Integrations and connect Shopify.

The integrations menu in ConvertFlow, highlighting Shopify

The ConvertFlow script installs on your store automatically, and you can then pull product and cart data into campaigns.

Step 7: Connect Klaviyo

Select the email form in the first step, click Manage Actions, then Manage integrations and find Klaviyo.

The manage actions button on a form element

Grant ConvertFlow permission to access your Klaviyo account.

Granting ConvertFlow permission to access a Klaviyo account

Step 8: Add the automation

Back in Manage Actions, click Add automation.

The manage form actions menu in ConvertFlow

Choose "Klaviyo — Add to list" and pick the list.

An automation adding form submissions to a Klaviyo list

Repeat for the SMS form in step two, pointing it at your SMS list.

Write answers to profile properties

If your popup asks a question before the email field, map the answer to a Klaviyo profile property — either an existing one or a new one created from the builder.

Creating a new Klaviyo profile property from a question in ConvertFlow

Preset contact fields are mapped from the Fields button on your Integrations page.

Mapping ConvertFlow preset contact fields to Klaviyo profile properties

This is what turns a list of addresses into segments your flows can act on.

Step 9: Set the button actions

The final step of our template sends shoppers into a quiz.

The final step of a popup with a quiz call to action

Click the button, then Manage Actions.

The manage actions menu for buttons in ConvertFlow

In Klaviyo, a button can close the form or redirect to a URL. Here it can also jump to another funnel step or open a different campaign — which is how you chain a welcome popup into a product quiz rather than dead-ending on a discount code.

👉 No quiz yet? See how to build a product recommendation quiz.

Step 10: Preview

Save and publish your changes, then click Preview.

The campaign preview screen in ConvertFlow

The popup fires on the trigger you set and behaves as it will live — but automations don't run, so testing won't add your own address to a Klaviyo list.

Step 11: Target it properly

Click Launch to control which pages and shopper segments see the popup.

Targeting conditions for a popup in ConvertFlow

Two things worth doing here that Klaviyo's targeting doesn't stretch to:

Collection-specific offers. Show a different popup on each collection or its product pages, so the offer speaks to what the shopper is actually browsing. We ran this with a DTC furniture brand and took welcome popup opt-in from 2.3% to 7.7% — a 235% lift — while collecting purchase-intent data for later campaigns.

Suppress subscribers, then show them something else. Exclude anyone already on your Klaviyo list, and give them a different offer instead — or a reminder of their unused first-purchase discount. Existing subscribers are your most frequent visitors, so this is a large share of impressions being wasted by default.

You can also target on site activity and Shopify data like cart value and cart contents.

Toggle the switch to go live.

The activation toggle for a campaign in ConvertFlow

Then test the trigger, not just the copy

Split-test unlimited variants and read views, conversions and attributed revenue per variant.

Most stores test headlines. On a Klaviyo popup, testing the trigger and the offer type usually moves the number further — exit-intent against cart-add, or a discount against a free gift.

Create a free account to build your Klaviyo popup.

Grow your list, checkouts, and AOV with Klaviyo & ConvertFlow

Create a free ConvertFlow account and integrate

Klaviyo

in minutes.

Klaviyo
https://www.klaviyo.com/

Sync contact fields. Segment people into lists. Personalize your website for Klaviyo contact segments.

Connect For Free

Related integrations

See all integrations →