How to create stunning booking pages in no time

How to create stunning booking pages in no time

Want to convince customers that you are the best in the business in under 3 seconds?

Use well-designed booking pages to captivate your audience coupled with a solid portfolio on your socials to win over your customers.

In this guide, we'll be helping you do that in no time.

How would your customers feel if your booking pages could go from amateur to pro?



Captivating booking pages that align with your brand colors help you to,
  • Hook the customer
  • Deliver an impressive customer experience
  • Improve Brand Recall
In this guide, we will customize various elements of the booking page such as,
  • Text - Title and Description
  • Images - Logo and Background
  • Socials
  • Colors - Background, Text, and Button Colors


We'll take a sample image and tackle all aspects of the booking page one after the other.

Customizing Booking Page Text



Navigate to Services > Workspaces > Booking page themes to set the title and description of your booking pages.

Under page elements, you can find three options:
  • Title
  • Description
  • Button Text


Let's start with titles. You can use it in two ways based on your goals,
  • Introduce yourself and share them your expertise.
  • Hook the customer's attention and tell them what to expect when they book with you.
We've provided you with samples to get you started,
  • Wedding Industry (Hook) - Walking down the aisle with forever smiles
  • Fitness Industry (Hook) - Unleash a healthier you one bite at a time
  • Dental Industry (Intro) - Welcome to Crown Dental Care!
Note - You can have up to 50 characters in your titles.

Alternatively you can use AI tools to come up with Impressive titles. We managed to come up with this title as a hook for a booking page which offers wedding organizer services

"Wedding Bliss, No Stress! We've Got This!"

Check out the following video to create captivating titles using AI Tools.



Next up, Descriptions. It helps you seal the deal with your customers.

Descriptions can take different tones based on what you want to convey to your clients.
  • Describe your offering - Basic, but conveys the vital information to the customer upfront.
  • What can they expect out of this service? - Tease your customers with what they get from your service.
  • Share past achievements - Share your past success to showcase your credibility.
Note - You can have up to 2000 characters in your description.

Sometimes it can be difficult to come up with creative descriptions. AI tools can add a little more poise to them.

Next up, button text.

Buttons are the final key to providing the best customer experience a booking page can offer. You can modify it depending on the industry you are in.
  • Wedding Industry - Get us hitched!
  • Fitness Industry - Transform me!/ Let's get shredded!
  • Dental Industry - Onto healthier smiles!
Note - You can have up to 50 characters in your buttons.

The following are some guidelines that could help you craft a impressive CTA.
  1. Evoke emotions: Use words that resonate with possible benefits clients can gain from your service - Confidence, Health, Happiness, etc.
  2. Keep it crisp: A word length of 3-4 words is apt to make your clients take action - Book appointments.
Below is a booking page for a photography offering service with a carefully crafted message.


As much as you've options to add more detail to your booking page, you can choose which ones to hide or display using the eye icon.


Customizing Images

Images are at the core of compelling booking pages. There are two ways in which adding images enhances your pages.
  1. Background Images
  2. Logo


Let's start with Background Images.
 
The following themes support background images.
  • Modern Theme (Most color options except a few)
  • New Layout
  • Default Theme
  • Classic Theme (Dual Color Options only)
You can add images under Page Elements. Click on the empty box and upload your images. The size of your images is mentioned beside the box in pixels (px). You can also crop bigger images and click Upload. A pop-up box appears. You can drag the slider to adjust the transparency of your images



Controlling Image Opacity


Transparency of your images significantly influence the text and button colors on your booking page. For example, when your image transparency is less (i.e., darker backgrounds), lighter text and button colors would be a great choice and vice versa.

Alternatively, you can hover over your uploaded image, click on the pencil icon and drag the slider to adjust the transparency of your images.

Best Practices

Avoid these mistakes while you upload your background images.
  • Make sure the images you use and the text colors complement each other. Light text on dark backgrounds and vice versa.
  • Avoid using very noisy images with a lot of attention-seeking elements. If you do so, reduce your transparency.  Images with subtle elements like a sky pair well with your booking pages.
  • Use images that
    • Align with your business
    • Evokes an enthusiastic emotion in your customer
    • For Marriages - Two People Holding Hands
    • For Dental Care - A Person with a happy smile
Next up, Logos. A brand logo is one of the crucial things that reinforce brand recall.
 
To add your brand logos to your booking page, navigate to Settings > Workspaces > Booking page settings.
 
The following are dimensions of your logo (50px to 110px - Width) * (50px - Height)
 
Besides the logos, you can add header text as well.



Don't worry if you don't have your own logo. You can use AI tools like Logo Makers to generate yourself an alluring logo in seconds.

