About Klaviyo – Signup Forms App![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
What Is Klaviyo – Signup Forms App?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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 App![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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
Before going into details, let’s check out the video tutorial below:
How To Access the Klaviyo – Signup Forms Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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
How To Configure Klaviyo – Signup Forms Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
- All styling and configuration must be done in the Klaviyo – Signup Forms app.
From PageFly![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Step 1: Add Klaviyo – Signup Forms Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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
Step 2: Configure Klaviyo – Signup Forms Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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 App![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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:
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.
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 Questions![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Benefits of Using Klaviyo with Pagefly?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Free Installment includes Sync Shopify data–tags, catalogue, coupons, Templates for Email/SMS, Forms & push notifications, Segmentation & personalization along with A/B testing.