Step #1
First, make sure you've set up an offer in Everflow that will be used to track the Klaviyo activity. For a detailed guide on offer setup - [Click Here]
Under Tracking & Controls, select Javascript SDK and turn on Direct Linking. All other offer settings are entirely up to you.
Save the Offer.
Find and copy the Advertiser ID on the Offer Page. You will need this later.
Then, find the Tracking card. Copy the tracking domain used in that script. You will need this later.
In this example, the domain is: www.serve-eflow-test.com
Step #2
In Klaviyo, navigate to Signup Forms.
After creating a signup form, click Install Code Snippet.
Then, copy the snippet and install it on your website.
Step #3
To embed the form on your website: edit the form, click Behaviors, and copy the code.
Install that code on your website.
Step #4
In the <head> section of your website, install the EF.click script. Be sure to replace
INSERT_YOUR_DOMAIN
with your tracking domain from Everflow.
<script type="text/javascript"
src="https://INSERT_YOUR_DOMAIN/scripts/sdk/everflow.js"></script>
<script type="text/javascript">
EF.click({
offer_id: EF.urlParameter('oid'),
affiliate_id: EF.urlParameter('affid'),
sub1: EF.urlParameter('sub1'),
sub2: EF.urlParameter('sub2'),
sub3: EF.urlParameter('sub3'),
sub4: EF.urlParameter('sub4'),
sub5: EF.urlParameter('sub5'),
uid: EF.urlParameter('uid'),
source_id: EF.urlParameter('source_id'),
transaction_id: EF.urlParameter('_ef_transaction_id'),
});
</script>
In the <body> section of your website, install the EF.conversion script. Be sure to replace
INSERT_YOUR_DOMAIN
with your tracking domain, andINSERT_ADVERTISER_ID
with the Advertiser ID.
<script type="text/javascript"
src="https://INSERT_YOUR_DOMAIN/scripts/sdk/everflow.js"></script>
<script>
window.addEventListener("klaviyoForms", function(e) { if (e.detail.type == 'submit') {
EF.conversion({
aid: INSERT_ADVERTISER_ID,
email: e.detail.metaData.$email
});
}});
</script>