Advanced Website: Floating buttons

The information in this article is relevant only for Pro users at this time. For information about booking websites for Lite users, refer to the Guesty Booking Engine

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