How to Embed a Klaviyo Form on Your Shopify Store

Last updated: March 2026

Tired of poking around in Klaviyo and Shopify trying to get your custom form to appear? Do not fear. Forge is here! Let us walk you through exactly how to embed a Klaviyo form on your Shopify store, step by step, so you can stop second-guessing the process and start growing your list.

At Forge Digital Marketing, we are a Klaviyo Silver Partner and a Shopify Partner. Our expertise in both platforms gives us a front-row seat to every update, change, and best practice that comes along. This guide reflects how Klaviyo and Shopify integrate in 2026, including the modern app embed setup, the native Shopify app block method for embedded forms, popup and flyout targeting options, and the full <div> embed code approach for advanced installs.

Introduction

Embedding a Klaviyo form on your Shopify store is one of the most effective ways to capture leads and grow your email and SMS lists. Klaviyo forms are versatile, highly customizable, and built to integrate directly with Shopify. Whether you want a popup that fires when a visitor is about to leave, a flyout that slides in from the side, or an inline embedded form sitting in your footer, Klaviyo has a form type for every situation.

In this guide, we will cover the full process from enabling your integration through to placing forms on specific pages, so you have everything you need to implement Klaviyo forms the right way.

Why Use Klaviyo Forms on Your Shopify Store?

Before we get into the how-to, here is a quick reminder of why Klaviyo forms are worth setting up properly on your store:

• Increased Customer Engagement: Capture leads, promote special offers, and gather valuable customer data at the moment of peak intent.
• Deep Customization: Tailor every form to match your brand, choose your trigger conditions, and control exactly who sees what and when.
• Seamless Shopify Integration: Klaviyo connects directly to Shopify so subscriber data syncs automatically to your lists without any manual imports.
• Better Conversion: Use the data collected through forms to power personalized flows and campaigns that drive real revenue.

Understanding the Two Types of Klaviyo Forms

This is where a lot of store owners get tripped up, so we want to make this crystal clear before moving on. Klaviyo offers two fundamentally different categories of forms, and they work differently when it comes to installation.

Popup, Flyout, and Full-Page Forms

These form types do not require you to paste any code onto your site. Once the Klaviyo app embed is active on your Shopify store (more on that below), these forms are published directly from Klaviyo’s form builder and appear automatically. All targeting and display logic, such as which pages they show on, who sees them, when they trigger, and what conditions must be met, is handled inside Klaviyo’s Targeting and Behavior tab.

Embedded Forms

An embedded form sits inline on a specific location of your page, like in your footer, on a landing page, or within a content section. Unlike popups, embedded forms require one extra step: you need to place either a form ID or a short <div> snippet on your site to tell Shopify where the form should render. Klaviyo’s current best practice is to use an embedded form in your site’s footer alongside your other published forms, as this combination maximizes list growth opportunities.

Getting Started: Prerequisites

To embed a Klaviyo form on your Shopify store, you will need:

• An active Klaviyo account.
• A Shopify store.
• Admin access to both platforms.
• The Klaviyo app installed from the Shopify App Store.

Step 1: Install the Klaviyo App and Integrate with Shopify

If you have not already connected Klaviyo and Shopify, here is how to get started:

1. In Klaviyo, navigate to the Integrations tab and click Explore apps.
2. Search for Shopify, click the card, then click Install.
3. Paste your Shopify store URL in the format mystore.myshopify.com and click Connect to Shopify.
4. Review the permissions in Shopify and click Install app. You will be redirected back to Klaviyo.
5. Click Integrate to confirm the connection and land on the integration settings page.
6. Configure your subscriber sync settings, including which Klaviyo list email and SMS subscribers should flow into.
7. Click Complete setup.

Step 2: Enable the Klaviyo App Embed in Shopify

This step is critical. The Klaviyo app embed is what loads Klaviyo’s JavaScript (called Klaviyo.js) on your store and makes all sign-up forms, onsite tracking, and subscriber syncing work. Without it enabled, no Klaviyo form will display on your site, regardless of how it is configured in the form builder.

Here is the current process to enable and verify the app embed:

