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 Campaigns 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
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: CallWhat 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 justImportant 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 domainsCustom 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 theMeetups 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 expertosHow 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.pdfTip #17: How to mandate partial payment for your appointments
When you require partial payments during the booking process, customers can only schedule with you after paying a certain amount in advance. This deposit acts as a commitment between both parties. Apart from that, it has many more advantages. BenefitsWhy option for 'include form submission in the body of the email' check box is missing
Hi In all our forms we have configured an <Email Notification> (<Rules> <Form Rules>) In some forms, there is an option to <include form submission in the body of the email> in the <Additional Options> section, however, this option is not available inMozilla Vault extension will not Unlock even once.
I have been using the Vault extension in Chrome based browsers for years, yet after installing the Mozilla Extension in Firefox, it will not unlock. Initially it did redirect me to log into my account, and then enter the master password. However, it didUnable to Download CRM Contact Data: WorkDrive Integration Issues
## Problem Description We need to let users download contact information from CRM as CSV files to their local computers. Since we couldn't implement a direct download option, we're trying to use WorkDrive as a workaround - but we're encountering issuesSort mail by name and subject
I don't see sort function on columns FROM and Subject. I see only sort functio by date. Could add it ?Zoho Creator monthly roundup - September 2024
Hello all, We're back with an exciting set of new features and enhancements that will elevate your Creator experience even further. In case you missed it, we’ve recently revamped our Product Roadmap page, now with a refreshed design and showcasing allKiosk Studio Session #1: View paid customers in the same industry
Update | 15 Oct 2024: Session #2 is now available here! Hello everyone! We're excited to launch our new series of posts on Kiosk Studio today. Called Kiosk Studio Sessions , these posts will be packed with actionable ideas to help you get the most outIssues hosting Zoho Desk Web Form on SharePoint and/or Power BI
Zoho Desk onboarding support has no experience with embedding their web form in either SharePoint or Power BI. Microsoft states that SharePoint and Power BI only support iframe HTML. And unfortunately, the web form embed code that Zoho generates is not"Send with Zoho Sign" broken
Our company uses hyphens in our file name conventions. Our users have been sending the files from other modules with the "Send with Zoho Sign" shortcut in the upper right buttons. Since around June 10, 2024, this stopped working. Our users can send theNot able to change colors help center
Hi. How can I change the orange color in the help center? You can change everything besides this font color And how can I remove the part on the bottom?Transform Numeric Values using st, nd, rd, th or Convert Numerals to Ordinal Form - Deluge
Please Use this sample Code This_Day_Date = zoho.currentdate.toString("dd"); value1 = "th"; if(This_Day_Date.right(1) ="1" && This_Day_Date != "11") { This_Day_Date = This_Day_Date+" "+"st"; } else if ( This_Day_Date.right(1) = "2" && This_Day_Date !=Kaizen #166 - Handling Query Variables in Zoho CRM
Hello, Code Enthusiasts! Welcome to another week of Kaizen! This week, we'll dive into handling variables in Zoho CRM Queries and see how they can be deployed in Kiosk to dynamically retrieve data. This technique is especially useful for integrating dataAutomate User Invitations on Zoho Desk with API
Automate User Invitations on Zoho Desk with API Hello Team, We are excited to announce that you can now automatically invite users to the Zoho Desk portal using the API! ### How It Works For example, when a contact is created in Zoho Desk and you enableIs there a way to add clients who don't have organisation in Zoho Books/Payroll/Expense ?
The Zoho Practice software is only allowing a total of 15 such clients who are not organisations in Zoho Books/Payroll/Expense. i.e. 5 organisation in each of the software by creating a new organization for them and adding the accountant as the adminEmail with attachments saving attachments into Zoho CRM from Zoho Mail
Hi, I get a lot of emails from prospective clients asking if we would bid their project. Those projects usually have many documents associated with them that I link to. I would like to have those documents be saved as an attachment in my Potential or Contact or Account. I don't see a way to do that that isn't multi-step. As of now I do the following: 1.) Open email 2.) If email sender isn't in my Zoho CRM database I enter them creating a Potential 3.) I download the attachment and save it to a differentFixed assets recording
Hello there, I recorded a bill for a vendor contain (Computer) so the PC is a fixed assets, do I need to do a manual journal to include this PC under the fixed assets category (furniture & equipment)? If yes, please take me through the manual journalMulti-Select lookup field has reached its maximum??
Hi there, I want to create a multi-select lookup field in a module but I can't select the model I want the relationship to be with from the list. From the help page on this I see that you can only create a max of 2 relationships per module? Is that true?Zoho Sheet-Pulling in Data
I have a module where we track POs, Bills etc (its easier for us this way). In this PO Module, we have a task related to a Job/Deal and various fields for costs. A Supplier on a Job might have several POs in this module for the job. I want to generateCan't get ZFS file ID of a field via specific module record
I have a `fileupload` field on a custom module that I need to replace the file for but I don't know how to get the ZFS ID from the module record. # Getting the current fileupload GET https://www.zohoapis.eu/crm/v7/<MODULE>/<ID> # Response { data: [{ //Contemplating moving my site from WordPress to Zoho Sites
Hi Everyone, We currently find ourselves in a situation where we ant to review and update our current sites content. We are small business owners, not developers. We currently use a wide range of Zoho products. We sometimes think about the possibility of either moving or just starting from scratch on Zoho Sites. I would like to know if anyone has done this and of course the things that need to be considered. We have spent quite a bit of time getting our current site positioned organically and I guessMultiple Salesperson against an invoice
Hello, Against a particular invoice, we have multiple sales people working. The reason we combine the invoice is becuase we are an exporter and often consolidate cargo for our customer to save them freight costs. How do I capture the contribution of eachAllow a brand to connect multiple facebook pages at the same time
Our company have multiple facebook pages to represent, every branch, right now we can only link one facebook page, so we can only recive messages from one branch. It would be nice to be able to connect all pages.5名限定 課題解決型ワークショップイベント Zoho ワークアウト開催のお知らせ （12/19）
ユーザーの皆さま、こんにちは。Zoho ユーザーコミュニティチームの藤澤です。 12月開催のZoho ワークアウトについてお知らせします。 ※定員に達したため、受付を終了しました。 ━━━━━━━━━━━━━━━━━━━━━━━━ Zoho ワークアウトとは？ Zoho ユーザー同士で交流しながら、サービスに関する疑問や不明点の解消を目的とした「Zoho ワークアウト」を開催します。 Zoho サービスで完了させたい設定やカスタマイズ、環境の整備など……各自で決めた目標達成に向け、 他の参加者と同じ空間で作業を行うイベントです。先輩ユーザーや他の参加者と意見交換をしながら集中して作業に取り組むことが可能です。Whatsapp reply not reflected under Tickets for offline agent
Hi, We are encountering a situation where WA response from customer is not reflected under tickets (if the agent handling the case previously is not active due to off day/ MC). The ticket will remain in the offline agent's queue until agent is back toMissing Folders on iPhone Zoho Mail
Under mailboxes on my iPhone, I don't have an inbox, sent folder, deleted photo, etc. See pics.Select CRM Custom Module in Zoho Creator
I have a custom module added in Zoho CRM that I would like to link in Zoho creator. When I add the Zoho CRM field it does not show the new module. Is this possible? Do i need to change something in CRM to make it accesible in Creator?Send Whatsapp with API including custom placeholders
Is is possible to initiate a session on whatsapp IM channel with a template that includes params (placeholders) that are passed on the API call? This is very usefull to send a Utility message for a transactional notification including an order numberIncrease Round Robin Scheduler Frequency in Zoho Desk
Dear Zoho Desk Team, We hope this message finds you well. We would like to request an enhancement to the Round Robin Scheduler in Zoho Desk to better address ticket assignment efficiency. Current Behavior At present, the Round Robin Scheduler operatesSeparate One-Time Mentions from Ongoing Ticket Following in Zoho Desk
Dear Zoho Desk Support Team, We are writing to request an enhancement to the mention functionality within Zoho Desk. Currently, when an agent is mentioned in a ticket, they receive notifications for all subsequent activity on that ticket, similar to beingMass update Accounts in Zoho Desk
We used the integration feature to bring in all of our accounts from Zoho CRM. While all of the names and links are in place, on the Zoho Desk side the email, phone, website, and address fields are blank. By going into each account I can select "UpdateNext Page