How can I customize my EU-Cookie-Banner that it looks like the banner on the official Squarespace Website?

My Cookie-Banner should look like the banner on www.squarespace.com. How can I do this? Please see the attached pictures how it should look like and how it looks.

I would like to know too, I have tried both scripts and it still looks like the ugly silver one that's to the left

christoph,

I've provided a guide on how to modify the Squarespace cookie banner here.

I hope that helps.

Paul

To everyone else who reads this answer and finds it helpful, please vote it up using the up arrow. This will let other users know it's a good answer.
For more useful Squarespace tips see our website.

@octopus
Surely better to add "I would like to know too" rather than asking the same question again and clogging up the forum? -----
The question by @christoph was extremely clear and understandable to me. -----
btw: What is the required information one needs to include to have a question answered ?

@octopus "A link to your site is required." ?I need to defer to my client's request for privacy until the site is complete.
But, thanks for the heads up !

@Paul2009 Thank you for the answer and your help! It works! How can I modify the cookie banner "sticky"?

Sticky? I don't understand.

I mean that the banner should be fixed at the top via css. The banner should be scrolling visible...

OK! Add

position: fixed!important;

to the

.cookie-notice

section. I've amended the article to include this.

Thanks! It looks very good: www.kunstbar.de

Hi @Paul2009 ,

I followed your guide and it looks great (version 1 - black banner)! Thank you!

However, the problem is that with this workaround, we can't offer the user the option to Opt Out of cookie tracking (which seems to be a legal requirement under the GDPR).

Using this customized button - rather than the ugly SquareSpace default - how do we restrict analytics for users that don't agree to having their cookies tracked?

I went onto SquareSpace chat and they confirmed that the only way to do this within their system (i.e., not using custom code) is by enabling their ugly 'EU Cookies' button.

Is it possible to add this into the code? If not, then it looks like we'll need to rely on their inbuilt option in order to adhere to GDPR standards :(

I'll shortly be posting a solution to enable Squarespace's own banner to look much better. This would enable visitors to opt out of Squarespace analytics but it will not have any effect on third party cookies.

Hi Paul, have you managed to come up with a solution for this? The deadline is nearly here, so it would be fantastic if you've found a way to do it.

Hi Paul, any luck on this at all? I've asked Squarespace today for any updates they can offer to their existing EU Cookie Banner so hopefully they'll have an official solution soon.

@Paul2009 I know you're working on a solution, so wanted to toss a few ideas out there. Using jQuery or equivalent, can we capture click buttons on the Squarespace cookie banner and then trigger a custom callback that loads 3rd party scripts?

Hi Paul2009, Thanks so much for the guide, its great. I have a small problem which I'm curious is it affecting others here or may be you're already aware of. The link to the Cookies Policy and the 'X' do not work, at least for me, on browsers within Windows. For example everything works a charm on any mobile device I've tested but on a PC you can view the banner but cannot click on anything. I've tried on IE, FireFox and Chrome. I dont know is this a browser thing or the SquareSpace Template. Surely the code is correct otherwise mobile devices would have the same issue. Any ideas?