Klaviyo – Signup Forms element

In this article, we will know how to add the Klaviyo – Signup Forms to PageFly pages.

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

Install Klaviyo: Email Marketing

Install PageFly

You can also watch this video tutorial:

About the Klaviyo: Signup Forms elementClick 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.

This element comes in only one variation, which is the Klaviyo – Signup Forms.

Access the Klaviyo: Signup forms elementClick to copy

Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.

Step 2: In Integrations popup page, you can search “Klaviyo” on the search bar and then Enable it.

Step 3: Drag and drop Klaviyo element into your PageFly editor.

Klaviyo element configurationClick to copy

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

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

Styling Configuration

You can customize the styling of the Klaviyo element in the Styling tab.

klaviyo styling configuration

You can check more information about the Styling tab here.

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

Navigate this category

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese, French and Japanese. Please check the flags on the page header.

I got it!
Discover the Shopify Invoice Generator by PageFly, a seamless solution for invoicing in your online store. Try it now!