Install the TermsBox Cookie Consent Banner on Other Website Builders
This guide covers Framer, Ghost, Carrd, Bubble, and Notion-based site tools (Super, Potion). The steps are short because they all work the same way: paste one snippet into your site's head code.
What you need (applies to every builder below)
- A TermsBox account with a site already created.
- Your install snippet. You get it from the TermsBox dashboard:
- Log in to TermsBox.
- Go to Consent Banner in the left menu.
- Open the Install tab.
- Copy the snippet shown there. It already has your site id filled in.
Your snippet looks like this, but with your own site id in place of YOUR_SITE_KEY:
<script src="https://termsbox.com/cmp/termsbox-cmp.js" data-site-id="YOUR_SITE_KEY" data-auto-block="on"></script>Two rules that apply to all builders:
- Always place the snippet in the head (also called "header" or "head code"), so the banner loads before your other scripts and can block trackers.
- Most builders only allow custom head code on a paid plan. If you cannot find the custom code option, check whether your plan includes it.
Do not add async or defer to the snippet, and do not change it. Paste it exactly as copied.
Framer
Custom code in Framer requires a paid Framer plan.
- Open your Framer project.
- Go to Site Settings.
- Open the Custom Code section.
- Find the head box (labeled "Start of
<head> tag"). - Paste your TermsBox snippet there.
- Save and publish your site.
Ghost
- Log in to your Ghost admin panel.
- Go to Settings.
- Open Code injection.
- Paste your TermsBox snippet into the Site Header box.
- Click Save.
This adds the banner to your whole Ghost site.
Carrd
Custom embed code (needed for this snippet) requires a Carrd Pro plan.
- Open your Carrd site in the editor.
- Add an Embed element to your page.
- Set the embed Type to Code.
- Set the embed Position or Style so the code goes in the Head (Carrd calls this "Head" in the embed settings).
- Paste your TermsBox snippet into the code box.
- Save and publish your site.
Note: Carrd sites are single pages, so one embed in the head covers your whole site.
Bubble
- Open your Bubble app in the editor.
- Go to Settings.
- Open the SEO / metatags tab.
- Find the Script/meta tags in header box.
- Paste your TermsBox snippet there.
- Save. The banner now loads on your app's pages.
Notion site tools (Super and Potion)
If you publish a Notion page as a website using Super or Potion:
Super
- Open your Super site dashboard.
- Go to Settings, then Code.
- Paste your TermsBox snippet into the Head Code box.
- Save. Custom code usually requires a paid Super plan.
Potion
- Open your Potion site dashboard.
- Go to your site's Settings, then the Code or Custom Code area.
- Paste your TermsBox snippet into the Header box.
- Save. Custom head code usually requires a paid Potion plan.
Verify it works (any builder)
- Open your live website in a normal browser tab.
- Reload the page. You should see the cookie consent banner appear.
- Go back to TermsBox, open Consent Banner > Install, and click Verify Installation. TermsBox will visit your site's main URL and confirm the snippet is present. When it succeeds you will see a "Verified" status.
Troubleshooting
I can't find the custom code option. Most builders only allow custom head code on a paid plan. Check your plan and upgrade if needed.
The banner does not appear.
- Make sure you published your site after adding the code.
- Make sure you pasted the snippet into the head / header area, not a footer or page body.
- Make sure you pasted the whole snippet, including the site id. If the
data-site-idpart is missing or empty, the banner will not work and you will not see an error.
"Verify Installation" says the script was not found.
- Confirm your site is public and not password protected.
- Make sure the URL saved in TermsBox matches your live site address.
- Wait a minute after publishing, then click Verify again.
- Make sure you did not add
asyncordeferto the snippet.