Discover the best cookie websites created by professional designers. Get inspired and start planning your perfect cookie web design today!

Finsweet

We’re super excited to share with you our translation UI Kit! We’ve worked with Webflow translation solution Weglot to show you a way for going multilingual on Webflow. 

Use our UI Kit to clone 14 custom language switchers with a style for everyone (flags, language codes, language name, etc). We’ve created this site to showcase just how easy it is to set up a multilingual Webflow site without any code or duplicated pages / sites. Multilingual on Webflow just got a whole lot easier :rocket:

Love, Finsweet & Weglot teams.

Weglot For Webflow

Translate Webflow Website

Copy-paste cloneable components for GDPR compliant Finsweet Cookie Consent.

Full docs: https://cookie-consent.finsweet.com/

✅ Cookie consent compliant
✅ Stop scripts from loading with no-code
✅ No javascript editing. 100% attribute based
✅ 100% Webflow designer friendly. Zero design limitations
✅ Webflow Interactions integrated. Go wild
✅ Multiple options for level of cookie consent
✅ Zero cost out of the goodness of our F’in sweet hearts

Made with 💪 by Finsweet

Cloneable - Finsweet Cookie Consent

Finsweet Cookie Consent - Components Cloneable

Make your Webflow project GDPR compliant* with European cookie Law. Clone this FREE Webflow GDPR Cookie Consent Banner, add the fs-cc attributes to your scripts and you're done!

Feel free to clone this project and let us know when you have questions!

—

⚡ Need help implementing the Cookie Consent Solution into your Webflow project? Visit https://www.webflow-cookies.com/?utm_source=cloneable for paid support. ⚡

For a fixed price, we'll:
- Add the cookie banner & preference manager to your Webflow project, and match the look-and-feel with your website. 
- Add the right attributes to your marketing, analytics and personalization scripts (e.g. Google Analytics, Facebook Pixel, Hubspot, etc).
- Set up the right marketing, analytics and personalization triggers in Google Tag Manager if applicable.

——

* Clone this project and add the necessary attributes to your marketing, analytic or personalization scripts. For more info, check out the Finsweet docs or drop a comment below.

Free Cloneable — Fully GDPR Cookie Consent Banner

Free Cloneable: GDPR Compliant Cookie Consent Banner

Had a great opportunity to work with the Oreo team in creating the playful network site. 

Live site here:https://www.theplayfulnetwork.com/

Campaign live: https://www.campaignlive.co.uk/article/oreo-the-playful-network-digitas-uk/1695881

The Playful Network was born in lockdown. Because when our doors closed, we realised that we actually connected more.

We rolled up our pyjama sleeves and found joy in little things like clapping, baking, quizzing and dance challenge-ing together. And with every new connection, OREO was there to help us stay playful.

Oreo

Oreo - The Playful Network

Watch the tutorial at https://www.youtube.com/watch?v=rfwiyBoVwdQ

UX Cookies

This website is made with Webflow and is a demo on how to set a cookie using Jquery, and use it to show a popup message or not. It's supposed to show you a popup message on your first visit every 24 hours. 

You can clone this project and see how it's made.

Cookie Template

Webflow Cookie Template

Add a Cookie Consent to your site in no time. 5 different designs for a cookie consent with working codes attached at the bottom of the page. 

Thank you https://www.pixelgeek.co/ for providing the code and an amazing tutorial. We just made this free resource with uplifted design variations for the Cookie Consent.

For more free resources visit https://www.flow.ninja/

Uros

Webflow Cookie Free Resource

Webflow Free Cookie Consent Resource - Flow Ninja

Using cookies can be a super powerful way to display information once, without constant bombardment to your visitors. This script allows your users to close notices/pop-ups and retain that information, instead of re-showing each time they load. 

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Insights @ www.twitter.com/t_bekkers

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
⦿Typography licence required for commercial usage.
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Webflow Cookies (EASY + GUIDE)

Webflow Cookie Guide

Inform your users of your website cookie usage to be compliant with current GDPR and CCPA regulations.

