How to use Klaviyo – Signup Forms Element with PageFly

About Klaviyo – Signup Forms AppClick to copy

What Is Klaviyo – Signup Forms App?Click to copy

The Klaviyo Signup Forms element is designed to help you to create a signup form for your pages to turn visitors into subscribers by filling customer’s emails into the form.

Install Klaviyo – Signup Forms AppClick to copy

In order to use this element, the Klaviyo: Email Marketing app has to be installed on your Shopify store.

Before going into details, let’s check out the video tutorial below:

How To Access the Klaviyo – Signup Forms ElementClick to copy

In page editor, follow these steps to access Klaviyo – Signup Forms element:

  • Step 1: In the PageFly editor, click “Add third-party element” on the left menu
  • Step 2: Click “Manage integrations” or the gear icon on top
  • Step 3: Search for “Klaviyo: Signup Forms” and enable it
  • Step 4: Click “Close” and the element will appear in the “Add third-party element” menu

Access the Klaviyo – Signup Forms Element

How To Configure Klaviyo – Signup Forms ElementClick to copy

Important note:
  • All styling and configuration must be done in the Klaviyo – Signup Forms app.

From PageFlyClick to copy

Step 1: Add Klaviyo – Signup Forms ElementClick to copy

Before starting to set up for the Klaviyo – Signup Forms element, you will need to add this element onto your page canvas:

  • Step 1: Click “Add third party element” on the left menu bar
  • Step 2: Look for “Klaviyo: Signup Forms” element
  • Step 3: Click on the element to see its variants
  • Step 4: Drag and drop the variant onto the page canvas

Add Klaviyo – Signup Forms Element

Step 2: Configure Klaviyo – Signup Forms ElementClick to copy

After adding the element, you can adjust for it by clicking on the element.

  • From the “General” tab, there is a widget configuration giving you a short explanation of the Klaviyo app, its link to the app listing, and the box for Embed form ID.

  • For styling options like margins, borders, and effects, go to the “Styling” tab. You can find more details about the available options here.

From Klaviyo – Signup Forms AppClick to copy

Before using the Klaviyo – Signup Forms element in PageFly, you’ll need to create and configure your widget in the Klaviyo – Signup Forms app. Here’s how:

  • Step 1: Activate “Klaviyo Onsite Javascript” in the Theme CustomizeClick to copy

Go to your Shopify admin, then navigate to Online Store > Theme > Current theme > Customize > App embeds. Search for “Klaviyo Onsite Javascript” and activate it.

As mentioned above, you need to install the Klaviyo app to your Shopify store and configure all settings in that app.

  • Step 2: Create Signup FormClick to copy

After installing the app, you are requested to fill in related information. When completing all of the relevant information, you will be moved into Klaviyo Dashboard.
1. On the Klaviyo dashboard, scroll down to the Signup Forms option.
2. Click on the Create Signup Form button.

There is a modal for you to create the signup form. In the Type box, remember to choose the Embed option.

For the Device and Goal boxes, you can choose the options you want.

And then you can choose one of these templates.

There will be a popup showing, choose your Subscribe List and click on the Create Form button

Click on the Behaviors option and copy the code. Finally, you need to Publish the form

Now, going back to the PageFly page that you dragged and dropped the Klaviyo element before, you paste the code in the Embed Form ID box as the screenshot below

Don’t forget to Publish the page to see it in the live view

Frequently Asked QuestionsClick to copy

Benefits of Using Klaviyo with Pagefly?Click to copy

Ability to centralize data from your Shopify Store makes Email Marketing so much easier. Sellers don’t need to start from scratch; they can start with multiple template libraries for email, SMS, forms, reviews, campaigns and automation, and an automatic customized report.

What is included in Shopify Klaviyo Plans?Click to copy

Free Installment includes Sync Shopify data–tags, catalogue, coupons, Templates for Email/SMS, Forms & push notifications, Segmentation & personalization along with A/B testing.

Additional ResourcesClick to copy

Thank you for your feedback!

Navigate this category

Could not find the answer
to your question?

Chat with us
Get 20% off TinyIMG and PageFly to build a mobile commerce store from our ebook 📱📈 Get It Now