Floating Buttons

Floating_image.jpg

Overview

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_gif4.gif

Guide

To make a button float, follow these steps:

  1. Go to the Design tab on the button editor.
  2. Select the Style sub-tab and scroll down to Position.
  3. Toggle the Floating option on.
  4. Choose the position per device.

Considerations

  • The size and position can be customized per device
  • 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
  • For multi-lingual sites, Floating buttons will only appear for the default language
  • If the Floating attribute is disabled, the button will automatically appear in the first row at the top of the page
  • The Floating button cannot be hidden on specific pages
  • Floating button doesn’t appear on your mobile version? It may be because you are using an old mobile layout. To update, go to via Design > Site Layout.

mobile.jpg

Was this article helpful?
0 out of 1 found this helpful

Comments

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!