1. In Klaviyo, go to Integrations and click Shopify to open your integration settings.
2. Scroll to the Onsite Tracking section.
3. If you see a green banner that says “The Klaviyo app embed is enabled on your Shopify store,” you are all set.
4. If you see a yellow banner saying the app embed is turned off, click Turn on. This will take you directly to the App Embeds tab in your Shopify theme editor.
5. Toggle the Klaviyo app embed to on.
6. Click Save in the Shopify theme editor.
7. Return to your Klaviyo Shopify integration settings page and refresh. The green banner should now appear confirming the embed is active.

Important note for new themes: If you ever install a brand new Shopify theme, you will need to re-enable the app embed for that theme. The toggle does not carry over automatically, and this is one of the most common reasons forms suddenly stop appearing on a store.

You can also optionally check the Track behavioral events box in the Onsite Tracking section to enable tracking for Viewed Collection, Submitted Search, and Added to Cart events, which power useful automations like browse abandonment flows.

Step 3: Create Your Klaviyo Form

Now that your integration is live and the app embed is active, it is time to build your form in Klaviyo.

1. In Klaviyo, navigate to the Sign-up forms tab in the left-hand menu.
2. Click Create form.
3. Choose to start from a pre-built template or click Create new form to start from scratch.
4. In the creation modal, name your form, select which list new subscribers will join, and confirm your form type (Popup, Flyout, Full Page, or Embed).
5. Click Save and design, then use the editor to style the form and add any input fields or content blocks you need.

Targeting and Display Options for Popup and Flyout Forms

For popup, flyout, and full-page forms, all of your targeting logic lives inside Klaviyo’s Targeting and Behavior tab within the form editor. This is where you control:

• Page and URL targeting: Show the form only on specific pages, only on URLs containing a certain word, or on all pages except certain ones. You can restrict popups to product pages only, collection pages only, or any URL pattern you define.
• Visitor targeting: Choose whether the form appears to all visitors, only to people who are not yet subscribed to your list, or only to existing subscribers.
• Display triggers: Set the form to appear after a time delay, after the visitor scrolls a certain percentage of the page, or on exit intent.
• Cart content targeting: Show or hide the form based on whether the visitor has items in their cart, or based on cart value thresholds.
• Geo-targeting: Restrict the form to visitors in specific countries or regions.

None of this requires any changes to your Shopify theme. It is all managed from within Klaviyo once the app embed is active.

Success Message and Flow Setup

Customize the success message your new subscriber sees immediately after submitting the form. If you are offering an incentive like a discount code, you can either display the code directly in the success message or set up a Klaviyo welcome flow to deliver a dynamic coupon to each new subscriber’s inbox. The flow delivery method is generally better for coupon code control and prevents code sharing.

Step 4: Embed the Form on Your Shopify Store

How you place the form on your site depends on which form type you are using.

Popup, Flyout, and Full-Page Forms: Just Publish

When you click Publish inside Klaviyo’s form editor, these form types will go live on your site automatically, as long as the app embed is enabled. There is nothing to paste into Shopify. Your targeting settings in Klaviyo control where and to whom the form appears.

Embedded Forms: The Native Shopify App Block Method (Recommended)

For embedded forms on Shopify 2.0 themes, the recommended method is to use Klaviyo’s native app section inside the Shopify theme customizer. This is a no-code approach that works without editing any theme files.

1. In Klaviyo’s form editor, go to Targeting and Behavior > Display and locate the Embed Code section. Copy the form ID from within the code. This is the short alphanumeric string inside the embed snippet.
2. Click Publish to publish your form in Klaviyo. Note that the form will not appear on your site yet; you still need to place it in Shopify.
3. In Shopify, go to Online Store > Themes and click Customize.
4. From the top menu bar, select the page template where you want the form to appear (for example, your Home page or a specific landing page template).
5. In the left-hand menu, scroll to Apps and click Add section > Apps > Klaviyo Embedded Form.
   • If you want the form to appear on this specific page only, add it within the Template section.
   • If you want the form to appear on every page across your store (ideal for a footer placement), add it within the Footer section.