After these changes your booking page would look like this,


Adding Socials

It immediately adds credibility to your booking page.

This is vital for people who are involved in businesses like photography, bakery, wedding organizers etc... Your social profiles can be proof of your work and can help you get recurring clients in the long run.
 
You can add your Contact number, Email, Facebook, Instagram, and Twitter links.


 
Add your usernames in the boxes and click Save.

Your booking page would look like this after these changes,


Exploring Color Options in Zoho Bookings



I've kept the best for the last - Customizing booking pages with more colors. It plays a vital role in making the page lively and aligns your booking page with your brand colors.
 
Since customization varies across every industry and there are so many possibilities, we've linked dedicated guides at the end of this tutorial. But for now, let's play around with the fundamental customizations that are similar across all industries.
 
Navigate to Workspaces > Booking Page themes > Color options.
 
Every theme allows you to have multiple customization options. However, there are cases where you wish to have the booking page reflect your exact brand/ website colors.
 
In those cases, switch to the 'Modern Web Theme.' It has unique features and a color palette with almost a million colors to choose from that could help you go the extra mile.
 
You will find a color palette. Click on it. You'll be given four choices:
  1. Background Color
  2. Text Color
  3. Button color
  4. Button Text Color


When you click on any of these boxes, Zoho Bookings prompts you to enter a color code. You can either pick the color you want or enter a hex code corresponding to the desired color.


It's always a great idea to use the same colors that you use on your website. Check out the video to get the exact colors of your webpage on your booking pages.





Disclaimer - We've listed a third party website which can help you design your booking pages efficiently. They are intended for illustration and guidance purposes only. Feel free to use any tool that fits your needs.
 
After all the changes your booking page will look like this,



Here's a few other examples of well designed booking pages:






Bonus - Choose colors like a pro

Text colors - Use lighter text colors for darker backgrounds and vice versa. You can also tweak the transparency of your images to figure out which text colors would be the right fit for you.

In the following illustration, we've set the transparency to 100% and used a dark background. To complement this, I've used light text colors(white).



Button colors - To provide an immersive customer experience, set button colors that align with your brand colors. Alternatively, you can have them based on your images.

In the above example, we've set button colors that is in line with the background image. So, I've used the rusty orange of the car as my button color.
 
Button Text Colors - These are the colors inside the buttons. You can customize these based on your button colors. For darker backgrounds choose lighter colors and vice versa.

In the above example, to stay consistent with the text color of the other elements and to complement the button color, we've used white as the button text color.

We have an array of pages that go into details about industry-specific customizations. Check out the following guides that give you detailed instructions.
  1. Accountants
  2. Beauty Industry
  3. Business Consultants
  4. Car Care
  5. Child Care Industry
  6. Classrooms and Labs
  7. Cleaning Services
  8. Community Facilities
  9. Co-working spaces
  10. Customer Success
  11. Decorators
  12. Dental Industry
  13. Digital Marketing Agencies
  14. Education Industry
  15. Fitness Industry
  16. General Clinics
  17. Handy Persons
  18. Law Firms
  19. Logistics Industry
  20. Makeup Artists
  21. Marketing Industry
  22. Massage Parlors
  23. Meeting Rooms
  24. Motel Industry
  25. Non-Profit Organizations
  26. Personal Trainers
  27. Photography Industry
  28. Professional Consultation
  29. Professional Studios
  30. Property Management
  31. Psychiatrists
  32. SaaS
  33. Salesperson
  34. Spa Salons
  35. Sports Industry
  36. Wedding Industry
  37. Yoga Centers

To Wrap Up

In this guide, we've learned to customize booking page text, add images, logo, and socials, and created beautiful-looking booking pages.
 
Need a hand with this? We can help you out. Reach out to us at hello@zohobookings.com

Share your booking pages in the comments. If you have better tips to make booking pages better, please let us know.

