Add a GDPR-compliant cookie notice to your website with Flatsome! This guide will help you set up a sleek, custom-styled cookie notice that informs visitors about data tracking and privacy compliance. Let’s get started!
Step-by-Step Guide
1. Enable the Cookie Notice Bar
- Open your Flatsome theme options.
- Scroll down and select Notifications.
- Check the box for Enable Cookie Notice Bar. After a few seconds, the notice bar should display at the bottom of your page.
2. Customize the Notice Text and Links
- Add custom text for the cookie notice to explain your site’s cookie use.
- Link your Privacy Policy or Terms and Conditions page for additional information.
- This will create a “More Info” button alongside the “Accept” button.
3. Adjust the Notice Bar Style
- Under styling options, you can choose different styles, such as Outline or Underline, to make the bar stand out.
- You can also adjust the background color if needed, though keeping it white often provides a clean look.
4. Manage Notice Versioning
- If you’ve updated your privacy policy, you can prompt users to re-accept it by increasing the Version number.
- This is helpful when terms are updated, as it re-displays the notice for users who previously accepted it.
5. Apply Custom CSS for Improved Styling
- Copy the provided CSS code from the member area to further customize the appearance of your notice.
- Go to Flatsome > Advanced > Custom CSS and paste the CSS code.
- This CSS will make the notice bar more compact, adding a border radius and a subtle margin to give it a polished, modern look.
6. Save and Review
- Click Save All Changes.
- Refresh your page to see the updated notice bar. It should now look cleaner and more stylish, enhancing the user experience.
That’s it! You now have a clean, stylish, and GDPR-compliant cookie notice bar set up on your Flatsome-powered website. Not only does it enhance user experience, but it also keeps your site aligned with privacy regulations.
Remember, you can always revisit the settings or CSS to make additional tweaks as needed. Thanks for following along—enjoy customizing your Flatsome site, and see you in the next tutorial!
Continue learning
Need a custom design? Hire Seb today
Get the #1 All In One Design Agency for Flatsome