6. Click on the newly created Klaviyo Embedded Form section in the left menu.
7. Paste your form ID into the designated text box.
8. Click Save. Note that the form will not show in the Shopify preview until after you save.

After saving, visit your live store and refresh the page. Your embedded form should now appear in the location you chose.

Embedded Forms: The Direct Code Method (Advanced / Custom Themes)

If you are using a custom or headless Shopify theme, or if you want to place the embedded form inside a specific Liquid template file, you can paste the full embed code directly into your theme’s HTML. This is the approach that was standard before Shopify 2.0’s app block system became the norm, and it still works well for advanced use cases.

1. In Klaviyo, go to Targeting and Behavior > Display > Embed Code and copy the full embed snippet. It will look like this:

<div class="klaviyo-form-XXXXXX"></div>

2. In Shopify admin, go to Online Store > Themes > Actions > Edit Code.
3. Locate the Liquid file where you want the form to appear. Common options include theme.liquid (global), footer.liquid, or a specific page template like page.liquid.
4. Paste the <div> snippet wherever you want the form to render within that file.
5. Save the file.

The form will render in that location on your live store as long as the Klaviyo app embed is active and the form is published in Klaviyo.

Troubleshooting: Common Issues

If your form is published in Klaviyo but not showing up on your store, work through these checks:

• App embed not enabled: Go back to your Klaviyo Shopify integration settings and confirm the green banner is showing. If not, re-enable it and save in the Shopify theme editor.
• New theme installed: The app embed does not carry over to new themes automatically. Re-enable it for the new theme.
• Form ID vs. full embed code: The native Shopify app block method requires only the form ID. The direct code method requires the full <div> snippet. Using the wrong one in the wrong context is a common mistake.
• Targeting settings too narrow: In Klaviyo’s Targeting and Behavior tab, verify that your visitor settings, URL conditions, and device settings are not accidentally filtering out the visitor or device you are testing on.
• Browser cache: Try viewing your site in a fresh private or incognito window after making changes.
• Only one Klaviyo account per store: Confirm that only one Klaviyo account is integrated with your Shopify store. Multiple connections can cause conflicts.

A Note on the Thank You Page and Order Status Page

Shopify no longer natively supports embedding forms on the order confirmation or thank you page. If you want to collect SMS consent post-purchase, Klaviyo offers an SMS app block feature for checkout, thank you, and order status pages, but this is currently available for Shopify Plus stores only.

A Note on Embed Form View Tracking (Updated December 2024)

As of December 6, 2024, Klaviyo changed how views are counted for embedded forms. Views are now only recorded when the form is actually visible within the user’s viewport. If you have an embedded form in your footer, its view count may appear lower than before, and its submit rate will appear higher. This is expected and accurate behavior, not a bug.

Tips for Optimizing Your Klaviyo Forms

• Use a footer embed alongside your popups: Klaviyo recommends having an embedded form in your site’s footer as a baseline list growth tool, working in tandem with your popup or flyout forms.
• A/B Testing: Experiment with different form designs, trigger timings, and offers to find what converts best with your audience.
• Clear Call to Action: Make sure your form has a direct, compelling reason for visitors to subscribe. Discount codes, early access, and exclusive content all perform well.
• Mobile Responsiveness: Preview your forms on mobile within Klaviyo’s form editor. A large portion of Shopify traffic is mobile, and a form that does not display cleanly on smaller screens will cost you subscribers.
• Subscriber suppression targeting: Use Klaviyo’s visitor targeting to hide your popup from people who are already subscribed. This improves the experience for existing customers and keeps your data cleaner.

Leverage Our Expertise

At Forge Digital Marketing, we are not just Klaviyo experts; we are also a Shopify Partner. Our team has hands-on experience setting up and optimizing Klaviyo integrations for Shopify stores of all sizes. If you need personalized help getting your forms live, troubleshooting an integration issue, or building out a full email and SMS strategy, we are here to help.

Subscribe for More Insights

Stay ahead with the latest tips and best practices in ecommerce marketing. Subscribe to our email list for more how-to guides and expert advice. If you have questions or need immediate help with your Klaviyo and Shopify setup, reach out to us directly. Let us take your store’s marketing to the next level together.