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.


      Zoho Campaigns Resources


        • Desk Community Learning Series


        • Digest


        • Functions


        • Meetups


        • Kbase


        • Resources


        • Glossary


        • Desk Marketplace


        • MVP Corner


        • Word of the Day


        • Ask the Experts


          Zoho CRM Plus Resources

            Zoho Books Resources


              Zoho Subscriptions Resources

                Zoho Projects Resources


                  Zoho Sprints Resources


                    Zoho Orchestly Resources


                      Zoho Creator Resources


                        Zoho WorkDrive Resources



                          Zoho CRM Resources

                          • CRM Community Learning Series

                            CRM Community Learning Series


                          • Tips

                            Tips

                          • Functions

                            Functions

                          • Meetups

                            Meetups

                          • Kbase

                            Kbase

                          • Resources

                            Resources

                          • Digest

                            Digest

                          • CRM Marketplace

                            CRM Marketplace

                          • MVP Corner

                            MVP Corner




                            Zoho Writer Writer

                            Get Started. Write Away!

                            Writer is a powerful online word processor, designed for collaborative work.

                              Zoho CRM コンテンツ








                                ご検討中の方

                                  • Recent Topics

                                  • Zoho Projects MCP Feedback

                                    I've started using the MCP connector with Zoho Projects, and the features that exist really do work quite well - I feel this is going to be a major update to the Zoho Ecosystem. In projects a major missing feature is the ability to manage, (especially
                                  • Function #10: Update item prices automatically based on the last transaction created

                                    In businesses, item prices are not always fixed and can fluctuate due to various factors. If you find yourself manually adjusting the item rates every time they change, we have the ideal time-saving solution for you. In today's post, we bring you custom
                                  • email template

                                    How do I create and save an email template
                                  • Enhancements in Portal User Group creation flow

                                    Hello everyone, Before introducing new Portal features, here are some changes to the UI of Portals page to improve the user experience. Some tabs and options have been repositioned so that users can better access the functionalities of the feature. From
                                  • Archiving Contacts

                                    How do I archive a list of contacts, or individual contacts?
                                  • How do I filter contacts by account parameters?

                                    Need to filter a contact view according to account parameter, eg account type. Without this filter users are overwhelmed with irrelevant contacts. Workaround is to create a custom 'Contact Type' field but this unbearable duplicity as the information already
                                  • Can I add Conditional merge tags on my Templates?

                                    Hi I was wondering if I can use Conditional Mail Merge tags inside my Email templates/Quotes etc within the CRM? In spanish and in our business we use gender and academic degree salutations , ie: Dr., Dra., Sr., Srta., so the beginning of an email / letter
                                  • Zoho CRM button to download images from image upload field

                                    Hello, I am trying to create a button in Zoho CRM that I can place in my record details view for each record and use it to download all images in the image upload fields. I tried deluge, client scripts and even with a widget, but feel lost, could not
                                  • Unveiling Cadences: Redefining CRM interactions with automated sequential follow-ups

                                    Last modified on 01/04/2024: Cadences is now available for all Zoho CRM users in all data centres (DCs). Note that it was previously an early access feature, available only upon request, and was also known as Cadences Studio. As of April 1, 2024, it's
                                  • email moderation issue when email is sent in the name of a mail group

                                    Symptom: an email that is sent by a mail group moderator in the name of a moderated mail group is held back for approval. Reproduction: Create a moderated mail group with members and moderators. Allow that mails can be sent in the name of the group (extended settings). Send an email to the group as a group moderator, but in the name of the group. This mail is held back for moderation which is unexpected. Expected: A mail sent by group moderator to a moderated group are not held back for moderation
                                  • blank page after login

                                    blank page after logging into my email account Thanks you
                                  • Introducing the revamped What's New page

                                    Hello everyone! We're happy to announce that Zoho Campaigns' What's New page has undergone a complete revamp. We've bid the old page adieu after a long time and have introduced a new, sleeker-looking page. Without further ado, let's dive into the main
                                  • Always display images from this sender – Is this feature available?

                                    In Zoho mail, I had my "Load external images" setting set to "Ask me", and that's fine. That's the setting I prefer. What's not fine though is I always need to tick "Display now" for each email I get, regardless if I've done that multiple times from several
                                  • Function #9: Copy attachments of Sales Order to Purchase Order on conversion

                                    This week, we have written a custom function that automatically copies the attachments uploaded for a sales order to the corresponding purchase order after you convert it. Here's how to configure it in your Zoho Books organization. Custom Function: Hit
                                  • Free webinar: Security that works: Building resilience for the AI-powered workforce

                                    Hello there, Did you know that more than 51% of organizations worldwide have experienced one or more security breaches, each costing over $1 million in losses or incident response? In today’s threat landscape, simply playing defense is no longer enough.
                                  • "Subject" or "Narration"in Customer Statement

                                    Dear Sir, While creating invoice, we are giving in "Subject" the purpose of invoice. For Example - "GST for the month of Aug 23", IT return FY 22-23", "Consultancy", Internal Audit for May 23". But this subject is not coming in Customer Statement. Only
                                  • Zoho Books Sandbox environment

                                    Hello. Is there a free sandbox environment for the developers using Zoho Books API? I am working on the Zoho Books add-on and currently not ready to buy a premium service - maybe later when my add-on will start to bring money. Right now I just need a
                                  • Apply Vendor Credit Automatically

                                    Hello!!! Is there a way where in we can apply vendor credits automatically on the FIRST OUTSTANDING BILL of the vendor?? We have lots of VENDOR CREDITS ISSUES mostly!!! Applying it manually is a pain for us. Would be great if we have a way to apply the
                                  • Cliq iOS can't see shared screen

                                    Hello, I had this morning a video call with a colleague. She is using Cliq Desktop MacOS and wanted to share her screen with me. I'm on iPad. I noticed, while she shared her screen, I could only see her video, but not the shared screen... Does Cliq iOS is able to display shared screen, or is it somewhere else to be found ? Regards
                                  • Retainer Invoice.

                                    Why ZOHO not have facilities to deduct partially advance payment from an invoice.
                                  • Apply Vendor Credits Automatically

                                    We are bulk importing Vendor credits in Zoho Books!!! Is there a way to apply vendor credits automatically to the first UNPAID bill of the Vendor?
                                  • ResponseCode 421, 4.7.0 [TSS04] Messages from 136.143.188.51 temporarily deferred due to user complaints

                                    Had email bounce. Let me know if you can fix this. Thanks. Michael
                                  • Cant Save Gauge on Creator Page

                                    How to Save Gauge on Creator Page see movie https://vimeo.com/1116410860?share=copy#t=0
                                  • Apply Advance option not shown in report

                                    We are facing an issue in Zoho Expenses. While approving an Expense Report, the "Apply Advance" option is not appearing under the three dots (More Options). Details: Module: Expense Reports Issue: "Apply Advance" option not visible Status of Report: Awaiting
                                  • Introducing Assemblies and Kits in Zoho Inventory

                                    Hello customers, We’re excited to share a major revamp to Zoho Inventory that brings both clarity and flexibility to your inventory management experience! Presenting Assemblies and Kits We’re thrilled to introduce Assemblies and Kits, which replaces the
                                  • Auto Capitalize First Letter of Words

                                    Hi I am completely new to ZOHO and am trying to build a database. How can i make it when a address is entered into a form field like this: main st it automatically changes is to show: Main St Thank You
                                  • Follow-up emails via Workflow Automation not staying in the same thread

                                    Dear Zoho Support Team, I am currently using Workflow Automation in Zoho Campaigns to send follow-up emails. In my test case, I noticed the following behavior: All emails in the automation have the same subject line. If the follow-up email is sent within
                                  • Client Script refuses to set an initial value in Subform field

                                    I tried a very simple, 1 line client script to set a default value in a custom subform field when the "Add Row" button is clicked and the user is entering data. It does not work - can someone tell me why? ZDK documentation suggests this should be doable.
                                  • Formatting of Balance Sheet and Profit & Loss Reports

                                    The default format of the Balance Sheet and P&L Reports are based on the Account Types and then the individual accounts within the Chart of Accounts. These are then ordered alphabetically under these sub-headings and one is unable to re-order these or
                                  • Emails Are Not Being Delivered to My Inbox

                                    Hello Zoho Support Team, I am experiencing an issue with my Zoho Mail account. The most important problem is that emails are not being delivered to my inbox. Details: My Zoho Mail address: info@coreforcelife.com What happens: I am not receiving any incoming
                                  • Help Center IFrame Issue

                                    I have had a working Help Center on my website using an iframe for a while. But now for some reason the sign in page gets a refused to connect error. Can someone please help. If I go to the url manually it works correclty
                                  • Staff rules

                                    Hi! Do you people know what are the default staff rules when a new booking is created? We have two staff members in my team (me as the admin, and my employee). As we share the same services, I'm wondering how Zoho will pick the staff for new apointments.
                                  • Comment Templates

                                    Is it possible to add a template option for comments? We have some agents in the process who's responses require a pre-formatted layout. It would be incredibly handy to have a template for them where they can insert the template and then add their responses
                                  • [ZohoDesk] Improve Status View with a new editeble kanban view

                                    A kanban view with more information about the ticket and the contact who created the ticket would be valueble. I would like to edit the fields with the ones i like to see at one glance. Like in CRM where you can edit the canvas view, i would like to edit
                                  • Adding Markdown text using Zoho Desk API into the Knowledge Base

                                    Hi Zoho Community members, We currently maintain the documentation of out company in its website. This documentation is written in markdown text format and we would like to add it in Zoho Knowledge Base. Do you know if there is REST API functionality
                                  • An Exclusive Session for Zoho Desk Users: AI in Zoho Desk

                                    A Zoho Community Learning Initiative Hello everyone! This is an announcement for Zoho Desk users and anyone exploring Zoho Desk. With every nook and corner buzzing, "AI's here, AI's there," it's the right time for us to take a closer look at how the AI
                                  • Shared values: From classroom lessons to teaching moments in customer service

                                    While the world observes Teachers’ Day on October 5, in India, we celebrate a month earlier, on September 5, to mark the birth anniversary of Dr. Sarvepalli Radhakrishnan, a great teacher, renowned scholar, educationist, and advocate for empowerment.
                                  • Export to excel stored amounts as text instead of numbers or accounting

                                    Good Afternoon, We have a quarterly billing report that we generate from our Requests. It exports to excel. However if we need to add a formula (something as simple as a sum of the column), it doesn't read the dollar amounts because the export stores
                                  • Create a list of customers who participated in specific Zoho Backstage events and send them an email via Zoho CRM

                                    How to create a list of customers who participated in specific Zoho Backstage events and send them an email via Zoho CRM? I was able to do a view in CRM based on customer that registered to an event, but I don't seems to be able to include the filter
                                  • Zoho Desk blank page

                                    1. Click Access zoho desk on https://www.zoho.com/desk/ 2. It redirects to https://desk.zoho.com/agent?action=CreatePortal and the page is blank. Edge browser Version 131.0.2903.112 (Official build) (arm64) on MacOS
                                  • Next Page