Openli
IntroductionGetting StartedTechnical DocumentationGet help
  • Getting started
    • Introduction
    • Dictionary
    • FAQ
      • IAB TCF v2.0
  • Privacy hub
    • How to create your privacy profile
    • How can I get an Openli Privacy Badge?
    • Vendor owners
    • Why are custom properties on vendors super valuable?
    • Setting up custom properties
  • Tasks
  • Cookie Consent Management
    • Quickstart
    • Checklist: Cookies
    • Cookie widget
      • Create a cookie policy
      • Create a cookie widget
      • Install the widget
      • Manually add any cookies
      • Customise your widget
      • How to get color codes
      • Set the widget language
      • Use custom link/button instead of Cookie Shield
      • Add company name to cookie pop-up
    • Categorise your cookies
    • Adding information to cookies
    • Adding information to your cookie providers
    • Blocking Cookies with Openli
    • Cookie expiration dates and lifespan
      • Changing expiration on Google Analytics cookies
  • Policy and agreement management
    • Generate your privacy policy
    • Changing an old cookie policy to a new on autopilot
    • Embed your policies and legal agreements
      • Embedding agreements without displaying a widget
    • Install the Privacy Badge
  • General Openli guides
    • Setting up SSO (Single Sign-On)
      • SSO with Azure AD (Microsoft)
      • SSO with Google
      • SSO with Okta
      • How to log in with SSO
    • Add a website to your Openli account
    • Using projects to handle multiple languages
    • Collect consents without storing IP addresses or user-agents
  • Technical documentation
    • Widget
      • Collect cookie consent
        • Blocking cookies
        • Blocking embedded media
        • Cookie-widget options
        • Consent state API
    • API
      • Services
        • Personal data
        • Subprocessors
    • Cookies set by Openli
  • System Specific Integration Guides
    • Cloudflare
  • Legacy integrations
    • Google Consent Mode
    • Google Tag Manager
      • Block cookies with GTM
      • Install Openli with GTM
      • Prevent triggers from firing in GTM
    • HubSpot
    • Pardot
    • Shopify
      • Install cookie widget
      • Integrate consent with checkout
    • Square Online
    • Squarespace
    • Webflow
    • Wix
Powered by GitBook
On this page
  • Before you start
  • Step 1: Creating the widget
  • Step 2: Configuring your widget
  • Step 3: Done!
  1. Cookie Consent Management
  2. Cookie widget

Create a cookie widget

This guide will show you how to create a cookie widget, which you can install on your website to collect compliant consent with Openli.

PreviousCreate a cookie policyNextInstall the widget

Last updated 3 years ago

Before you start

Before following these steps, please be sure that you have:

  1. Added your website's URL (either during the signup process or in the settings page)

Step 1: Creating the widget

Creating the widget is simple and quick. Simply go to your Openli dashboard and select "Widgets" from the side menu. Once your on our widgets page click the "New widget"-bottom.

From the overview select Cookie consent to get started:

Step 2: Configuring your widget

Each cookie widget must have an assigned cookie policy. Select the policy that you've created for your cookie widget. If you only have one cookie policy, the widget will automatically use it.

Openli provides you with a different set of options to customise your widget.

Step 3: Done!

That's it! You've now created your cookie consent widgets, ready to be installed on your website.

Note that the default language for the widget is English.

To change the language of the widget follow this guide.
Created a cookie policy