Floating Buttons

Floating buttons allow you to keep a button visible at all times, even when a visitor scrolls down the page. Use Floating buttons to keep important calls to action fixed, visible, and clickable on all site pages.

Note

The Floating button cannot be hidden on specific pages.

For multilingual sites, Floating buttons only appear in the default language.

Ideal uses cases include:

  • Contact Us
  • Subscribe
  • Get a Quote

To make a button float:

  1. Add a button to your site. For more information, see Add Widgets.
  2. Right-click the button, and then click Edit Design.
  3. On the Style tab, scroll down, and click the Floating toggle. If the Floating attribute is disabled, the button automatically appears in the first row at the top of the page.
  4. Select a position for the button. Switch the device view to change the position on different devices.

Mobile Considerations

  • On mobile, we suggest placing the Floating button at the bottom corner of the screen so visitors can easily click it with one hand.
  • You can display an icon rather than text on mobile by choosing the layout that features an icon on mobile.
  • If a floating button is not displaying on mobile, you may be using an old mobile layout. To update the layout, go to the Design Editor, and click Site Layout.