Jump to content

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

Recommended Posts

  • Replies 15
  • Created
  • Last Reply

christoph,

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

I hope that helps.

Paul


Like other moderators on this forum, I post answers to help fellow Squarespace users understand how to customise their sites.
If I've correctly answered your question, please Accept the answer by clicking Accept below. If it didn't help, feel free to ask for more help or wait for forum users to add their comments and/or answers.

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.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

@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 ?

Learning

Link to comment

Sticky? I don't understand.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

OK! Add

position: fixed!important;

to the

.cookie-notice

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

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
  • 4 weeks later...
  • 10 months later...

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 :(

Link to comment

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.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
  • 3 weeks later...
  • 2 weeks later...

@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?

Link to comment

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?

Link to comment

Archived

This topic is now archived and is closed to further replies.

Guest
This topic is now closed to further replies.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.