Axeptio

How to integrate Axeptio with Webflow

Webflow sites that collect user data through analytics, advertising pixels, or third-party tools need valid consent before setting non-essential cookies. Axeptio blocks these scripts until users grant permission, keeping your site compliant with GDPR, CCPA, Law 25 (Quebec), and ePrivacy regulations.

There are two ways to integrate Axeptio with Webflow. You can add the consent script without coding by pasting a script into Webflow's custom code embed. For advanced implementations, you can build with the Webflow and Axeptio APIs using the JavaScript SDK and REST API to enable programmatic consent control.

Add the consent script with code embed

Add Axeptio's JavaScript through Webflow's custom code embed to get:

• Automatic consent banner display on page load
• Cookie blocking for non-essential scripts
• Persistent user preference storage across sessions
• Visual customization through the Axeptio dashboard

The integration requires a paid Webflow plan with custom code access.

⚠️ CRITICAL FOR GDPR COMPLIANCE: Place the Axeptio script in the Head Code section if you have tracking scripts (Google Analytics, Facebook Pixel) in your header. Place it in the Footer Code section only if all your tracking scripts also load there.

To set up the integration:

1. Access your Axeptio dashboard and go to Integration → General
2. Select your banner configuration and copy the provided script
3. In Webflow, access Site Settings → Custom Code and paste the script
4. Save your settings and publish the site

Customize banner appearance through the Axeptio dashboard. Configure cookie categories in the Cookies section using Axeptio's cookie management interface to create screens for Strictly Necessary, Preferences, Statistics, and Marketing cookies.

Build with Webflow and Axeptio APIs

The Axeptio JavaScript SDK and REST API let you build custom consent workflows, conditional script loading, and consent data synchronization.

Use these APIs when you need to:

• Show or hide content based on consent status
• Load tracking scripts only after users accept specific categories
• Sync consent records to external systems

The JavaScript SDK runs in the browser, using event listeners that fire when users make consent choices. The REST API handles server-side operations like fetching consent records and statistics. For more on APIs in Webflow, see the intro to Webflow's APIs and the REST API introduction for developers.

Conditionally load scripts based on consent

Add this code to your Webflow Footer Code section after the Axeptio script:

axeptio.on('cookies:complete', function(choices) {
  if (choices.google_analytics) {
    var script = document.createElement('script');
    script.src = 'https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID';
    script.async = true;
    document.head.appendChild(script);

    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'GA_MEASUREMENT_ID');
  }

  if (choices.facebook_pixel) {
    (function(f,b,e,v,n,t,s){
      if(f.fbq)return;
      n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
      if(!f._fbq)f._fbq=n;
      n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];
      t=b.createElement(e);t.async=!0;t.src=v;
      s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s);
    })(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', 'YOUR_PIXEL_ID');
    fbq('track', 'PageView');
  }
});

The cookies:complete event provides a choices object with boolean values for each cookie category. Use sdk.hasAcceptedVendor(vendor) for granular vendor-specific checks.

Show or hide content based on consent

Display gated content or third-party widgets only when users grant permissions:

axeptio.on('cookies:complete', function(choices) {
  if (choices.youtube) {
    document.querySelectorAll('.youtube-placeholder').forEach(function(el) {
      var videoId = el.getAttribute('data-video-id');
      var iframe = document.createElement('iframe');
      iframe.src = 'https://www.youtube.com/embed/' + videoId;
      iframe.width = '560';
      iframe.height = '315';
      iframe.title = 'YouTube video player';
      iframe.setAttribute('allowfullscreen', '');
      el.appendChild(iframe);
    });
  }

  var promoBanner = document.getElementById('promo-banner');
  if (promoBanner) {
    promoBanner.style.display = choices.marketing ? 'block' : 'none';
  }
});

Request consent for specific vendors

Prompt users for consent when they interact with specific features using sdk.requestConsent():

window._axcb = window._axcb || [];
window._axcb.push(function(sdk) {
  document.getElementById('play-video-btn').addEventListener('click', function() {
    sdk.requestConsent('youtube', function(accepted) {
      if (accepted) {
        var iframe = document.createElement('iframe');
        iframe.src = 'https://www.youtube.com/embed/VIDEO_ID';
        document.getElementById('video-container').appendChild(iframe);
      } else {
        document.getElementById('video-container').innerHTML = 
          '<p>Please accept YouTube cookies to view this content.</p>';
      }
    });
  });
});

Retrieve consent data via REST API

Access consent records through the Axeptio REST API. The API requires either a Bearer token or an API key for authentication.

⚠️ Note: API rate limits are not publicly documented. Contact Axeptio support before building production integrations.

Key endpoints:

• GET /statistics/consent-status: Check consent status for specific users
• GET /statistics/consents: Retrieve aggregated consent metrics for compliance reporting
• DELETE /cookies/consent: Process consent withdrawal requests for GDPR right-to-erasure compliance

Configure webhooks via the webhook system by sending a POST request to https://api.axept.io/v1/webhooks:

{
  "event": "consent:saved",
  "url": "https://your-domain.com/webhook-endpoint"
}

Available webhook events: consent:saved, cookies:complete, cookies:step:change, and token:update.

What you can build

Integrating Axeptio with Webflow lets you build GDPR-compliant consent management with script blocking, real-time consent checks, and audit trails.

• E-commerce sites with consent-based tracking: Use hasAcceptedVendor() and cookies:complete to check consent before loading Google Analytics, Facebook Pixel, and conversion tracking scripts.
• Content sites with embedded third-party media: Block YouTube embeds and social media feeds until users accept cookies. Replace embeds with placeholders until consent is granted.
• Multi-region product marketing sites: Configure different consent options for EU visitors (GDPR opt-in), California users (CCPA opt-out), and Quebec visitors (Law 25) from one Axeptio dashboard.
• Agency client sites with centralized compliance: Manage consent across multiple client websites from a single Axeptio agency account with consolidated statistics and global policy updates.