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?
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.
"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.
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.
The following are some guidelines that could help you craft a impressive CTA.
- Evoke emotions: Use words that resonate with possible benefits clients can gain from your service - Confidence, Health, Happiness, etc.
- 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.
- Background Images
- Logo
Let's start with Background Images.
The following themes support 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.
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.
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,
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.
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,
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:
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:
- Background Color
- Text Color
- Button color
- 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,
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).
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.
- Accountants
- Beauty Industry
- Business Consultants
- Car Care
- Child Care Industry
- Classrooms and Labs
- Cleaning Services
- Community Facilities
- Co-working spaces
- Customer Success
- Decorators
- Dental Industry
- Digital Marketing Agencies
- Education Industry
- Fitness Industry
- General Clinics
- Handy Persons
- Law Firms
- Logistics Industry
- Makeup Artists
- Marketing Industry
- Massage Parlors
- Meeting Rooms
- Motel Industry
- Non-Profit Organizations
- Personal Trainers
- Photography Industry
- Professional Consultation
- Professional Studios
- Property Management
- Psychiatrists
- SaaS
- Salesperson
- Spa Salons
- Sports Industry
- Wedding Industry
- 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.
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.
Access your files securely from anywhere
Zoho Developer Community
New to Zoho LandingPage?
Zoho LandingPage Resources
New to Zoho Survey?
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Bigin?
New to Zoho TeamInbox?
Zoho TeamInbox Resources
Zoho DataPrep Resources
Zoho CRM Plus Resources
Zoho Books Resources
Zoho Subscriptions Resources
Zoho Projects Resources
Zoho Sprints Resources
Qntrl Resources
Zoho Creator Resources
Zoho CRM Resources
Design. Discuss. Deliver.
Zoho Show Resources
Get Started. Write Away!
Writer is a powerful online word processor, designed for collaborative work.
Zoho CRM コンテンツ
-
オンラインヘルプ
-
Webセミナー
-
機能活用動画
-
よくある質問
-
Ebook
-
-
Zoho Campaigns
- Zoho サービスのWebセミナー
その他のサービス コンテンツ
Nederlandse Hulpbronnen
ご検討中の方
Recent Topics
Lookup field - Can I avoid using advanced search?
I have a lookup field in my app that has surpassed 500,000 records, now basic search is disabled and I'm forced to use advanced search. That adds multiple steps to what used to be very simple. Before: Select field > Type last digits of product code andInvalid Value Type Error Conditional Formatting
Hello, I'd like to use conditional formatting on a table using Classic conditional formatting for Cell Value, but when I attempt to apply the formatting, I get the error "Invalid Value Type: Value must be of type number". The error is being produced becauseSimplify Zoho API integration with Deluge’s invokeAPI task
Hello all! Happy New Year! As we kick off 2025, we’re excited to share some of the latest updates to enhance your Deluge experience. While Deluge already offered robust API integration capabilities, we’ve taken it to the next level with the introductionAutomation #6 - Prevent Re-opening of Closed Tickets
This is a monthly series where we pick some common use cases that have been either discussed or most asked about in our community and explain how they can be achieved using one of the automation capabilities in Zoho Desk. Typically when a customer submitsReporting tags
Hi, I suggest to improve the integration with Books, adding the faculty to especify a reporting tag from payment pages. Thanks!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 / letterSEO Support for Jobs
I know Zoho recruit has some very basic metadata settings at the job board level which is not really helpful. We are wanting to utilise SEO and other Google features (like Google Jobs) which require the ability to add structured data to each job postingWorkdrive Oauth2 Token Isn't Refreshing
I have set up oauth for a bunch of zoho apis and have never had a problem with oauth. With workdrive i am using the exact same template i usually use for the other zoho apps and it is not working. All requests will work for the first hour then stops soCreate deal from estimate
Hello, I have integrated CRM and books. I created an estimate on CRM but I would like to allocate that estimate to a deal with the contact. How can I do this please?Selecting Multiple Transactions
Is there a way to select multiple transactions when in a bank account and batch categorize them?Email client fails to connect to IMAP & POP EU Servers for ALL users
For the last couple of days, all users on my account are failing to connect to the Zoho EU mails servers. This is using mobile app on various phones & desktop mail clients on different computers. Everything works fine when using webmail & email is stillEmail Notification to WordPress Blog Subscribers
You know when a new WordPress blog is published, your subscribers will be notified via email with a link to that blog? Jetpack does it but I'm hoping to get away from it or any other specialized WordPress plugin (like MailPoet), and instead, use a dedicatedDomain verification is in progress... (How long do I need to wait?)
Trying to setup my first email domain by connecting with GoDaddy. Have been here for quite some time and the screen is not changing. How long should this take?Send DataSend DataSe detectó una actividad inusual para esta IP. Inténtelo de nuevo más tarde.
Recibo el siguiente mensaje al intentar agregar una nueva cuenta de correo electronico a mi dominio @grupomgglobal.com Necesito una respuesta urgente a este asunto ya que he tenido varios inconvenientes con mi el servidor de correo. Si sigo asi creo queOops! Something went wrong. Try again later When trying to send email
Hi, This error is appearing everytime i am trying to send an email. Oops! Something went wrong. Try again later Please help.Stock Count - Extracting Data
Hi, I really like the new stock counting functionality however I can't find any way to extract the stock count results. -The build in stock count report is limited and has no export option - There is no export options from within the stock count screensSearch Option not working
My search option is not working properly. I type in what I'm searching for, and it says not results found. How to I get this issue resolved?Missing users in CRM workflow notification and "share with zoho cliq"
Hi, I'm creating a workflow that should send a notification to a Zoho Cliq user when a Lead with specific lead source enters the CRM. The problem is that not all users are showing up in the select menu, when I choose "Notify to Zoho Cliq - Users". AsMy email client shows no emails anymore
I let my account expire due to old payment method. I repurchased it I turned back on IMAP Then all my emails disapeared. Everything is fine in the webview and and zoho mail appQuestion about on User input workflows
In my app I have a field for device IMEI which should trigger a check on an external API through an invokeUrl. But it seems the workflow will only run after the user has moved the focus away from the field by clicking somewhere else. However, if the userChange eMail Template for Event-Invitations
Hello ZOHO-CRM Team How I can change the eMail Template for Event-Invitations? I work with the German Version of the Free Version. I know how I can modify eMail alerts or Signature Templates, but where I can other eMails modify you send out? Thank you for your answer. Regards, JuergWorkaround for Backstage's non-compliant cookie banner
Hi Does anyone has a workaround for the cookie banner Backstage uses when you publish an event? Currently there is no "Decline All Cookies" button, only "Accept All" and "Customise". Which means it is not compliant with data protection requirements, asCreating a code for Task to event creation
I am looking to automate an event creation to do the following: When a task is created for a user, create an event at 530PM simply called TASKS. This will serve as a reminder that we have at least one task that needs to be addressed. We miss the taskConnecting Zoho Inventory to ShipStation
we are looking for someone to help connect via API shipStation with Zoho inventory. Any ideas? Thanks. UriAuto CC - Moving Departments
We have Auto CC e-mail replies to your support mailbox enabled. We have two departments: Helpdesk (helpdesk@domain.com) Delivery (delivery@domain.com) If we create a Helpdesk ticket, and reply, replies are CC'd to helpdesk@domain.com (OK) We then moveNot getting copy of emails sent from Zoho CRM in my email sent box
Where is the setting to make sure I receive a copy of an email I sent to a contact in the CRM in my email SENT folder? (I use gmail) ThanksCustom image for each contact using merge tag
Hi, I'm wondering if it's possible to set up an email campaign to display a different image for each contact using a custom field for the image url. I tried inserting custom html: <img src='$[UD:APP_IMAGE_URL||]$'/> but the editor seemed to reject this and did not actually add anything to the email template. Has anyone got any ideas? cheers, JeremyCASE Module - email function
HI there, I dont know if this has been asked or answered before as i couldnt find it on the forums. Issue: when a new case is raised, it goes under case tab and everything is captured. Then how do i send emails to the client who raised case with the detailsUse of External Email Services
Would like the ability to use an external SMTP service to send emails campaigns in Marketing Automation. Services like SendGrid, Maligun Amazon SES, etcRequiring Proxy
We are trying to get support from a company that uses Zoho assist. When we download the helper it is questing that we put in a proxy. What info do we need for the proxy / or to not need a proxy? I have tried a hot spot and allowing the program throughTransfer contact to a lead.
Is there a way to transfer a contact from CRM to a lead without having to re enter everything.Can I add social media icons / widgets to my email template in Zoho CRM?
I know there are more features in Zoho Campaigns (vs Zoho CRM) when creating an email campaign/template. For instance you can easily add social media widgets. But is there a way to add social media widgets when creating an email template in Zoho CRM? I created a single image in Photoshop of the social media icons I want to include. But if I were to add them in my template using the "IMAGE" component, I will only be able to include one hyperlink (as it is a single image); I cannot hyperlink them individually.Moving contacts from one folder to different folder
I set up two folders. Uploaded CSVs and build my fields according to what I needed. My boss wanted more fields and changed the categories wants different fields added and contacts in one folder moved to the other due to reclassification. How can I doFilter report using dynamic filter using function not working
Hi - I am trying to dynamically filter a report as follows: when I save the filter it looks like this: However when I run the report it is not returning results as I expect. I have tested the function. If I copy and paste the output of the function andAll notes disappeared
I've been using the notebook app for over five years on my phone without being logged into an account. A few days ago I opened the app and all my notes had disappeared. Since then I tried restarting my phone, updating the app and logging into my account,Best email set up
Hi! We are a non-profit and just recently gained Zoho as our email host. We have 10 email addresses available and 10 positions that need those email addresses. Every 3 years (or less) the people holding these positions change and the necessity comes whenI can't receive emails
I can't receive emails but I can send them, there is nothing clear to do if this happens so that's why I'm asking for helpunable to verify mx configuration
hey I have added mx configuration as per the instructions in the respective domain, yet I am unable to verify that.This domain is not allowed to add. Please contact support-as@zohocorp.com for further details
I am trying to setup the free version of Zoho Mail. When I tried to add my domain, theselfreunion.com I got the error message that is the subject of this Topic. I've read your other community forum topics, and this is NOT a free domain. So what is theCreate custom rollup summary fields in Zoho CRM
Hello everyone, In Zoho CRM, rollup summary fields have been essential tools for summarizing data across related records and enabling users to gain quick insights without having to jump across modules. Previously, only predefined summary functions wereNext Page