One script tag, any website
There is no plugin to install and nothing to build. If you can add a line of HTML before your closing body tag, you can add the banner.
One script tag, any website
There is no plugin to install and nothing to build. If you can add a line of HTML before your closing body tag, you can add the banner.
How it works
The banner is a single script tag that loads from our edge network. It renders itself into a shadow DOM, so it cannot inherit or leak styles from the rest of your site, and it behaves the same whether your pages are static HTML, server rendered, or a single page app.
That is why the instructions below are nearly identical everywhere. The only thing that changes from platform to platform is where you paste the tag.
Installation
Step 1 - Get your script tag
Create a free account, add your domain, and copy the script tag from your dashboard. It already contains your public token, so there is nothing to configure.
Step 2 - Paste it before the closing body tag
Add it once, somewhere that renders on every page. On most platforms that is a footer or custom code field. The table below has the exact location for each.
<script async src="https://www.consentify.app/api/gateway?token=YOUR_TOKEN"></script>Step 3 - Publish
Reload your site and the banner appears. Colours, text and layout are all edited from the dashboard afterwards, so you never have to touch this tag again.
That is the whole install.
Everything else, including which trackers to block and what the banner says, is configured from your dashboard.
Get your cookie banner live in 5 minutes
Paste one script tag into your site and you're covered. No plugin to install, no code to write, nothing to pay.
- 1 domain
- 5,000 pageviews/mo
- All integrations
- GDPR, CCPA and ePrivacy
Where to paste it
Same tag every time. This is just where each platform keeps its site-wide code.
Website builders and hosted platforms
| Platform | Where to paste it |
|---|---|
| Webflow | Project Settings, Custom Code, Footer Code |
| Wix | Settings, Custom Code, add code to Body - end |
| Squarespace | Settings, Advanced, Code Injection, Footer |
| Framer | Project Settings, General, Custom Code, End of body tag |
| Shopify | Online Store, Themes, Edit code, theme.liquid before </body> |
| WordPress | Your theme's footer.php before </body>, or a code snippet plugin |
| Ghost | Settings, Code injection, Site Footer |
Frameworks
| Platform | Where to paste it |
|---|---|
| Next.js | app/layout.tsx using next/script with afterInteractive |
| Nuxt | nuxt.config.ts under app.head.script |
| Astro | Your base layout, before </body> |
| SvelteKit | src/app.html, before </body> |
| Remix | app/root.tsx, alongside the Scripts component |
| Gatsby | gatsby-ssr.js via setPostBodyComponents |
| Vite or plain React | index.html, before </body> |
Static site generators
| Platform | Where to paste it |
|---|---|
| Hugo | layouts/partials/footer.html |
| Eleventy | Your base layout template |
| Jekyll | _layouts/default.html, before </body> |
| Plain HTML | Before </body> on every page |
Using something that is not listed? The rule is always the same: put the tag anywhere that renders on every page, as late in the body as you can. If you are unsure, send us the platform and we will tell you exactly where it goes.
Why a script tag and not a plugin
Plugins have to be maintained for every platform they support, and they break when the platform changes. A script tag does not. It also means the banner updates for everyone the moment we ship a fix, with nothing for you to upgrade.
Legal Documentation
As the site owner, you are responsible for ensuring your use of Consentify complies with GDPR, ePrivacy, and any other applicable privacy regulations in your markets.
FAQ
Does it matter where in the page I put it?
Put it as late in the body as you can. The script is async and will not block rendering wherever it sits, but loading it late keeps it out of the way of everything above it. Putting it in the head works too if that is your only option.
Does it work in a single page app?
Yes. The banner watches for route changes, so it keeps working when your app navigates without a full page load. That covers Next.js, Nuxt, SvelteKit, Remix and any client side router.
Will it slow my site down?
No. The script is under 20kb, loads asynchronously from an edge CDN, and is cached for 24 hours. It does not block rendering and has no measurable effect on Core Web Vitals.
See what's tracking your visitors
Type in your address and we load your site the way a visitor's browser does, then list every tracker, cookie and pixel we find.
- Results in about 10 seconds
- No account needed
- Shareable report link