How to style your cookie banner

Sep, 2018

Thanks to new EU regulations, sites must tell their users what information is being collected about them and this includes the use of cookies. To start, you should have a privacy policy on your site where users can find all of this information along with what to do if they wish to remove the informtion you hold about them or make any changes to it. The privacy policy is a detailed document and time should be spent ensuring it's not only correct but also easy to read for your specific users.

With the privacy policy in place it's time to think about a cookie banner. This tells users that cookies are used on your site, directs them to your privacy policy should they wish to read more and collects their conent.

cookie banner before

Squarespace cookie banner, before

cookie banner after

Squarespace cookie banner, after

Squarespace cookie banners

If you're using Squarespace, you can enable your cookie banner and stop cookies being collected until the user has consented; keep in mind that your analytics may take a hit after doing this as not all users will consent to cookies being used, but it is the best way to ensure you are GDPR compliant.

With your Squarespace cookie banner enabled, you'll want to add some CSS asap because it wont have kept the style of your site.

To add custom CSS you need to go to the 'design' tab and then 'custom css'; once you start adding custom CSS Squarespace customer service can't help you with any issues that arise, so it's best to contact a Squarespace designer if you aren't 100% sure about what you're doing.

It's completely up to you how you want to style your Squarespace cookie banner. I've listed below some elements I would change first:

Got any questions about styling your cookie banner? Get in touch!

Recent Blog Posts