Skip to main content

Button customization

Learn how to customize booking form buttons

Andrey Gadashevich avatar
Written by Andrey Gadashevich
Updated this week

Button customization settings allows you to:

Navigate to Widget customization → Button to access the button customization settings.

Change button text

This is a global setting, meaning, any change made here will apply to all widget buttons.

Navigate to Widget customization → Button → Content section to update the button text.

Change button position

Navigate to Widget customization → Button → Button position section to set how you want to display the button.

  • Fixed – Stays pinned on the page (commonly at the bottom on mobile) so the CTA is always reachable while scrolling.

  • Floating bottom right corner – A floating button that sits above your layout in the bottom-right corner. Great when you want a lightweight, ever-present CTA.

  • Floating bottom left corner – Same as above, but anchored to the bottom-left corner.

  • Next add to cart checkout button – Places the booking button beside your theme’s Add to cart/Checkout button so customers see both purchase and booking actions together.

If you enable Hide “Add to cart” button, the booking button will appear on its own (even if you selected “Next add to cart checkout button”).

Style button

Navigate to Widget customization → Button → Button styling section to change colors adjust corner radius.

Under the Styling section, you can set Button color and Button text color, and adjust button border radius.

Adjust Corner radius:

  • 0–2: sharp

  • 4–8: soft (great default)

  • 24+ / 999: pill-shape

Aim for strong contrast so the text is easy to read.

Styling button quick tips

  • Lead with a verb: Book, Schedule, Reserve.

  • Keep the CTA consistent across pages.

  • On mobile-heavy stores, Fixed position usually converts better.

Did this answer your question?