TABLE DES MATIÈRES
Plus de 200 composants Webflow clonables gratuits. Aucune inscription n'est nécessaire.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/656600ac15e8fb306ae8447f_TQW0N2GV8-U064G7QV42G-g1e8a2ba916b-512.webp)
Ovidiu
This post will teach you How to Maintain a User’s Cookie Preferences Across Devices in Webflow, what a Users Cookie Preferences feature is and when/why you might want to Maintain a User’s Cookie Preferences Across Devices in your project.
How to Maintain a User’s Cookie Preferences Across Devices
Memberscripts needed
https://www.memberstack.com/scripts/83-cross-device-cookie-preferences
Tutorial
Cloneable
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/65eb01aa69b4e6c913bfaa35_Screenshot%202024-03-08%20at%2013.16.30.webp)
Why/When would you need to Maintain a User’s Cookie Preferences Across Devices?
- Improve UX by saving users’ cookie preferences inside Memberstack and not bothering them with prompts whenever they log in from a new device.
This guide will show you how to save your users’ cookie preferences inside Memberstack, thus improving their experience when logging in from new devices.
Keep in mind that the method used in this guide will only work with the Finsweet Cookie Consent plugin for Webflow, which is a great plugin that we recommend.
The way everything works is by saving the cookie preferences inside a Memberstack custom field, thus transferring users’ cookie preferences across any device where they’re logged in.
Maintaining users’ cookie preferences across devices on Webflow
To maintain users’ cookie preferences across devices on a Webflow site, we’re going to use MemberScript #83 – Cross-Device Cookie Preferences and the Finsweet Cookie Consent plugin for Webflow. Follow the link to get the code you’ll need to add to your site and watch a video tutorial on how to set everything up.
Étape 1
Go to your Memberstack dashboard and create a custom field called Cookie Consent.
Étape 2
Add the Finsweet custom code to your site’s header by going to your site’s settings in Webflow and then to Custom code.
Étape 3
Add the Memberstack custom code (?) to your site’s header.
Step 4
Add the MemberScript #83 custom code to your site’s footer.
Conclusion
That’s all there is to it, you can now go ahead and try it out with a test account across multiple devices.
If you want to use our demo project to get you started, just click the button below to add it to your Webflow site.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/65eb013a3d005a225404127a_LZ6wqW8fxydEv-1MkgWlc1TF_Wxt_9OJDuUwEOXd6dLm54J2ADCF0aa5b5YfwZaBO8muJL65IQBJfcNZFhbzD5XaR892aCZ72L38_LUCbnwJjNrPD2TjxSW1CMtiVyGPtG_JIRwv5SCDWee_Oe7tecw.webp)
Our demo will allow your members to save their cookie settings on one device and have them carry over to different devices and browsers for a full sync.