Floating Buttons to Squarespace 7.1

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!

This is great and works well, but it places the floating button on very page.  Is there a way to place it on one specific page only?

Thanks,  Gene

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.

Works Great!  Thanks so much.

On 1/6/2023 at 8:38 PM, paul2009 said:

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

Awesome!

Hi @paul2009. Thanks for sharing the code!

Is there a chance to bring the floating buttons underneath the opened menu (burger menu on mobile)? At the moment the buttons are above the sqsp-header-button.

Best! Jon

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  ⬇️

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!