Help Center

Booking Form Look & Feel

Customize just about anything in the way the front-end booking form looks.

Appearance

Use the color picker to make the booking form fit right into your site and branding.

back-appearance-1.png

Click on any text that’s underlined and change the wording in the pop-up window.

Add personalized texts in the text fields which have a list of shortcodes at the bottom of the text-edit pop-up window. See the full list of codes here (you’ll notice that not all codes are available for all text fields).

More drastic changes, like removal of unnecessary booking steps and/or fields, can be done when adding the form to the site.

 

See this video tutorial to get a better understanding of how to set up your booking form appearance in Bookly.

Watch this video to discover the main Bookly settings and features.

 

RELATED

Basic Setup

Services

Staff

General Settings

Publish Booking Form on One or Several Pages of One Website.

 

Don't have a copy of the plugin yet? Learn how to install it.

Have more questions? Submit a request

12 Comments

  • Avatar
    oleg

    Hello
    Please , how can I remove field phone number on step 4 "Detail"
    I beed only Name and email from customer.
    Thanks

  • Avatar
    donato stigliano

    Hello, can I change the look of the page through css ??
    I need to add pictures depending on the selection from the drop-down menu
    thank you

  • Avatar
    Support Team

    Hi, you can make changes to the look of the booking form by using CSS (Bookly=>Appearance=>Custom CSS), though regarding the conditional pictures you will probably need also to make changes in the Bookly's PHP and JS code.

  • Avatar
    David Chiu

    How do I know the CSS selector, for example, I want to change the font size of the text during the step by step process, how can I change the text size,

    I try body selector for example, it change the text in the Nav menu.

  • Avatar
    Support Team

    Hi David, send an email to support@ladela.com and our tech department can give some advise regarding this matter.

  • Avatar
    Ariel Muñoz Prado

    How can add / expand the attention or service hours (default 08:00 am to 6:00 pm) where is this setup configuration? thanks.

  • Avatar
    Product Team

    Hi Ariel, the duration of the service can be changed in the services menu. Its availability will depend on the staff member's schedule, which can be adjusted in the staff members menu.

    Edited by Product Team
  • Avatar
    Frouck

    Hi,

    Like Oleg, I need to remove the phone field form the form in step 4 of the booking process.... How do I do this?

  • Avatar
    Support Team

    Hi Frouck, currently the user, phone and email fields can't be hidden. Though, you can set this field to be optional in the appearance menu.

  • Avatar
    Frouck

    Okay thank you.

  • Avatar
    Ralf Longwitz

    I don't have the field "Number of persons". How can I get it to show up?

    EDIT: Found it, needs the Group Booking Add-on (maybe mention that in the text?)

    Edited by Ralf Longwitz
  • Avatar
    Support Team

    Hi Ralf, thanks, we'll update the text.

Please sign in to leave a comment.
Powered by Zendesk