Skip to main content

Webflow Integration

Privacy-first, cookieless analytics for Webflow sites with automatic event tracking.

Installation​

  1. Go to Project Settings > Custom Code
  2. In the Head Code section, paste the entire contents of sealmetrics-webflow.js wrapped in <script> tags
  3. Replace YOUR_ACCOUNT_ID with your SealMetrics Account ID
  4. Publish your site
<script>
// Paste the contents of sealmetrics-webflow.js here
// Replace YOUR_ACCOUNT_ID with your actual Account ID
</script>

Method 2: Specific Pages​

  1. Open the page in the Designer
  2. Go to Page Settings > Custom Code
  3. Add the script to Inside <head> tag
  4. Publish

Configuration​

Edit these values at the top of the pasted script:

// Required: Your SealMetrics Account ID
var SEALMETRICS_ACCOUNT_ID = 'YOUR_ACCOUNT_ID';

// Optional: Track contact forms as lead conversions (default: false)
var SEALMETRICS_CONTACT_AS_LEAD = false;

Automatic Events​

The script automatically tracks these events without any additional configuration:

EventDescription
pageviewAll page views with content grouping
form_submitForm submissions (non-newsletter)
newsletter_signupNewsletter form submissions

Webflow E-commerce Events​

If using Webflow E-commerce, these events are tracked automatically:

EventDescription
view_itemProduct page views
add_to_cartAdd to cart clicks
begin_checkoutCheckout button clicks
purchaseOrder confirmation (conversion)

Content Groups​

The script automatically detects page types:

URL PatternGroup
/ or /homehome
/blog/*blog
/blogblog-index
/products/*product
/services/*service
/portfolio/*, /work/*, /projects/*portfolio
/about*, /team*, /about-us*about
/contact*contact
/pricing*, /plans*pricing
/faq*, /help*faq
/case-stud*, /success-stor*case-study
/thank*thankyou
/cartcart
/checkoutcheckout
/legal*, /privacy*, /terms*legal
/careers*, /jobs*careers
CMS collection items{collection_name}

Form Detection​

Newsletter Forms​

Automatically detected and tracked as newsletter_signup:

  • Form name/ID/class contains: newsletter, subscribe, mailchimp, convertkit, klaviyo, optin, etc.
  • Forms with only an email field

Contact Forms​

Tracked as form_submit or lead (if SEALMETRICS_CONTACT_AS_LEAD = true)

Custom Events​

Track custom events anywhere on your site:

<script>
// Wait for SealMetrics to load
function trackEvent() {
  if (typeof sealmetrics !== 'undefined') {
    sealmetrics.micro('custom_event', {
      property: 'value'
    });
  } else {
    setTimeout(trackEvent, 100);
  }
}
trackEvent();
</script>

Conversions​

For lead generation or purchases:

// Lead conversion (contact form, quote request)
sealmetrics.conv('lead', 0, {
  source: 'contact_form'
});

// Purchase (if not using Webflow Ecommerce auto-tracking)
sealmetrics.conv('purchase', 99.99, {
  currency: 'USD'
});

// Signup
sealmetrics.conv('signup', 0, {
  plan: 'free'
});

Privacy​

  • No cookies used
  • No personal data collected
  • GDPR compliant by design
  • No consent banner needed
Last updated on