Table of Contents
- Overview
- Key Features
- Requirements
- Integration Steps
- Catalog Syncing
- Collecting SMS Subscribers
- SMS Consent Text and Opt-in
- Adding Klaviyo Sign-Up Forms
- Troubleshooting
Overview
This article provides detailed instructions for integrating the Klaviyo email marketing platform with your Cart.com storefront, enhancing your e-commerce marketing capabilities.
Klaviyo is a powerful email marketing platform known for its user-friendly interface and incredible marketing automation capabilities. Tailored primarily for e-commerce businesses, Klaviyo helps businesses grow by enabling personalized and targeted email campaigns. One of its standout features is its deep integration with e-commerce platforms like Shopify, Magento, and WooCommerce, allowing businesses to track customer behavior, segment their audience effectively, and send highly targeted and relevant emails. Overall, Klaviyo empowers businesses to create tailored, data-driven email marketing campaigns that engage customers, drive sales, and enhance overall customer experience.
Key Features:
- Customer Segmentation - Klaviyo allows for detailed segmentation of customers based on various factors like purchasing behavior, browsing history, and more.
- Automated Email Campaigns - Create and manage automated email campaigns triggered by specific customer actions, such as abandoned carts, product purchases, or sign-ups.
- Personalized Marketing - Leverage data to personalize marketing content, including emails and campaigns, tailored to individual customer preferences and behaviors.
- Analytics and Reporting - Gain insights into email performance, customer engagement, conversion rates, and more through Klaviyo's analytics and reporting features.
Learn More about Klaviyo: https://www.klaviyo.com
View Klaviyo Documentation: https://developers.klaviyo.com/en
Requirements
To begin, Cart.com users will need to set up a Klaviyo account on https://klaviyo.com
Integration Steps
Once your Klaviyo account has been registered, you can begin the integration process with your Cart.com Storefront. First, locate the Klaviyo integration page on Cart.com. Users can locate this integration page by clicking Storefront > Tools > Apps & Addons, which will offer users the option to select Klaviyo.
Set integration to active.
While integrating to your Cart.Com Storefront, both the Public API Key and Private API Keys will be needed.
You will need to access this key on your Klaviyo Account Settings page.
When creating the Private API Key, you can select Full Access Key, or create a Custom Key to provide specific permissions. The following permissions are currently required for custom keys:
Full Access (Read/Write):
- Campaigns
- Catalogs
- Data Privacy
- Events
- Flows
- List
- Metrics
- Profiles
- Segments
- Subscriptions
- Tags
- Templates
Next, copy the Public API Key from the Klaviyo website into the Public API Key Field on the Cart Storefront integration page.
Note: If you are only using the "Enable Tracking Script" option, the Private API Key should not be required.
Then, copy the Private API Key from Kaviyo into the Private API Key Field on the integration page.
Important! - The Private API Key is Required, for some events to be synced.
Select Tracking Script and Order Update in App Settings. By enabling both of these options, Klaviyo will receive related data for use.
Catalog Syncing
Setting up your store catalog to sync with Klaviyo can be done in 5 easy steps:
- Establish a file path name for the catalog feed in JSON format via the Klaviyo integration page on Cart.com.
- Locate and copy the feed file URL from your Cart.com Storefront.
- While on the Klaviyo website, locate Profile. Select Settings, then click on Web Feeds. Choose Add Web Feed.
- Users will need to paste the URL into the Feed URL in Klaviyo.
- Click Add Data Feed. The final result should have an identical URL: https://website.com/catalog_feed.json
Once the feed has been added as a catalog source, users can begin mapping fields within the feed. Klaviyo will typically try to automatically map the fields; however, if they do not automatically map, users will need to go through the process themselves. For more information, visit https://help.klaviyo.com/hc/en-us/requests/new
Collecting SMS Subscribers
Next up, collecting SMS Subscribers. First, setup SMS and locate the necessary private API key on your Klaviyo account (Setting Up SMS) . Copy the API key into Klaviyo Private Key settings within your Klaviyo settings. Select Collect SMS Subscribers and save your progress.
Add SMS Subscribers to List will populate with your lists on Klaviyo. As SMS subscribers are collected, they will then be added to one of the lists in your Klaviyo account. To set up lists & segments, visit https://klaviyo.com/lists.
SMS Consent Text and Opt-in
SMS Consent Text and SMS Opt-in Checkbox control what customers see when requesting to opt-in SMS. Cart.com Storefront users will need to disclose language for TCPA compliance. It is recommended to include terms of SMS marketing in the Terms of Service and Privacy Policy. For more information, visit: https://help.klaviyo.com/hc/en-us/articles/360035055312
Finally, you will need to add a consent checkbox and consent text to your checkout page, using your theme editor. You will need to go into your One Page Checkout Html Editor within theme editing. Add in the following:
<ac:visibilityarea id="KlaviyoSMSOptInArea">
<div>$$KLAVIYOSMSOPTINCHECKBOX$$</div>
<div>$$KLAVIYOSMSCONSENTTEXT$$</div>
</ac:visibilityarea>
This action will add Subscribe to SMS Consent Checkbox as shown below:
Note: Conset will be marked as gathered when orders are completed and placed.
Adding Klaviyo Sign-Up Forms
To add Klaviyo sign-up forms such as pop-ups and flyouts to your Cart.com store, follow these steps:
- Create your sign-up form in Klaviyo by following their guide: Klaviyo Sign-Up Form Guide.
- Once the form is created, obtain the embed code from Klaviyo.
- Log in to your Cart.com Admin Panel and navigate to Themes > Edit.
- Select the page where you want to add the sign-up form (e.g., Home Page, Footer, or Header).
- Enter the HTML Editor for the selected page and paste the Klaviyo embed code in the desired location within the
<body>tag. - Save your changes to publish the updates to your site. If you do not see them right away use Tools > Clear Cache from your storefront admin, then load the site in a new incognito or private window.
Example of the embed code:
<!-- Klaviyo Sign-Up Form -->
<script type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=YOUR_COMPANY_ID"></script>
<!-- End Klaviyo Sign-Up Form -->
For more detailed instructions, please refer to Klaviyo's documentation linked above.
Troubleshooting
If you encounter issues during the integration process, refer to Klaviyo's help center or customer support for assistance. https://help.klaviyo.com