CookieGuard Framer Plugin Setup

Add configurable, GDPR-oriented cookie consent controls to your Framer website in minutes

Introduction

CookieGuard helps you comply with GDPR, CCPA, and other cookie consent regulations. The Framer plugin handles script installation automatically — you just need your Site ID and API Key from CookieGuard.

Prerequisites
What you need before starting
  • A CookieGuard account
  • A Framer website

Don't have an account? Sign up at cookieguard.co

Step 1: Get Your Site ID
Find your Site ID in the CookieGuard dashboard
  1. Log in to your CookieGuard dashboard at cookieguard.co/login
  2. Navigate to Sites from the sidebar
  3. Click on your website or create a new site
  4. Copy the Site ID from the site settings
Step 2: Get Your API Key
Generate an API key for the Framer plugin
  1. In the CookieGuard dashboard, go to Settings
  2. Click on API Keys
  3. Create a new API key with a descriptive name (e.g., "Framer Plugin")
  4. Copy the generated API key

Keep your API key secure — it provides access to your CookieGuard account.

Step 3: Configure Your Banner
Customize the consent banner before installing it on your site
  1. In your CookieGuard dashboard, open your site settings and go to the banner or customization section
  2. Update the banner content, button labels, colors, layout, and position to match your brand
  3. Preview your changes to confirm the banner appearance works well on desktop and mobile
  4. Add or update the links for your Privacy Policy, Cookie Policy, and any other required legal pages
  5. Save your changes before moving to the Framer installation step

Configure the banner first so the version installed in Framer already reflects your branding and policy links.

Step 4: Install in Framer
Connect CookieGuard to your Framer website
  1. Open the CookieGuard plugin in Framer
  2. Paste your Site ID into the first field
  3. Paste your API Key into the second field
  4. Click "Install CookieGuard"

The plugin will automatically add the CookieGuard script to your Framer site.

Troubleshooting

Script not appearing on my site?

Make sure custom code is enabled in your Framer site settings. Check your Framer site settings and verify the script was added correctly.

Need help?

Contact our support team at support@cookieguard.co