Skip to content
Smootify Logo
Components
How to set custom cookie consent banner

Cookie Consent

Analytics
> Cookie Consent

Create a custom cookie consent (that complies with GDPR law) directly in Shopify and customize it in Webflow.

Setup

  1. Copy & paste the Manage Preferences button into your Webflow project. You can style the button however you like, with complete creative freedom.
Cookie Consent

Copy Webflow element

  1. Go to your Shopify Panel > Settings > Customer Privacy and click on Cookie banner.

  1. Click on Activate cookie banner button.

  1. Then you can go to the Appearance section and click on Customize.

  1. From the customize menu you can manage any aspect of your cookie consent banner, including text, colors, and layout.

  2. You can also add 4 CSS Variables in Webflow to customize the banner (use the exact variable names below):

  • Shopify-banner-border
  • Shopify-banner- border-radius
  • Shopify-banner-margin-vertical
  • Shopify-banner-border-color