- Floating buttons stay visible while visitors scroll
- Set up the relevant destination for the chosen action
- Free-tier widgets include Elfsight branding and monthly view limits
Overview
Button from Elfsight lets you add a clickable call to action to a Squarespace page, directing visitors to a link, phone number, email address, social profile or chat. It is an embeddable widget hosted on Elfsight's platform, not native Squarespace code. You build and customise it in Elfsight's online editor, then add its embed code to your site. Editor options include choosing an action, editing a one-line or two-line label, adding text above or below, and adjusting colours, fonts, size, icons and corner radius. You can place it within page content or use a floating button that stays visible while visitors scroll. Changes made later in the editor update automatically.
Who it suits
This button suits Squarespace site owners who want to make a specific next step visible, such as contacting the business, visiting a social profile, starting a chat or following a link. It can be placed in page content or set to float while visitors scroll. A free plan is available to start with.
One honest caveat
Choose the placement that fits the page: an embedded button sits in the content zone, while a floating button stays visible as visitors scroll. The available action needs to be configured for its destination, such as a URL, phone number, email address or social profile. Free-tier widgets carry Elfsight branding and monthly view limits; paid plans remove those. If your Elfsight account lapses, the widget stops showing.
Installation
Build and customise the button in Elfsight's online editor, then copy its embed code. For an inline button, paste the code into a Squarespace Code Block on the page. For a floating button, the vendor instructions use site-wide code injection. Later editor changes update automatically.
Related guide: browse more Squarespace marketing plugins, or the full Squarespace plugins hub.
Set the label to one or two lines, and add supporting text above or below it. The editor lets you adjust text colour, font and size, as well as other visual details such as corner radius and shadow. You can use a colour theme generator or adjust individual elements. Built-in icons or your own uploaded icons can sit next to or above the text, and hover effects are also listed among the styling options.
There are two placement choices. Embedded buttons sit in the content zone, while floating buttons remain visible as visitors scroll. The vendor describes eight possible floating positions. You can preview changes in Elfsight's configurator before adding the button to Squarespace. The widget is hosted on Elfsight's platform, so it is managed there rather than being native Squarespace code.
To install an embedded button, add its code to a Squarespace Code Block on the page. For a floating button, the vendor's Squarespace instructions use Code Injection. You can return to the Elfsight editor to make changes, which update automatically. The widget has a free plan, with Elfsight branding and monthly view limits on the free tier. Paid plans remove those limits and branding.
- Links, calls, email, chat and social profile actions
- Embedded or floating placement
- Customisable labels, colours, fonts and sizing
- Colour themes, icons and hover effects
- Free plan with Elfsight branding and view limits
Full specifications
Specifications
Embedded or floating placement
Customisable labels, colours, fonts and sizing
Colour themes, icons and hover effects
Free plan with elfsight branding and view limits
Businesses directing visitors to contact details
Sites linking to social profiles or chat services
Pages needing an embedded or floating button
Set up the relevant destination for the chosen action
Free-tier widgets include elfsight branding and monthly view limits