Cometly
Connect Cometly, a marketing attribution platform, with Webflow to track which ads drive form submissions and send conversion data back to ad platforms.
How to integrate Cometly with Webflow
The easiest way to set up your Cometly Webflow integration is by installing the Cometly app from the Webflow Apps marketplace. You can also install the tracking pixel and configure webhooks manually through Webflow's custom code settings for full visitor-level attribution.
If you want to add conditional logic or data transformation between platforms, connect with Zapier or Make. For custom integration logic like sending form data server-side, you can build with the Webflow and Cometly APIs.
Use the Cometly app
Install the Cometly app from the Webflow Apps marketplace for the quickest setup. The app handles form submission webhook connections to Cometly's attribution system automatically.
After installing the app, you still need to add the Cometly tracking pixel to your site's Head Code section for visitor-level attribution. The app handles form webhooks, but the pixel ties each visitor session to the ad that brought them in.
The app supports:
- Track user journeys across Facebook, Google, TikTok, and LinkedIn ad campaigns with multi-touch attribution.
- Send Webflow form data to Cometly automatically via webhooks when visitors submit a form.
- Feed enriched first-party data back to ad platforms through Conversion APIs for server-side conversion syncing.
Install the tracking pixel and configure webhooks
For full visitor tracking beyond form submissions, install Cometly's JavaScript pixel directly in your Webflow site. This gives you page-level attribution data, session tracking, and the ability to capture the _comet_token cookie that links each visitor to their original ad source. Cometly recommends direct head placement over Google Tag Manager for the best accuracy.
How to install the tracking pixel
- Copy your pixel code from the Space Setup page in your Cometly dashboard
- In Webflow, go to Site Settings → Custom Code and paste the code into the Head Code field
- Publish your site
- Verify the installation using Cometly's Test Script feature
Do not include <html>, <body>, or <head> wrapper tags. Webflow generates these automatically. The pixel must go in Head Code (not Footer Code) because it needs to load before visitors take any actions.
For SaaS companies with separate marketing and app domains, enable cross-domain tracking and add the pixel only to registration and login pages of your app domain, not the entire application.
How to set up webhook-based form tracking
Webflow can send form submission data directly to Cometly through webhooks. This works independently of the marketplace app.
- In Webflow, go to Site Settings → Apps & Integrations → Add Webhook
- Select Form Submissions as the trigger event
- Paste the Cometly webhook URL from your Cometly dashboard
- Map form fields in Cometly to match your Webflow form field names (name, email, phone, etc.)
- Test by submitting a form on your published site and checking Cometly's event logs
Connect with Zapier or Make
Zapier and Make support Cometly + Webflow connections for adding conditional logic, data transformation, or multi-step workflows between the two platforms.
Zapier
Zapier offers a native Cometly "Send Event" action paired with Webflow's form submission trigger. The simplest no-code option for basic lead attribution. Connect your Cometly account with your API key, choose "Send Event" as the action, and map form fields to Cometly's event schema.
Make
Make connects to Cometly through HTTP/API modules rather than native action blocks. This gives you more flexibility for multi-step scenarios, like data enrichment with UTM parameters, conditional routing for different form types, and complex workflow transformations, but requires more technical configuration.
Build with the Webflow and Cometly APIs
For custom integration logic, like sending form data server-side without relying on client-side JavaScript, you can work directly with both APIs. This is an advanced, developer-level integration.
The Cometly API uses bearer token authentication. The Webflow Data API v2 supports both site tokens and OAuth 2.0.
Send Webflow form submissions to Cometly
This pattern captures form data from Webflow webhooks and forwards it to Cometly's event tracking API for server-side lead attribution.
- Configure a Webflow webhook with the Form Submissions trigger pointing to your middleware endpoint
- Extract the
comet_tokenfrom a hidden form field (injected client-side from the_comet_tokencookie) for attribution linking - POST the transformed data to Cometly's
POST /events/trackendpoint with your API key in the Authorization header
The comet_token is critical. Without it, Cometly cannot connect the conversion back to the original ad click. Add a hidden field to your Webflow forms and populate it with JavaScript that reads the _comet_token cookie on page load.
What you can build with Cometly Webflow integration
Integrate Cometly with Webflow to connect ad attribution tracking to your site's forms, pages, and conversion events.
- Ad-optimized landing pages: Track which Webflow landing page variants drive the highest conversion value through Cometly's per-page attribution data. Feed enriched conversion data back to Facebook and Google via their Conversion APIs to improve ad targeting.
- SaaS signup attribution tracker: Connect your Webflow marketing site forms to Cometly with cross-domain tracking enabled. Link signups on your app domain back to the exact ad that drove the initial visit by passing the
comet_tokenbetween domains. - Lead source reporting: Use Cometly's dashboard to identify which ad campaigns generate the most form submissions from your Webflow site. Configure form webhooks to send submission data with full attribution context to Cometly for campaign-level reporting.
- Multi-platform conversion tracking: Set up server-side conversion sync across Facebook, Google, TikTok, and LinkedIn from a single Webflow site. Cometly's Conversion APIs send enriched first-party data back to each ad platform, improving attribution accuracy despite ad blockers and cookie restrictions.
Frequently asked questions
Paste the Cometly pixel code into Site Settings → Custom Code → Head Code. The code must go in the head section, not the footer, so it loads before visitors take any actions. Do not wrap it in
<html>or<head>tags. Webflow adds those automatically. After pasting, publish your site and use Cometly's Test Script feature to verify the pixel loads correctly.Go to Site Settings → Apps & Integrations in Webflow, click Add Webhook, and select Form Submissions as the trigger. Paste the Cometly webhook URL from your Cometly dashboard. After saving, submit a test form on your published site and check Cometly's event logs to confirm data is flowing. See Webflow's webhooks documentation for payload structure details.
Cometly supports GTM installation, but their documentation recommends placing the pixel directly in the
<head>section for best accuracy. Direct placement avoids pixel loading delays and data loss from privacy blockers that can occur with GTM. If you already use GTM on your Webflow site, it works, but direct placement is the recommended approach.If your Webflow marketing site and your application run on different domains or subdomains, yes. Cometly's cross-domain tracking passes a
comet_tokenparameter between domains to link sessions. Install the pixel on your Webflow marketing pages and on your app's registration and login pages only, not across your entire application.
Description
Cometly is a marketing attribution platform that tracks touchpoints from ad click to conversion. It connects with Facebook, Google, TikTok, and LinkedIn ad platforms through server-side tracking and Conversion APIs, providing attribution data even with ad blockers and cookie restrictions.
This integration page is provided for informational and convenience purposes only.
The Facebook Pixel
Use the Facebook pixel to understand the actions people are taking on your website.
Optimizely
Add Optimizely's experimentation platform to your Webflow site for A/B testing and personalization.
Nocodelytics
Connect Nocodelytics with Webflow to track user behavior, clicks, and conversions without coding custom analytics.
Matomo (formerly Piwik)
Connect Matomo's privacy-focused analytics with Webflow to gain deep insights into visitor behavior while maintaining complete data ownership. Track conversions, visualize user journeys, and optimize your site's performance without compromising user privacy or sharing data with third parties.
Marketo
Connect Marketo with Webflow to capture leads, track visitor behavior, and create personalized marketing campaigns directly from your Webflow site.
Klaviyo
Connect Klaviyo's powerful email marketing and SMS automation with Webflow to create personalized customer journeys, capture leads through embedded forms, and sync e-commerce data for abandoned cart recovery and behavioral targeting — all without leaving your visual design environment.
Hotjar
Connect Hotjar's powerful user behavior analytics with Webflow to understand how visitors interact with your site. Track heatmaps, session recordings, and gather feedback to optimize user experience and boost conversions — all without coding.
Google Tag Manager
Connect Google Tag Manager to Webflow to manage all your marketing and analytics tags from one central dashboard. Deploy tracking pixels, conversion scripts, and third-party tools without touching code, while maintaining site performance and privacy compliance.
Google Analytics
Track website performance, user behavior, and marketing campaigns by connecting Google Analytics 4 with Webflow. Monitor traffic, conversions, and audience insights directly in your Webflow dashboard while maintaining complete design control and privacy compliance.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
