Floating Buttons


This information is specific to the Classic Editor, and not relevant for Editor 2.0 (formerly known as the All-Flex Editor.) To identify your current editor version, see How to Identify the Editor Version Your Site Uses.

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.

Ideal uses cases include:

  • Contact Us
  • Subscribe
  • Get a Quote

Floating buttons are not available on Dynamic pages.

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.
  5. To display the floating button on the current page only, enable the Show on this page only toggle.

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.