Elfsight Birthday Sale

Squarespace Back to Top Button

Add a beautifully designed Scroll to Top button to your Squarespace website to improve navigation and boost user experience.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
Squarespace Back to Top Button

Create your Back to Top plugin

Configure your Scroll to Top button and add it to your Squarespace website for free!

Screenshots

Squarespace Back to Top Button
1 / 6

How Back to Top Button for Squarespace Can Improve Your Website

Elfsight is a smart, lightweight plugin that helps users effortlessly return to the top of your web page, improving user experience and encouraging longer browsing sessions. Whether you run a blog, portfolio, or ecommerce store, this simple yet effective feature ensures that visitors don’t get lost or frustrated scrolling through long content. Easy to install and highly customizable, it allows you to fine-tune everything from position and icon style to scroll behavior and visibility rules. This ensures seamless integration with your website’s design and functionality.

By offering smooth navigation, the plugin helps lower bounce rates and increase the chances of users engaging with more content. It’s particularly useful on mobile where excessive scrolling can be frustrating. Enhance your website’s usability and keep your visitors happy with a feature they didn’t know they needed – but won’t want to live without.

Start using Elfsight’s Back to Top for Squarespace for free today and enjoy smoother navigation instantly!

Key Features of the Scroll to Top Button

Elfsight comes packed with flexible features designed to deliver a smooth and stylish user experience on Squarespace websites. Here’s what makes this plugin a must-have:

  • Custom Icon & Text: Choose from a library of icons or upload your own for a unique scroll-to-top symbol.
  • Flexible Positioning: Place the button anywhere – bottom left, bottom right, or a custom spot on your page.
  • Auto Visibility: Show the button only after users scroll a certain distance.
  • Smooth Scroll Animation: Create a pleasant visual transition when returning to the top.
  • Mobile Optimization: Fully responsive design for tablets and smartphones.
  • Style Customization: Tweak size, colors, hover effects, shadows, and animations to match your theme perfectly.
  • No Coding Needed: Set everything up using a simple visual editor – no tech skills required.

Try all features in the intuitive editor for free – no registration required!

How to Add a Back to Top Button in Squarespace

Follow these easy steps to install the Back to Top Button on your Squarespace website with Elfsight – zero coding needed:

  1. Select your template: In the Elfsight editor, choose a layout that fits your website style and content structure.
  2. Customize your widget: Adjust the button’s position, appearance, behavior, and icon to suit your design preferences.
  3. Copy the generated code: Once you’re happy with the setup, click to copy the automatically generated installation code.
  4. Embed the code in Squarespace: In your Squarespace dashboard, add a new Code Block to the desired page (or Footer/Code Injection if site-wide), then paste your code and save.

If you’re unsure how to add a back to top button in Squarespace, our support team is happy to provide installation help – just reach out!

How do I make a Back to Top Button visible only after scrolling down?

To make the button appear only after users scroll down a certain amount, go to the Elfsight editor, open the Visibility settings, and set the scroll trigger (e.g., show after 300px). This keeps the button hidden until it’s needed.

Can I customize the icon of the button?

Yes! You can choose from preset icons or upload your own custom image to fully personalize the button’s look. You can also change its color, size, shape, and animation style.

Is the Scroll to Top Button compatible with all Squarespace templates?

Absolutely. The widget works flawlessly with all Squarespace versions and templates. Whether you’re using 7.0 or 7.1, your website will fully support the plugin.

Where should I position the Back to Top link?

You can place the Back to Top wherever it best fits your design. Most users prefer the lower right corner, but with Elfsight, you can adjust its position manually to suit your layout and make sure it doesn’t overlap with other content or widgets.

Does this button slow down my site or affect SEO?

Not at all. Elfsight is lightweight and optimized for performance. It loads asynchronously and won’t impact your website’s SEO or speed.

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Platform-independent version
from $0 / month
start with a free plan
Unlimited domains
Premium support and well documented
Charge-free installation help
100% customizable
Price to catch for multiple apps
Elfsight Birthday Sale
33% OFF
Get your spot at our party!
Grab The Deal