Skip to main content

Introduction

Hello there! We're thrilled to guide you through the process of setting up your Cookie bar for your store. This user-friendly guide will help you understand how to display or hide the Cookie bar, select regions, customize the behavior, content, and style of your Cookie bar. Let's get started!

To display or hide the Cookie bar in your store, simply click on the 'Turn on/off' button as shown in the image below.

Image

2. Selecting the Region

You have the flexibility to choose where your Cookie bar banner will be displayed.

  • All Countries: If you select this option, the Cookie bar banner will be displayed in all countries.
  • EU & UK countries GDPR: Selecting this option will display the Cookie bar only in EU & UK countries.
  • Similarly, if you select US State laws, Brazil, Canada, Japan, the Cookie bar banner will be displayed only in the countries you've selected.

Image

3. Customizing the Behavior

You can customize the behavior of your Cookie bar in the following ways:

  • Accept/Decline: Allow only necessary cookies at the start. Includes “Accept” & “Decline” buttons.
  • Accept only: Allow only necessary cookies at the start. Only the “Accept” button is available.
  • Decline only: Allow all cookies at the start. Only the “Decline” button is available.
  • Informative: Allow all cookies at all times. Notifications only.
  • Preference: Customize your cookie banner.

Image

Select "Show privacy policy link." Auto-generate Privacy Policy: Privacy Policy links will be displayed according to the customer's location:

  • UK & EU: GDPR Cookies Consent
  • Canada: PIPEDA Cookies Consent
  • California State: CCPA Cookies Consent
  • Brazil: LGPD Cookies Consent
  • Japan: APPI Cookies Consent
  • Other: Shopify Policy (/policies/privacy-policy)

Image

  • Use specific Privacy policy: Choose a value for the Privacy Link or enter another link via Custom URL. Click "View Privacy Link" to preview the URL.
  • Privacy Link Text: Enter the display text for the link in the cookie bar.

Image

Re-open Banner:

Show re-open button: Choose whether to allow visitors to reopen/not reopen the Cookie Banner. Display button as:

  • Icon: Show the cookie bar icon at the Style tab.
  • Text: Enter the content in the Re-open text field at the Content tab.
  • Position: Choose the position of the Re-open button at Bottom Right or Bottom Left.

Image


Markdown is a great way to format text for readability and organization. Let me know if there's anything else you need!

4. Filling in the Content

You can customize the content of your Cookie bar. This includes the message, privacy policy link text, accept button text, reject button text, and more. Please fill in the content you'd like to display in the respective fields.

  • Message: Enter the content you want to display in the cookie bar.
  • Privacy Policy Link Text: Enter the display content for the Privacy Policy link text button.
  • Accept Button Text: Enter the display content for the accept button.
  • Reject Button Text: Enter the display content for the reject button.
  • Preference Button Text: Enter the content you want to display for the Preference button text.
  • Re-open Button Text: Enter the content you want to display for the Re-open button text.

Image

  • Preference Popup Header Title: Enter the content you want to display for the Preference popup header title.
  • Preferences Popup Header Description: Enter the content you want to display for the Preferences Popup Header Description.
  • Strictly Required Cookies / Title: Enter the content you want to display for the Strictly Required Cookies / Title.
  • Strictly Required Cookies / Description: Enter the content you want to display for the Strictly Required Cookies / Description.
  • Analytics Cookies / Title: Enter the content you want to display for the Analytics Cookies / Title.
  • Analytics Cookies / Description: Enter the content you want to display for the Analytics Cookies / Description.

Image

  • Marketing Cookies / Title: Enter the content you want to display for the Marketing Cookies / Title.
  • Marketing Cookies / Description: Enter the content you want to display for the Marketing Cookies / Description.
  • Functional Cookies / Title: Enter the content you want to display for the Functional Cookies / Title.
  • Functional Cookies / Description: Enter the content you want to display for the Functional Cookies / Description.
  • Accept Selected Button Text: Enter the content you want to display for the Accept Selected Button Text.
  • Accept All Button Text: Enter the content you want to display for the Accept All Button Text.

Image

You can choose a preset style for your Cookie bar and preview it on both desktop and mobile. You can also customize the display type, color scheme, font family, and more to match your store's theme.

Image

Display Type

Supports Desktop and Mobile: Choose display settings for both desktop and mobile devices.

  • Desktop Display Types:

    Full Bar: Displayed with Top and Bottom positions.'

    Image

    Float Card: Display positions include Top, Bottom, Top Left, Top Right, Bottom Left, and Bottom Right.

    Image

  • Mobile Display: Cookie bar displayed with 2 positions: Top and Bottom. Image

Advanced Settings

  • Message Color: Select the color for the Message text in the cookie bar.

  • Background Color: Select the background color for the cookie bar.

  • Privacy Link Color: Select the color for the Privacy Link Text.

  • Accept Button Text Color: Select the text color for the accept button.

  • Accept Button Background Color: Select the background color for the accept button.

  • Reject/Preferences Text Color: Select the text color for the reject button.

  • Agree Button Border Color: Select the border color for the agree button. (Applicable only when "Neumorphism" theme is selected)

    Image

Font and Alignment

  • Font Family: Select the font for the cookie bar. You can choose from fonts available in your store's theme or font values in the app's Store theme font.

    Image

  • Font Size: Choose the font size for the text displayed on the Cookie bar.

  • Text Alignment: Choose the alignment of the text.

  • Show Icon Cookie Bar: Check this option to display an icon on desktop and mobile. With available icons, you can choose to change the color in the Icon Color field.

Additional Settings

  • Display after Page Loads: Set the cookie bar to display after a selected amount of time once the page loads.

  • Custom CSS: Enter the CSS content you want to modify.

    Image

That's it! You've successfully set up your Cookie bar. If you have any questions or need further assistance, please don't hesitate to reach out. We're here to help!