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.
Was this article helpful?
0 out of 0 found this helpful

Feedback on this article

0 comments

Please sign in to leave a comment.

×

Please Log in as a Pro

Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers.

Log In
Not a Pro? Purchase a Pro plan!