Klaviyo Form Submit Integration

How to track form submits in Everflow using Klaviyo.

Genny avatar
Written by Genny
Updated over a week ago

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, and INSERT_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>

Did this answer your question?