Floating action button Squarespace plugin

SquareSpace 7.1

• Requires Business plan or higher

Free

Get code

Why use

Code

/*** 
Floating action button plugin by opsquare.co 
**/
#siteWrapper #floating-button {
  position: fixed !important;
  bottom: 0;
  right: 0;
  min-height: unset !important;
  background: none !important;
}

#siteWrapper #floating-button .section-border,
#siteWrapper #floating-button .section-background {
  background: transparent !important;
}

#siteWrapper #floating-button * {
  pointer-events: none !important;
}

/** Change button padding/font-size here if needed */
#siteWrapper #floating-button .sqs-block-button {
  pointer-events: auto !important;
}

How to install

Create a section in the footer, and give it an ID of #floating-button
Create a button in the new section, put it into left or right corner
Copy the code and put it to Code Injection
Button will become sticky (when not in admin – so you can still edit it)