How to add an embed form to your Shopify site

How to add an embed form to your Shopify site

Estimated 3 minute read

Updated Jul 7, 2025, 12:00 AM EST

Table of contents

You will learn
Before you begin
Add an embed form to your site
Next steps
Additional resources

You will learn

Learn how to add a Klaviyo embed form to your Shopify site. This involves creating a form in Klaviyo and then adding its form ID to the Klaviyo Embedded Form app block in your Shopify theme, such as in the footer.

Already using a Shopify sign-up form? If you chose to sync Shopify subscribers to Klaviyo when integrating, then any new subscribers will sync automatically.

Before you begin

Before adding the embed form to your Shopify site, you must integrate with Shopify and enable the Klaviyo app embed on your theme so sign-up forms can display and collect submissions. If you change your published theme, you’ll need to enable the app embed on the new theme.

To verify the app embed is enabled:

Navigate to your Shopify integration settings page.
Scroll to the Onsite Tracking section.
If you see a green banner stating The Klaviyo app embed is enabled on your Shopify store, you’re all set. Continue to the next section of the article to add the embed form to your site.

For a yellow banner with the following message, follow the guide below: Klaviyo app embed is turned off. After turning it on, select ‘Save’ in the Shopify theme editor to apply the change.
Refer to our guide on enabling Klaviyo’s app embed for Shopify before continuing on with this article.

The example in this article uses a Shopify 2.0 theme. Your theme may differ, which can affect where app blocks are available. Your theme must support app blocks for the steps below. See Shopify’s app block guidance for compatibility details.

Add an embed form to your site

Looking to embed a form on a Shopify thank you or order status page? Shopify no longer natively supports this functionality, but you can use Klaviyo's SMS app block feature to collect SMS consent on Shopify checkout (Shopify Plus only), thank you, or order status pages.

Create and customize an embed form in Klaviyo. Choose the list that new subscribers should join.
In the form editor, select Targeting & behavior > Display.
Under Embed code, copy only the form ID from within the code. For example, in <div class=“klaviyo-form-ABC123”></div>, the form ID is ABC123. Use your own form’s ID.

Click Publish or schedule, select Publish now, then click Publish now to publish your form. Resolve any blocking form alerts before publishing.
Navigate to your Shopify dashboard.
Select Online Store > Themes.
Click Edit theme next to your published theme.

From the top menu bar, choose the page template where you wish to add the form (e.g., your Home page or Password page).

In the left-hand menu, select Add section > Apps > Klaviyo Embedded Form in one of the following locations:
To add the form to pages that use the selected template, do this in the Template section. Changes apply to every page that uses that template. To limit the form to 1 page, create a separate template and assign it to that page.

To show the form across pages that use your theme’s footer, do this in the Footer section. Note that having an embed form in your site’s footer is also a Klaviyo best practice for list growth.

Click on the newly created Klaviyo Embedded Form section in the left menu.
Paste the form ID you copied from Klaviyo into the designated textbox.

Click Save to add your embed form to the page template. Note that the embed form won’t appear in the preview until after you save.
Optional: After saving, you can rearrange the Klaviyo Embedded Form app by clicking and dragging it within the menu. Click Save again after moving it.

Once you’ve pasted the form ID and saved the changes in Shopify, navigate back to your website and refresh the page. Visitors who meet your form’s targeting and device settings will see it and have the option to join your list by completing it.

If you don’t see your form, see troubleshooting embed forms.

Next steps

Next, create a welcome series flow to make an immediate impact on your new subscribers.

Additional resources

How to manage your sign-up forms

Learn tips for managing your existing sign-up forms so you can ensure they are aesthetically pleasing and functional for customers interested in engaging with your brand. - Getting started with Shopify

Learn how to integrate Klaviyo with Shopify in order to bring your customer profile and order data into Klaviyo and reach customers with targeted messaging. Additionally, enable Klaviyo onsite tracking and sign-up forms, and sync data from Klaviyo to Shopify. - Getting started with sign-up forms

Learn how to create and customize sign-up forms in Klaviyo to publish on your website so you can engage shoppers, collect emails and phone numbers, and build long-lasting customer relationships.

Was this article helpful?

YesNo

Use this form only for article feedback. Learn how to contact support.