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 Desk Resources

    • Desk Community Learning Series


    • Digest


    • Functions


    • Meetups


    • Kbase


    • Resources


    • Glossary


    • Desk Marketplace


    • MVP Corner


    • Word of the Day


      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 Campaigns 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

                                • Making the Resolution Tab Mandatory

                                  Hello Everyone! This edition is here to show you how to make the Resolution mandatory when closing a ticket. The Ticket Resolution tab helps keep a record of the solution provided for the ticket query. The resolution can serve as a quick reference to
                                • Notificación de cumpleaños

                                  Hola: Se puede enviar alguna alerta de felicitación al personal que cumple años, que se dispare solo? Si existe como se puede hacer? Saludos
                                • Automation#25: Move Tickets to Unassigned When the Owner Is Offline

                                  Hello Everyone, Welcome to this week's Community Series! 'Tis the holiday season—a time when work often takes a brief pause. The holiday spirit is in full swing at Zylker Techfix too, with employees taking some well-deserved time off. During this period,
                                • Callback URLs

                                  I need to connect to an external service through an API that requires me to provide a Callback URL so that a status update can be sent back when the API request has been processed. Is there a way to do this in Creator without having to use a middleware
                                • Email signature not being included if user creates ticket / sends email

                                  When I create a ticket (send email), the signature doesn't appear to be added to the ticket. Can you confirm if this is the case? It would obviously be useful to include the user's signature even when sending a client an email and not only on replie
                                • Zoho Notebook window ignores taskbar

                                  When maximized to full screen, the Zoho Notebook window ignores the presence of the taskbar and overlaps it. What could be the problem? Linux Mint 22 Cinnamon. Zoho Notebook 3.2.0
                                • URL for job opening

                                  I would like to ask you to add this feature to the product: create an unique url for each job opening on Zoho Recruit, so that I can add a link to it when I post the opportunity in a mailing list or on a forum.
                                • Document images

                                  We used to be able to rotate the images but this has now been removed ???
                                • VENDORS ARE NOT SYNCHED WITH CONTACTS IN CRM

                                  Hello, While the ACCOUNTS and CONTACTS (Including the primary contact) are synced with the CONTACTS module in CRM, the vendor's CONTACTS are not synced with CRM - which basically forces the users to re-enter all vendor's contacts twice and then update
                                • Involved account types are not applicable when create journals

                                  { "journal_date": "2016-01-31", "reference_number": "20160131", "notes": "SimplePay Payroll", "line_items": [{ "account_id": "538624000000035003", "description": "Net Pay", "amount": 26690.09, "debit_or_credit": "credit" }, { "account_id": "538624000000000403", "description": "Gross", "amount": 32000, "debit_or_credit": "debit" }, { "account_id": "538624000000000427", "description": "CPP", "amount": 1295.64, "debit_or_credit": "debit" }, { "account_id": "538624000000000376", "description":
                                • KB Templates

                                  * It would be nice if Zoho can provide users an option to create custom templates for KB articles. Also, it would be nice as well if the users can have an option to 1.) select a default template and 2.) declare default tag/tags, for KB articles created through Ticket's resolution.
                                • Zoho CRM Reports Module on Mobil App

                                  I have the mobile app and the reports module doesn't appear in the sidebar for some reason. I saw a Youtube video where the user had the Reports module on mobile. Is there a setting to show it on mobile? Thanks.
                                • Contacts Don't Always Populate

                                  I've noticed that some contacts can easily be added to an email when I type their name. Other times, a contact doesn't appear even though I KNOW it is in my contact list. It is possible the ones I loaded from a spreadsheet are not an issue and the ones
                                • Zoho Projects Android app update - List view enhancement

                                  Hello, everyone! In the latest android version(v3.9.15) of the Zoho Projects app update, we have enhanced the List view of tasks. We have also introduced a complete scroll of the tasks in the list view without scrolling the task fields(status, start date,
                                • On the US Data Centre rather than the UK but dont know how to migrate it

                                  We have a new staff member with an external email address and cant add them to Zoho chat - we have been told its becuase we are in the UK but on a US Data centre - we therefore need to change it but no idea how to can anyone else as we are going round
                                • Zoho Sheet Custom function column showing Error #EVAL!

                                  Hello I have a custom function in Zoho Sheet developed to convert a date time from one time zone to another. The custom function takes date and time columns and then using subHour( ) converts the time to PST time. However, though the custom function works,
                                • How to add a Data Updated As Of: dynamically in text?

                                  I need to add a "Data Updated As Of" in the dashboard to show when was the last date the data was updated. I tried to create a widget but it does not look really good, see below. Is there a way I can do this through the text widget and update it automatically
                                • Create Your Own Issue Management System

                                  Effective issue management is a cornerstone of project success. Every bug or issue, no matter how small, needs to be tracked and resolved in time to maintain project momentum. In this post, we’ll explore how an issue management system in Zoho Projects
                                • Resource utlisation

                                  Dear Team, We use the excel for the weekly predicted people utilization how the resource are allocated , is there any way that i can use any of the zoho products.
                                • Ask the experts - A live Q & A discussion on Zoho Recruit

                                  We are delighted to come back with another edition of Ask the Experts community series. This edition, we'll be focusing on everything about Zoho Recruit. The topics will focus on the features that are used/asked by the majority of users and also based
                                • Bug - OTP (email) and No Duplicates

                                  Scenario: Form with an email field, Validation: "No Duplicates" (because I want to ensure 1 entry per email). Embedded form into website (JS option). Enabled email based OTP. 1st test (via my website) - entered my email address - sent OTP - entered pin,
                                • Personal Facebook page posting instead of Business Page

                                  I have a Facebook page that is associated with my Personal Profile and I am the Admin of that Page. I would like to schedule and Post to my Personal Page not the Business Page. Each time I try to connect to the "Page" it takes me to the Business Page. Is there a way of connecting to my personal page?
                                • Fixed asset management

                                  I want to know if there is any individual module for fixed assets management
                                • Recording depreciation of fixed assets as a percentage of residual value

                                  In India, fixed assets are depreciated as a percentage of their residual value at the beginning of each fiscal year. I went through the documentation for creating recurring journal entries, but could only find ways to depreciate by a fixed rupee amount
                                • Function #28: Automatically calculate Customer Loyalty points

                                  Hello everyone, and welcome back to our series! Today, we're excited to share a workflow designed to streamline the management of loyalty points. Many businesses offer incentives or rewards in the form of loyalty points to their customers as a way to
                                • Function #6: Calculate Commissions for paid invoices

                                  Zoho Books helps you automate the process of calculating and recording commissions paid to sales persons using custom functions. We've written a script that computes the commission amount based on the percentage of commission you enter and creates an
                                • How to Add Product SKU in Invoice?

                                  How to Add Product SKU in Invoice?
                                • Tracking movement between departments

                                  I've been developing a reporting system in Zoho and one of the groups I want to develop a report on primarily moves tickets from department to another. Is there a way to set up the reporting on Zoho (or Zoho Reports) that can tell me the number of tickets
                                • Zoho CRM Calendar View

                                  Hello Zoho team, We need desperately a calendar view next to list, kandan and other views. I think it should be easy to implement as you already have the logic from Projects and also from Kanban View in CRM. In calendar view when we set it up - we choose
                                • Call transcrition working for ringcentral?

                                  I don't see anything about what telephony providers can be used. The Zoho support person A said that RingCentral isn't supported. Zoho support person B said that it works, just make sure the call recording link works. Excellent instructions here: Call
                                • What is syntax to call creator function (or trigger a creator workflow) from CRM deluge?

                                  What is syntax to call creator function (or trigger a creator workflow) from CRM deluge?
                                • WhatsApp and Zoho Creator Integration

                                  How we have integrate WhatsApp App with Zoho Creator without using external application ?
                                • Improve Creator Calendar Report

                                  Please can you improve the Creator Calendar Report General There is no way to highlight certain days, for example weekends or public holidays. There is no way to hide certain days, for example weekends. There is no way to modify the day header, it just
                                • Important updates to Zoho CRM's email deliverability

                                  Last modified on: Jul 24, 2024 These enhancements are released for all users across all data centers. Modified on: Oct 30, 2023 Organisations that are in the Enterprise and above editions of Zoho CRM, and have not authenticated their email-sending domains
                                • Custom modules not showing in developer console

                                  I'm trying to create a custom summing function for a custom module I made in my CRM. When I go to create the function, my module isnt showing up. Do I need to share the custom moldule with my developer console or something of the like?
                                • Chart with Filtered Data vs Unfiltered Data

                                  I am looking to create a chart view that displays the full data set vs a subset of the data filtered by user filter. However I do not seem to find any method by which to exclude a plot from the applied filter or any other method by which to display the
                                • Storage addon failed to upgrade

                                  Hi, I am trying to purchase addon storage, but i am getting upgrade failed error Sorry! We are unable to process your information. Please try again after some time. If the problem occurs again, please visit our Contact Us page to reach out to the appropriate
                                • Meetups Gratuitos Junio 2024 - Profundiza en las funcionalidades de tu Zoho CRM

                                  Este junio, aprende a sacar el máximo provecho de tu Zoho CRM en la segunda edición de los Zoho Meetups 2024. Los días 18 a 21 de junio, Zoho organiza los Meetups gratuitos para usuarios de Zoho CRM en Valencia, Barcelona, Madrid y Sevilla, donde expertos
                                • How to get the Dashboard page to be the first page when you open the app

                                  So when it opens on a tablet or phone it opens on the welcome page, thanks.
                                • Integration between Zoho CRM and Zoho WorkDrive

                                  I'd like to search Zoho for an invoice I've added as an attachment (pdf) to an account. The name of the invoice is 1388-advertiserx-July.pdf - but I can't find it using the search function for any of these terms: 1388 1388-advertiserx 1388-advertiserx-July.pdf
                                • Next Page