Use our free Webflow cloneable template to do this very easily without any hassle. With our 3 different cookie banner notifications, you can choose the one that best suits your website needs.

- - - - - - - - - -

Interested in this free Webflow Cloneable?

• Check out a live preview on: https://cookie-banner-cloneable-brixtemplates.webflow.io/

• Click 'Clone project' to get a clone on your Webflow account

• Get the cloneable Figma file to customize the styling and graphics: https://www.figma.com/community/file/1085643183627754599

- - - - - - - - - -

• BRIX Templates - Looking for more Webflow templates? Take a look at our collection of premium & free Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

15. Cookie Notification Banner | Webflow Cloneable

Cookie Notification Banner Webflow Cloneable - BRIX Templates

Free Cloneable built with Finsweet's Cookie Consent tool.

This Cookie banner and preferences settings manager is 100% GDPR compliant and ready to use within the EU region.

For information on implementation in Google Tag Manger please visit: https://cookie-consent.finsweet.com/ 

This is made possible with the efforts of the incredible team at Finsweet. Thanks for making our lives so much easier. Keep up the good work.

GDPR cookie

Custom cookie consent UI that complies with EU / GDPR law

Assurez-vous de leur consentement avant de les stalker vos utilisateurs

Avec cette solution Javascript très simple, vous attendrez le consentement de vos utilisateurs avant de lancer Google Analitics et d'autres scripts. Copier ce code dans votre projet dans : Paramètres > Custom code > Footer Code

**Cookie Modal Copy/Paste soon**

🍪 Cookies for Webflow

Add and customize a dynamic cookie notification bar on your Webflow website.
If you are using cookies on your Webflow website the Cookie Bar widget is the easiest way to notify your viewers of their presence. The notification bar is fully customizable and has a subtle touch to it by not disturbing the UX.

Cookie Bar Cloneable

Cookie Bar

Clone this project with buttons and cookie popups made all in Webflow. 

Navigate to buttons on the pages and choose and Navigate to the 5 popup pages to choose your popups 

Hope you all enjoy :)

Accent Packs

Cookies Popup & Buttons

Landing page for an Austrian Medical company. This client-first website is built 99% in native Webflow and 1% using custom code. I experimented with the Finsweet Cookie Consent clonable. This is a great solution for cookie preferences! In the end, the client wanted to host his site on WordPress, so I tried out Udesly for the first time. Works just great, but with some small exceptions! Learned a lot during this project. Tell me what ya think!

Iuventrin ®

IUVENTRIN®

Pretty Nice Websites

Microsite we built for Afterpay/Clearpay to showcase their annual aggregate shopping data for 2019. The client wanted to incorporate a lot of movement in the site, so we used a healthy mix of page-scroll animations for parallax movement, as well as scroll-into-view triggers for some list sections. 

We also created some gateway pages and cookie acceptance pop ups that track when a user visits the site so they don't get the same pop up twice. To see how we did that check out the custom code in the page settings.

For the hero videos, the client wanted to ensure that the video players had no third party branding on them, so Webflow's youtube element was out. We ended up going with a custom embed from Wistia, which allows you to strip all branding from the videos.

Let us know what you think!

Afterpay

Afterpay Global Trend Report

Persistent dark mode via cookie.

Remembers toggle also across pages. If never been triggered looks for the default computer colour scheme (dark / light). If not there, defaults to light mode.

Currently adds a class (.light/.dark) to the body.
You can also listen to change events directly in Webflow code editor via the 2 functions you find in the homepage body.


persistent-dark-mode

Persistent Dark Mode

CHUNK Cookies

Este site é um espaço de exploração onde os padrões de usabilidade da internet são questionados assim como o modelo de negócios baseado-em-dados que está por trás deles •

Quando as memórias são armazenadas na nuvem e a exposição da intimidade nas redes sociais e aplicativos é imperativa, que postura queremos das empresas que coletam, armazenam, analisam e vendem informações pessoais?

Discover cookie websites built by the Webflow community

Discover cookie websites built by the Webflow community