Pixelflow
Webflow

Auto track Webflow eCommerce events

PixelFlow can automatically extract product and transaction data from your Webflow eCommerce checkout and order confirmation pages and send enriched event data to Meta. This removes manual event parameter setup and improves purchase tracking accuracy.

Webflow eCommerce has built-in client-side tracking, but PixelFlow combines browser and server-side tracking for better Meta event coverage.

Prerequisites

  • PixelFlow installed on your Webflow site. See Webflow Setup.

  • Webflow eCommerce enabled on your site

  • Webflow standard checkout pages, not a custom checkout flow

Compatibility

  • Supported platform: Webflow eCommerce standard checkout and order confirmation pages

  • Supported events: Initiate Checkout and Purchase

  • Required URLs: /checkout for Initiate Checkout and /order-confirmation for Purchase

Standard pages only: Automatic data extraction works with Webflow’s default eCommerce flow.

What data PixelFlow extracts

Initiate Checkout

  • currency

  • num_items

  • value

Purchase

  • content_type

  • currency

  • num_items

  • value

Accurate purchase data can improve event match quality in Meta Events Manager.

Enable automatic data extraction

  1. Log in to your PixelFlow dashboard.

  2. On Overview, find the URL Triggers section.

  3. Click + Add URL.

  4. Enter your checkout URL or order confirmation URL.

    • Use your checkout page URL for Initiate Checkout, such as yoursite.com/checkout.

    • Use your order confirmation URL for Purchase, such as yoursite.com/order-confirmation.

  5. Select the matching event.

  6. Turn on Extract data automatically?.

  7. Leave Block external tracking? turned on to prevent duplicate events from Webflow’s native Meta tracking.

  8. Click Add URL.

Updates apply automatically: PixelFlow updates your script automatically when you change tracking settings. You do not need to replace the script manually.

Verify your setup

  1. Open your live site in a new browser window or incognito mode.

  2. Add a product to the cart and continue to checkout.

  3. Complete a test order if you want to verify Purchase.

  4. Wait 2 to 3 minutes.

  5. Check your PixelFlow dashboard under Events or Analytics.

  6. Confirm the event includes fields like currency, num_items, and value.

  7. Open Facebook Events Manager and confirm the event appears there too.

For a deeper test flow, see How to Test and Verify Your PixelFlow CAPI Setup.

Troubleshooting

Symptom

Likely cause

Solution

Extract data automatically? does not appear

The URL does not include /checkout or /order-confirmation, or the event does not match

Use the correct URL path and select Initiate Checkout or Purchase.

No eCommerce data in the event

Automatic extraction is off, or the page is not a supported Webflow checkout page

Turn on Extract data automatically? and confirm you are using Webflow’s standard checkout flow.

Duplicate Purchase or Initiate Checkout events in Meta

Block external tracking? is off

Turn Block external tracking? back on in the URL Trigger settings.

Events tracked but currency or value is wrong

Your Webflow store settings do not match the store configuration

Check your Webflow eCommerce currency and product settings.

Events do not appear in the PixelFlow dashboard

PixelFlow is not installed correctly, or the setup has not been tested on the live site

Confirm PixelFlow is installed and test again on the published site. See How to Test and Verify Your PixelFlow CAPI Setup.

Limitations

  • Standard checkout only: This works only with Webflow’s built-in eCommerce checkout.

  • Two events only: Automatic extraction is available only for Initiate Checkout and Purchase.

  • URL path requirement: The feature appears only when the URL includes the supported checkout path.

  • All fields are extracted together: You cannot choose individual extracted fields.

What’s next

Getting help

If automatic eCommerce tracking is not working, confirm you are using Webflow’s standard checkout pages and that Extract data automatically? is enabled. If you still need help, email [email protected] or book a free setup call.

Was this helpful?