Quickstart Guide

Get your cookie consent banner live in under 5 minutes.

Prerequisites

Step 1: Add Your Domain

  1. Log in to your Cookient Dashboard
  2. Click "Add Domain" and enter your website URL
i
Auto Cookie Scan
Once added, Cookient can automatically scan your website for cookies and categorize them. This typically takes 1-2 minutes.

Step 2: Customize Your Banner

  1. Go to Banner Editor
  2. Click "Extract Styles" to automatically match your website's colors and fonts
  3. Customize position, text, and button labels as needed
  4. Preview your banner on desktop and mobile
  5. Click "Save"
*
Banner Positions
Choose from bottom bar, corner popup, or centered modal. Bottom bar is recommended for best user experience.

Step 3: Scan Cookies

  1. Go to Cookie Management
  2. Select your domain from the dropdown menu
  3. Click "Scan Now" to start the cookie scan
  4. Wait for the scan to complete (typically 1-2 minutes)

The scan detects cookies, localStorage, sessionStorage, and external scripts (Google Analytics, Facebook Pixel, etc.) on your website.

*
Dual-Scan Technology
Cookient performs two scans: before and after accepting the consent banner. This shows which cookies are set without consent, helping you identify compliance issues.

Step 4: Categorize Cookies

After the scan completes, you'll see all detected cookies in a table. Each cookie needs to be assigned to one of these categories:

  • Functional – Essential for basic website functionality (always loaded)
  • Analytics – Track visitor statistics and usage patterns
  • Marketing – Used for advertising and remarketing
  • Personalization – Remember user preferences and settings
  • Security – Protect against fraud and attacks (always loaded)
  1. Review the detected cookies in the Cookies tab
  2. Click on the category dropdown to change a cookie's category
  3. Switch to the Scripts tab to manage external scripts
  4. Mark scripts that should be blocked until consent is given
i
Automatic Categorization
Cookient automatically categorizes well-known cookies (like _ga, _fbp, etc.). You only need to review cookies that couldn't be identified automatically.

Step 5: Install the Script

  1. Go to your Domains page and click "Install Snippet"
  2. Select your platform: HTML, WordPress, Shopify, or Webflow
  3. Copy the generated code snippet
  4. Paste it into your website's <head> section
  5. Click "Verify Installation" to confirm
index.html
<script
  src="https://cdn.cookient.app/banner.js"
  data-token="your-domain-token"
  async
></script>

Your unique token is shown on the Install Snippet page. It identifies your domain and loads your custom banner configuration.

!
Script Placement
Place the script as the first element in your <head> tag, before any analytics or marketing scripts. This ensures tracking scripts are blocked until the user gives consent.

Step 6: First Consent

Once the script is installed, your consent banner will appear to visitors. When a visitor makes their first choice (accept or reject), the setup is complete.

  1. Visit your website in an incognito/private browser window
  2. You should see your consent banner appear
  3. Click "Accept All" or make your cookie preferences
  4. Check the Consent Logs page to see the recorded consent
*
Test in Incognito Mode
Use an incognito/private browser window to test the banner as a new visitor. Clear cookies or use a different browser if the banner doesn't appear.
*
You're All Set!
Your website now has GDPR-compliant cookie consent. All visitor consents are automatically logged and stored for 5 years. View them anytime in your Consent Logs. Your "Getting Started" progress card on the dashboard will show completion!
← OverviewBanner Editor →