Skip to main content

Adding Klaviyo forms

Updated over a week ago

Klaviyo helps you connect powerful email and SMS marketing tools to your store. With Instant, you can easily embed Klaviyo forms and widgets directly into your layouts.

Overview

Integrate Klaviyo signup forms, popups, and other marketing widgets into your Instant pages and sections.

Common Use Cases

Use Case

Description

Email signup forms

Capture email addresses for newsletters

SMS opt-in

Collect phone numbers for SMS marketing

Embedded forms

Add forms directly to pages

Exit intent popups

Trigger forms based on user behavior

Adding the Klaviyo Widget

Step 1: Open the Insert Panel

Go to Insert → Elements and select the Apps tab.

Step 2: Find Klaviyo

In the list of integrations, select Klaviyo.

Step 3: Drag and Drop

Drag the Klaviyo app onto your canvas.

Step 4: Preview Your Widget

The Klaviyo widget appears instantly in your layout.

Klaviyo-Specific Settings

For Klaviyo forms to work properly, a few additional steps are required.

Requirements

Requirement

Setting

App embed

Must be enabled in your Shopify theme

Form type

Must be set to "Embed"

Device targeting

Must be set to "Desktop and Mobile"

Enabling the App Embed

The Klaviyo app embed needs to be enabled in your Shopify theme for forms to display correctly.

  1. Go to your Shopify Admin

  2. Navigate to Online Store → Themes

  3. Click Customize on your active theme

  4. Go to App embeds (in theme settings)

  5. Enable the Klaviyo app embed

  6. Save your changes

Note: View Klaviyo's official instructions for detailed guidance on enabling the app embed.

Configuring Your Klaviyo Form

In your Klaviyo account:

  1. Open the form you want to embed

  2. Go to form settings

  3. Set Form type to "Embed"

  4. Set Device targeting to "Desktop and Mobile"

  5. Save and publish the form

Troubleshooting

Issue

Solution

Form not displaying

Enable Klaviyo app embed in Shopify theme

Form only shows on desktop

Set device targeting to "Desktop and Mobile"

Form not loading

Verify form type is set to "Embed"

Styling issues

Check Klaviyo form styling settings

Quick Reference

Task

Action

Add Klaviyo widget

Insert → Elements → Apps → Klaviyo

Enable app embed

Shopify theme → Customize → App embeds → Klaviyo

Configure form

Klaviyo → Form settings → Embed + Desktop and Mobile

Setup Checklist

Step

Status

Klaviyo widget added to layout

App embed enabled in Shopify theme

Form type set to "Embed"

Device targeting set to "Desktop and Mobile"

Layout published

Did this answer your question?