Skip to main content

Webflow Integration Guide

Deploy Consent Shield AI to your Webflow site in 60 seconds with automatic pre-consent blocking of third-party tracking scripts.

1. Quick Installation​

  1. Open your Webflow Dashboard and select your project.
  2. Go to Site Settings → Custom Code.
  3. In the Head Code section (<head>), paste the Universal Interceptor snippet:
<!-- Consent Shield AI Interceptor -->
<script 
  src="https://app.consentshieldai.com/shield.js" 
  data-site-id="YOUR_SITE_ID" 
  data-auto-block="true" 
  data-gpc-enforce="true" 
  async>
</script>
  1. Click Save Changes and Publish to your custom domain.

2. Managing Embedded Code Components​

For custom scripts embedded inside Webflow Designer embed elements:

  • Change the script tag type to text/plain:
<script type="text/plain" data-consent-category="advertising">
  // Third-party marketing script here
</script>
  • Consent Shield AI will automatically activate the script only after the visitor grants marketing consent.