Jump to content

Floating Buttons to Squarespace 7.1

Go to solution Solved by paul2009,

Recommended Posts

I was wondering if anyone had experience with adding a floating button to Squarespace 7.1? I want this to be available when someone begins to scroll on a page. So far, all of the code that I have found is for older versions of Squarespace. Thanks!

Link to comment
  • Solution
Posted (edited)
On 1/6/2023 at 7:32 PM, shelbyroller said:

I was wondering if anyone had experience with adding a floating button to Squarespace 7.1?

If it helps, I produced a guide for adding a floating button to mobile devices:
Mobile CTA footer for Squarespace 7.1.

image.thumb.png.e1fdf8d4993c93d00f77967f4b140115.png

I've also posted a solution for a single button here:

If this doesn't suit your needs, please provide some more details about your requirements.

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009

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.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
  • 1 month later...
7 hours ago, GeneCWayne said:

Is there a way to place it on one specific page only?

Yes! Instead of adding the code (in step 1) to the site-wide code injection panel, you can add it to the per-page code injection panel instead.

 

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.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
2 hours ago, JonJonJJ said:

Is there a chance to bring the floating buttons underneath the opened menu (burger menu on mobile)?

Hey Jon

In the Custom CSS (around line 31), reduce the z-index to 10 (instead of 10000) and this should do the trick 🙂.

Did this help? Please give feedback by clicking an icon below  ⬇️

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.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
12 hours ago, paul2009 said:

Hey Jon

In the Custom CSS (around line 31), reduce the z-index to 10 (instead of 10000) and this should do the trick 🙂.

Did this help? Please give feedback by clicking an icon below  ⬇️

Great! Thank you so much for your feedback! 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.