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).

Navigate through each tab to modify your booking form as you prefer.

You can also enable or disable different fields to make it best suitable for your needs.

appearance-details.png

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

 

Try this demo to see the Appearance feature in action.

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

16 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 [email protected] 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.

  • Avatar
    Dave Whitelaw

    Hi.
    The text above says "more drastic changes, like removal of unnecessary booking steps and/or fields, can be done when adding the form to the site." I want to remove the payment step but this isn't described in the linked article. Is this possible?

  • Avatar
    Support Team

    Hi Dave, the payment step can be hidden by disabling all payments in the settings menu.

  • Avatar
    Evgenia

    Dear Sirs, I need to use Bookly for booking of bicycles rent , for example I have 1 day rent from 10AM till 8PM (10 hour per 60 USD fixed price), but if client want to start rent later then 10 am system not show possible time slots. how can I allow to show time slots even it is less time till and of working day then sevice duration stated? Thank you

  • Avatar
    Support Team

    Hi Evgenia, you need to create multiple service with different duration so customer will be able to choose the desired time slot. If you enable the "Service duration as slot length" setting - the slot length will be equal to service duration at the Time step of booking form.

Please sign in to leave a comment.
Powered by Zendesk