Tracking data from Webflow to Everflow

Overview

This guide will demonstrate how to place code inside Webflow to track a lead submission event in Everflow.

_________________________________________________________________

___________________________________________________
How to Set Up in Everflow

Step #1

Using your website as the Base Destination URL, add the Offer in Everflow.

Make sure the offer has these settings on the Tracking & Controls page:

Step #2

Grab the tracking code from the bottom of the Offer page in Everflow. Copy it to a clipboard as that will be your "Click" script.

Step #3

Click the Conversion tab, and grab that code, too. Copy it to a clipboard as that will be your "Conversion" script:

_________________________________________________________________

How to Set Up in Webflow

Step #1

Login to your Webflow account and click the three dots, as shown below. Then click Settings.

Step #2

Navigate to the Custom Code section and paste the code into the Head Code section here:

**Please note - You may have to upgrade you package to place custom code. This is not available with free plans.

Step #3

Click on the Designer button here:

Step #4

Navigate to the page where the form is located. Then, click on the form block element, like this:

Then, click on the cog icon on the right side of the screen:

Then, click Success. This will show the success element in the editor section like this:

Step #5

Once you see this page, you need to click and drag in a <embed> element into that section:

Once you see the Custom Code box, paste the conversion script there:

Click Save & Close.

Step #6

The page should look like the example below. If it does, then click the Publish button, then click Publish to selected domains.

_________________________Advanced_________________________________

Below is the custom JavaScript snippet from the end of the video at the beginning of the article:

<script>
function logsubmit() {
  const form_elements = form.elements;
  const form_name = form_elements['name'].value;
  const form_email = form_elements['email'].value;
  EF.conversion({
    offer_id: 'INSERT_OFFER_ID',
    adv1: form_name,
    adv2: form_email,
  });
}
const form = document.getElementById('email-form');
form.addEventListener('submit', logsubmit);
</script>

_________________________________________________________________

NEED HELP? OUR CUSTOMER SUCCESS TEAM IS HERE FOR YOU!

We've assembled a superstar team of industry veterans that are available around the clock to make sure that your issues are resolved and questions are answered. You can reach out any time in-platform via Chat or by emailing support@everflow.io.