This guide will explain all steps to configure your Cookie Bar.


Step 1: Choose Theme

In Step 1, select the theme you want to apply for the cookie banner.

See how it look in Preview, with Desktop and Mobile.



See how it look in Preview, with Desktop and Mobile.



Step 2: Settings



  • Message: Enter the content you want to display in the cookie bar.
  • Show Privacy Policy: Enable to show privacy policy link on cookie bar. That link will direct visitors to your Privacy policy page. When enabled, the Privacy Link and Privacy Link Text fields are shown.
      - Privacy Link: Enter the link of the privacy policy page
      - Privacy Link Text: Enter the display text of the link in the cookie bar.
  • Agree Button Text: Enter the display content of the agree button.
  • Deny Button Text: Enter the display content of the disavow button.
  • Show on countries: Check All countries so that the cookie bar is displayed in all countries. Select UK & EU countries only to display cookie bars in UK and EU countries.

Step 3: Preview on storefront


Select Go to storefront to open your website and view the cookie bar.

If you change/update your theme, you need to press Publish button in the app so that the cookie bar can be displayed in the new theme.



Step 4: Advanced Settings


Display Type: Support display on desktop and mobile.



There are 2 display types of cookie bar on desktop: Full Bar and Float Card

- Full Bar displayed with Top, Bottom position.



- Float Card with display positions at Top, Bottom, Top left, Top right, Bottom left, Bottom right.



Cookie bar displayed on mobile with 2 positions Top and Bottom.




  • Message Color: Select the color for Message text in the cookie bar.
  • Background Color: Select the background color for the cookie bar.
  • Privacy Link Color: Select the color for Privacy Link Text.
  • Agree Button Text Color: Select the text color of the agree button.
  • Agree Button Background Color: Select the background color of the agree button.
  • Deny Text Color: Select the text color of the deny button.
  • Show icon on desktop: Enable to show icon on cookie bar.

  • Icon Color: Select the color of the icon.
  • Font family: Select the font of the cookie bar.
  • Custom CSS: Enter the CSS content you want to modify.

    Note: To make the cookie bar shown on your store, you also need to enable Customer Privacy from your Shopify admin. See quick guide here.