Event URLs on Webflow

Note: This article outlines how to setup Event URL tracking. You can also setup tracking by tagging elements on your website using Classes. For information on how to setup tracking using classes on Framer, click here.

Important: Anytime you update your list of Event URLs, you need to update your script on your website and republish your website to save the changes.

Note its possible for us to automatically extract your eCommerce data from your Webflow checkout and order confirmation pages - this will send the following enriched event data to Meta automatically:

• for Initiate Checkout: currency, num_items, value

• for Purchase: content_type, currency, num_items, value

To do this, select the appropriate event from the dropdown (Initiate Checkout or Purchase), and ensure “Extract data automatically” is turned on.

How to Setup Event URLs on Webflow

1. Open the PixelFlow Webflow plugin

In your Webflow plugin click on the "Add URL" button

2. Enter URL and Choose Event

In the window that pops up, enter the full URL of the page you want to assign to a particular event and choose the event from the dropdown list, then press "Add URL"

3. Copy Your Code and Re-Add it Your Website

Once you've clicked on "Add URL", you will see a popup showing you to "Update Your Code". You need to re-add the code to your website for the new URLs to be tracked. Do so by following these steps:

1. Click on the Copy icon in the popup window

2. Go to your Webflow dashboard, click "All Sites" hover over your website and click on the Settings (cog) icon.

3. Scroll down to "Custom Code" and click on it

4. Paste your code in Head code and Press the "Save" button

4. Republish Your Webflow Website

Its important to re-publish your Webflow website after making the changes in your PixelFlow app to ensure the changes are reflected on your live website.

Click the "Publish" button in Webflow in the top right hand corner and select your "production" domain and the changes will be completed.