Make my booking pages awesome!

    • Recent Topics

    • Unable to delete Junk Lead and Not Qualified from the Lead Status field

      Are Junk Lead and Not Qualified default fields or something that cannot be deleted? I have gone into the Leads module and made sure there are no records using these values. Other values have a minus sign that allows me to remove them, but these two fields do not have that option.

    • Welcome Link Expired

      Hi The links sent to the users didn't get clicked on in time and now all the links have expired. Is there a way to send a new link without deleting them and re-adding them>

    • How can I create individual records from a subform

      Hi, I am collecting subform data into a Lead record and I need to create individual records for each row associated to the account when it is converted. How can I do this?

    • Alert for Back Navigation in Zoho Creator Widgets on Mobile Apps

      In Zoho Creator widgets, when a user navigates back on mobile devices, the data within the widget is reset. This leads to a loss of any unsaved changes or inputs, causing frustration for users. To enhance user experience, we need to implement a confirmation

    • Zoho Developer Community Monthly Digest - December 2024

      Hello everyone! As we step into the new year, let’s reflect on the strides we’ve made together and gear up for the exciting opportunities 2025 holds. This month’s digest highlights key updates, engaging discussions, and upcoming events designed to keep

    • Allow "add new" option to picklists and multiselection fields from add or edit pages

      Hello zoho, please insert an add option (ie +)sign) to pick and multiselect fields so we can add new options while entering or editing records. For example. in my lead module, while adding a new record, I realized I had a new lead source. I went to my

    • Tracking Implementations

      We create Opportunities (Renamed Deals) with associated Quotes (renamed Products and Services). When we close the deal, we want to be able to track the implementation of each product separately. For instance, the client may have ordered Item A, Item B

    • Need warehouse listed on packing slips

      We ship from several locations, and have a separate warehouse set up for each location in Zoho. I need the warehouse related to each SO to show up on the packing list. How do I make that happen?

    • Enhancements to Zoho Corp Help Center "Team Requests" View

      Dear Zoho Team, I hope this message finds you well. The ability to view both my tickets and my team’s tickets in the Zoho Corp Help Center is a fantastic feature, especially as the focal point for Zoho in our organization. However, we’ve encountered a

    • We've revised the pricing model of CRM portal user licenses

      Hello everyone, We’re making important updates to our pricing structure for portal user licenses, effective from the next payment cycle. The new slab-based pricing is as follows: Previously, these portal user licenses were priced at $5/ user/ month. As

    • Zoho and Hostaway webhok integration.

      I want to receive data coming from hostaway webhook and receive it in zoho crm to create or update record in a module based on conditions. The hostaway webhook sends data every time a reservation is created or modified or cancelled. The hostaway sends

    • Layout Prompt when creating an oportunity

      Hi There, Is there a way to create a pop-up prompt when I create a new Deal giving me the option of what layout to use based on a certain requirement? So, if the prompt had two options 1. is a new business Deal 2. is a renewal Deal Thanks in advance

    • Allow standard layout to be used/edited as a starting point for canvas

      Hello, I would really love to improve the look of our CRM interface using Canvas but we have spent so much time customising the screens already (in standard view) that the thought of starting from scratch and building everything again, field by field,

    • A recap of Zoho Sprints 2024

    • Unable to create custom fields for shipment order

      I'm unable to create custom fields for shipment orders, even though the custom fields are set up correctly. A request to the following endpoint: https://www.zohoapis.com/inventory/v1/settings/preferences/customfields?organization_id=${ZOHO_ORGANIZATION_ID}&entity=shipment_order

    • Records per page in New UI

      It seems the new UI lack of "Records per page" function, it is very handy if you are looking for a data that you don't know the exact search term, but you know it may "between" few entries. without a "page" function, we kind of have to keep page down and page, the autoload is not that fast, and you are dealing with thousands of entries. Could we please have the "records per page" function back to New UI (also it shows total counts of the record) Looking forward to hear from you.

    • zet pack not working

      We are using the zet pack command to package our Zoho extension. However, after running the command, the extension gets packed, but the resulting package is empty. We've attached a screenshot for reference. Could you please assist us with resolving this

    • CSV File Added to Form - Parse and Map to Fields

      Hi,  I apologize, I can't seem to find a clear explanation or help article on how to parse a CSV file. On validate, I process this deluge script. fileContent = Collection(input.File_upload.content); result = fileContent.values(); info result; What I want to do is create a record (in another form), and map certain fields to fields in the form.  I can get values, which is the whole file but no keys. If I use result = fileContent.keys(); I get "0" As you can see from CSV, my first line is my map and

    • Encountered an error while creating a bill in Zoho Inventory: {"code":6,"message":"Invalid data provided"}

      I attempted to create a bill using the Zoho Inventory API, but I received an error: {"code":6,"message":"Invalid data provided"}. However, when I made the same request again, it was successful. Does anyone have insights on why this happened?

    • How can I view Help Center articles in 'Sandbox' mode?

      I have published some help center articles but when I try to preview the knowledge base page, it says 'We have no content to display'.

    • Free user licenses across all Portal user types

      Greetings everyone, We're here with some exciting and extensive changes to the availability of free user licenses in CRM Portals. This update provides users with access to all Portal user types for free to help them diversify their user licenses and explore

    • Custom "Filter By" in Client Portal

      Currently our client portal only shows items for that specific person that is logged on to the portal, we want the current logged user to see all items for that user's company. An example would be invoices, so the current user would see all invoices for

    • Why do I need to send the Customer ID in the Create Purchase Order Request?

      I'm trying to create a purchase order using this endpoint https://www.zoho.com/inventory/api/v1/purchaseorders/#create-a-purchase-order Unfortunately, I'm getting this error { "code": 4, "message": "Invalid value passed for Customer ID" } The doc doesn't

    • How to Retrieve Serial Numbers of Items in Zoho Inventory via API?

      Hello, I am currently working with the Zoho Inventory API and need to retrieve the serial numbers associated with specific items in our inventory. After reviewing the documentation, I couldn’t find an endpoint dedicated to fetching serial numbers for

    • merging email accounts

      previously I was using 5 mail pop mailboxes within VO , 2 of them are becoming obsolete so I was thinking about deleting the obsolete ones and merge the remainders into my main account mailbox within VO , is this possible ? thnx in advance.

    • Zoho desk desktop application

      does zoho desk has a destop applicaion?

    • Opening & working multiple tickets

      We work in multiple tickets at the same time. Currently to do this, we have to open multiple instances of Desk.  Is there a way to do this by just opening multiple ticket tabs within 1 instance of Desk?  

    • Queries filtered by current page/record

      I have been trying to use the new queries feature, and I can filter the query, but I'm coming unstuck because I don't understand how to make the query dynamically include the filter of the current record. ie if I'm on a deal, to filter all the records

    • ZohoPeople API - Retrieve leave type IDs

      Hi All, I have created a leave type in Zoho People UI. Now I need to fetch the  Leave Type ID of it. As per the documentation[1] I used the  curl request [2]. But I ended up with the error response from the API.  {"response":{"message":"Error occurred","errors":{"message":"Server Error Occured","code":7031},"status":1,"uri":"/api/leave/getLeaveTypes"}} The new API[3] does not tell anything on how to retrieve the Leave Type ID.  Have you done any changes to the API recently. If so please let me know

    • Inadequate Customer Support

      Hello & Greetings! I have been a pro Zoho user since the last 2 years and I would admit that the apps that are being offered are good, however the support we receive has a lot more to achieve. This being a design issue rather than a staff issue. Being

    • Incorrect Closing Stock Amount value

      Act as Zoho Inventory Expert. We are a construction company, OVAL Projects Engineering Limited. We started using Zoho Inventory for Stock Management.I have multiple warehouses. I have encountered a problem while generating custom warehouse wise inventory

    • The Next Chapter for CRM for Everyone: Moving from Early Access to Phased Rollout for Customers

      #CRM25Q1 Hello Everyone, Until now, CRM for Everyone has been available in early access mode exclusively for users who opted to try the new version. We are now transitioning to a phased release, starting with the basic edition. We are thrilled to announce

    • Zoho vault uses only password to unlock not a TouchID

      TouchID works when normally openning app but when called from keyboard while browsing or trying to log to another app it shows only password option to unlock. This behaviour is only on iPad Mini witch latest 18.2OS

    • Error 403: Forbidden When Updating Email Signature via API

      Hi Zoho Desk team, First, congratulations again on the excellent Zoho API. But, I’m encountering an issue while attempting to update an email signature via the API. Whenever I make a request to update the signature, the response returns an HTTP 403 Forbidden

    • Unable to add Guest Members

      We are having issues adding Guest Members to our Cliq account. We have sent out a number of request but it seems that only some people are able to access the platform. Others have received a message stating that they need to be granted access from an

    • Webhook when estimate is refused is not firing

      Hello, I use a workflow through make that sends estimate with zoho books (I paid books and sign). -Those estimates when accepted are firing the webhook that I create in zoho sign (photo 1) -However when refused they are not firing the webhook that I created

    • New Leave Type: Compensatory off

      Hi, there is a new Leave Type: Compensatory off. Can someone tell me how to use it, because it sounds it could work for overtime compensation for our techs. Thanks Andreas

    • Invoice status on write-off is "Paid" - how do I change this to "Written off"

      HI guys, I want to write off a couple of outstanding invoices, but when I do this, the status of the invoices shows as "Paid". Clearly this is not the case and I need to be able to see that they are written off in the customer's history. Is there a way

    • Create a custom button to modify custom fields in zoho Inventory

      I am needing a script for two buttons, 1. Button will add todays date to a custom field named cf_sent_to_sov 2. Button will mark a checkbox or unmark a checkbox field named cf_parts_ordered I have been trying to figure out deluge but have not got anywhere

    • How to add a record for a different report

      I have one form and it has two reports I need to programmatically add records to both reports For example one report is draft and other is processed After the user performs some action on the draft report I want to create a new report in Processed and

    • Next Page