CMP Integration Guide: Shopify, WordPress, Wix & Custom Sites
The number one question we hear from new users: "How do I install FlexyConsent on my site?" The answer is the same regardless of platform — paste one line of JavaScript before the closing head tag. But the exact steps differ slightly for Shopify, WordPress, Wix, Squarespace, and custom-built sites. This guide covers them all.
The Universal Approach
FlexyConsent works with a single script tag. No plugins, no SDKs, no server-side configuration. Every platform that allows custom HTML in the head section supports FlexyConsent. The script is under 50KB and loads asynchronously, meaning zero impact on your page speed.
The script:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
You get your unique script from the FlexyConsent panel after creating your account.
Shopify
- Step 1: Go to Online Store > Themes > Edit Code
- Step 2: Open theme.liquid
- Step 3: Paste the FlexyConsent script just before </head>
- Step 4: Save — your consent banner is live across all pages
No Shopify app needed. Works with all themes including Dawn, Debut, and custom themes.
WordPress
- Option A (no plugin): Appearance > Theme Editor > header.php > paste before </head>
- Option B (with plugin): Install any "Insert Headers" plugin > paste the script in the Head section
- Option C (functions.php): Add a wp_head action hook that outputs the script tag
Compatible with all major themes (Astra, GeneratePress, Divi, Elementor) and page builders. No conflicts with caching plugins — the script loads independently.
Wix
- Step 1: Go to Settings > Custom Code
- Step 2: Click "Add Custom Code"
- Step 3: Paste the FlexyConsent script
- Step 4: Set placement to "Head" and apply to "All pages"
Works on all Wix plans that support custom code (Business plan and above).
Squarespace
- Step 1: Go to Settings > Advanced > Code Injection
- Step 2: Paste the script in the Header section
- Step 3: Save — consent banner appears on all pages
Custom HTML / Static Sites
- Step 1: Open your HTML template or layout file
- Step 2: Paste the script before </head>
- Step 3: Deploy — that is literally it
Works with any static site generator (Next.js, Gatsby, Hugo, Jekyll, Astro), any framework (React, Vue, Angular), and any hosting provider.
Google Tag Manager
- Step 1: Create a new Custom HTML tag
- Step 2: Paste the FlexyConsent script
- Step 3: Set trigger to "All Pages — Page View"
- Step 4: Set priority to fire before other tags
When using GTM, FlexyConsent automatically integrates with Google Consent Mode V2 — no additional configuration needed.
After Installation: What to Verify
- Banner appears — visit your site in an incognito window
- Consent Mode fires — check Google Tag Assistant for consent state
- TC String generates — verify in browser console with __tcfapi
- Analytics still works — confirm data flows after accepting consent
- Mobile works — test on actual mobile devices
Common Issues and Fixes
- Banner not showing? Check that the script is in the <head>, not the <body>. Clear your browser cache.
- Banner shows on every visit? Make sure cookies are not being blocked by your browser or a privacy extension.
- Google Ads not tracking? Ensure the FlexyConsent script loads before your Google tags.
FlexyConsent — Google Certified CMP.
Start Free Trial