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 at the top of the head section. 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. It loads synchronously as the first script in <head>, so it can block trackers before they run.
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 at the top of <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 at the top of <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 at the top of <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.