A Simple Guide to Designing Your Appointment Scheduling Website on Zoho Bookings

A Simple Guide to Designing Your Appointment Scheduling Website on Zoho Bookings

Hey everyone!

My name is Akarsh, an intern at Zoho and I hope that you are safe and sound during these testing times. I will regularly be posting about booking pages in this community page and I am looking forward to helping you out in creating some great booking pages that you can use to showcase your business. If you have any doubts or clarifications regarding this guide, feel free to comment below. So, let us get started!

If you are interested in reading more articles like these, click here.

Why do you need a good-looking scheduling website?



Your appointment scheduling page is a critical part of your organisation’s image. Most studies have shown that a great online experience instils a sense of trustworthiness and confidence in your customer’s decision of doing business with you. Hence, it is crucial that you offer a good-looking and convenient appointment booking experience to your clientele so that you can have more people wanting to do business with you from initial impressions alone. In this guide, we are going to show you how to do so effectively with minimal time and effort. So, put on your creative hats and let us begin!


Imagining your appointment scheduling page

When you started thinking about your appointment scheduling page, how did you imagine it in your mind? Getting at least a vague image of what your result should be the first step that you are going to take. If you have seen a appointment scheduling page anywhere in the past that impressed you, you may draw references to it while imagining your own page. In case you are finding it hard to do so, try looking around the internet to get inspiration from what others have done. Check out other appointment scheduling websites, landing pages, websites and other sources that give you some clarity and inspiration on what direction you should be heading in when you are designing your scheduling page. Try to carefully analyze the elements in these websites to look for signature characteristics that are used extensively in your industry. For example, you are far more likely to see colors like sky blue and grass green in the spa industry as compared to colors like black and red because the former ones are far more peaceful and calmer to human eyes. Once you have an idea on how your page should look like, from hereon, everything that you read should help you lead to that as a result.


Picking the right tool for the job

For this guide, we are going to use just the on-board customization options for designing the appointment scheduling page. This way, we can keep the whole process simple and quick with minimal effort. The customization options that are present in Zoho Bookings can transform the look of your appointment scheduling page if done right.
Now, where are these customization options that we are talking about? If you are on the home page of Zoho Bookings, navigate to the workspace settings page by clicking on the gear icon on the top right corner that says Manage Business. Click on the Workspaces option on the left pane after which, you should click on the workspace for which you want to design the appointment scheduling page. Scroll to the bottom of all options that are available and click on the Booking Page Settings to get started on our process.



On the right half of the page, you will see that the options given are divided into two sections: Header Options and Footer Options. Like the names infer, you will be able to edit the elements that are present in the header and footer of your appointment scheduling page. Here is what each of them mean:

Header Elements: Logo - This is the top left corner of the page where your company logo goes. Ensure that you upload a PNG version of your logo in which the background is transparent. This gives a professional look to the logo on your page.
Header Elements: Title - The text right next to the company logo is the title which can be edited to say either your company name or any other text of your liking.
Footer Elements: Contact Number – The contact number that you need your customers can use to contact you goes here, on the page footer.
Footer Elements: Email Address – Same as the contact number, give your email address to through which your customers can reach out to you.
Footer Elements: Facebook – Your Facebook tag goes in here. Your tag comes in after https://www.facebook.com/ on your Facebook URL.
Footer Elements: Twitter – Likewise with Twitter. Your tag comes in after https://twitter.com/ on your Twitter URL.
Footer Elements: Instagram – Just like Facebook and Twitter. Your tag comes in after https://twitter.com/ on your Instagram URL.
Let us go over the Booking Page Themes next.



You have 4 options to pick a theme for your page. The Default and Modern Web templates let you customize further than just picking the style from the theme with options to change the color scheme, which we will go over in a short while. The Classic and Fresh themes do not offer any options to customize their color schemes and are perfect for those who just want a simple theme for their appointment scheduling page without having to spend too much time tweaking it.
Like we had mentioned earlier, the Default and Modern Web offer customizability in terms of the color schemes that they can portray. While the Default option offers you 10 pre-set colors on your header that you can try, the Modern Web allows you to pick any color from 16 million colours to be set on the text, buttons and background according to your liking. In this way, the Modern Web is what we would recommend as it offers more granular controls over your appointment scheduling page theme when compared to the other options.
Under the color options in Modern Web you will be able to see 11 pre-set color schemes that you can check out on your appointment scheduling page. Try out the ones which you think may suit your appointment scheduling page well. If you need to apply something that is not offered in the pre-set schemes, click on the custom scheme at the very end (the one that looks like part of a rainbow in a box) to customize every part to your liking. It even offers a numerical hex value input so that you can precisely get the color that you need.
After that, you will see the Banner options where you can edit the Title, Description, Button Text and the Background Image that goes into your appointment scheduling page.



Custom Colors offer complete control over what you need in terms of the colors of your page.


Getting your resources that you need

For this specific guide, you will just need a place from where you can get your background image. If you have an image already that you want, go ahead and skip to the next part of the guide. If not, there are several websites on the internet where you will be able to purchase an image or get free royalty-free images. Please do note that sites that offer royalty-free images may not give you the same quality or specificity of paid ones. Some of the websites that we offer are:

Paid Sites:

Royalty free sites:
https://www.freepik.com/ (You can get paid ones here as well.)


Creating your background image

In this specific guide, we will not be editing any part of the image as we are going with just the image itself as the background. So, all you need to do is use your own image or go through the website of your preference and download one that you think is the right fit for your appointment scheduling website. Ensure that the image isn’t too cluttered and is visibly pleasing as it can portray a good and positive look to your page. Also, it will be much better if the majority of colors in the image match the color of your logo as it will make the design of your page look seamless and uniform although it is not mandatory to do so.


Picking out your color scheme in Zoho Bookings

For choosing the color scheme of your appointment scheduling page, the first step that you need to take is to observe your background image and your logo and answer the following questions with a color or two:
  1. Which colors stand out the most and catch your attention at first glance, positively?
  2. Which colors compliment your background image and your logo very well?
  3. Which color from them would look the best on buttons and text so that they contrast well with the background?
If you have a color or two that answers these questions for you, then that is probably what you are looking for. Don’t forget that you can always apply a certain combination of colors and try them out on the appointment scheduling page to see if it goes well. Also, ensure that you try all colors that you think may be good because sometimes, the colors that you think aren’t that great may be the best fit for your appointment scheduling page as a whole.
If you have a website for your organization which follows a certain style and color pattern, it may be better just to go with those specific colors and backgrounds that look just like it as it helps put both together as a visually whole and uniform package to your customer. This makes your website and bookings page look like a very professionally done experience.



Note: For every change or edit that you make to your appointment scheduling page, check out the page after doing so by clicking the Go To button at the very end of your workspace options so that you get an idea of how it looks on your appointment scheduling website.


Adding text to your page

Under the Banner section in Booking Page Themes, there are 3 places where you will have to give sentences or phrases on your appointment scheduling page: Title, Description and the Button Text. For the Title and Description, you can get creative and write anything that you think is appropriate and attractive for your business. As for the Button Text, you are pretty much limited to phrases that say that the final button on your appointment scheduling page confirms the details entered by the customer and confirms the booking. Here are some of our suggestions for each field:

Title
  1. Welcome to <your organization name>.
  2. Hi there! Let us get your slot booked with us.
  3. Let us get started with your appointment.
Description
  1. Book an appointment with us today and get started on an amazing experience.
  2. Your journey to an amazing experience starts in just a few clicks.
  3. Please enter the required details and confirm your booking according to your convenience.
Button Text
  1. Book Now
  2. Confirm My Booking
  3. Confirm
Feel free to try out your own suggestions and do not forget to check out your page with the changes done so that you get a feel on how it looks like to your customers.


The last thing to do after everything else

Get feedback! Work on your page until you have done the best you can and try to show it to some people (your colleagues, friends or family) that you are comfortable with seeing what they think of it. Who knows, perhaps they will point out a thing or two that can be improved which might have been missed by you because you were so focused on getting everything else right as well. This happens to the best of us and it is always a wise idea to get opinions from others and incorporate those into your design if you think that they make your page better. Ask for feedback from your customers as well after they start using it so that you can make the page easier for them to use to book appointments with you. If you have followed and implemented most of what we have said in this guide then congrats, you have designed an awesome appointment scheduling website all by yourself! Way to go!

I hope that you have found this guide to be helpful to you. Please share this with anyone who you know will benefit from this guide. Once again, let me know of any questions that you have via the comments sections down below.

Note: Some of features mentioned in this guide are only available on the premium subscription. 

We have more articles on appointment scheduling sites for you! Check some of them out below:

    • Sticky Posts

    • Zoho Bookings know-how: A hands-on workshop series

      Hello! We’re conducting a hands-on workshop series to help simplify appointment scheduling for your business with Zoho Bookings. We’ll be covering various functionalities and showing how you can leverage them for your business across five different sessions.

    • Announcing: custom color palette + free workshop

      Hello everyone, We're excited to share new feature in Zoho Bookings—a color palette within booking page themes. You'll find this option under Manage Bookings > Workspaces > Booking Page Themes. You can customize the color of every element in your booking page and even alter the transparency of your background image. Please note that this is a paid feature included in the Basic and Premium plans. At the moment, it's available only under the Modern Web theme. This means you can create billions (7,

    • Complete walk-through of Zoho Bookings (video)

      Save time for both you and your customers. Use Zoho Bookings, the appointment scheduling app from Zoho, to free yourself from email and paper-based scheduling. Zoho Bookings can give you a common calendar by syncing multiple calendars, including yours and your staff's. Your customers can book a time convenient for them, and pay for services, through your website or the customizable webpage features available in Zoho Bookings. They'll also get emails reminding them about their appointments and any

    • New Features: Service Availability and staff booking page themes!

      Dear All,  Want a dedicated schedule for your one-on-one services? How would it feel to have one-on-one services open for consultations only during certain times? You need a superpower to make that happen and we give it to you - Service Availability is

    • Zoho Bookings has a new pricing - Pay per user

      Dear customers, Businesses around the world use Zoho Bookings. Customers have booked 1.5 million appointments and over 200K online meetings using Bookings. We are only set to cross more milestones, thanks to your support. We are excited to introduce to

      • Recent Topics

      • Clone entire dashboards

        If users want to customize a dashboard that is used by other team members, they can't clone it in order to customize the copy. Instead they have to create the same dashboard again manually from scratch. Suggestion: Let users copy the entire dashboard

      • Introducing Formula Fields for performing dynamic calculations

        Greetings, With the Formula Field, you can generate numerical calculations using provided functions and available fields, enabling you to derive dynamic data. You can utilize mathematical formulas to populate results based on the provided inputs. This

      • Getting started with Zoho PDF Editor

        Hello users, If you are new to Zoho PDF Editor or aren't sure of its full potential, then this article is for you. Zoho PDF Editor is a free online PDF editing tool, that allows you to upload and edit PDFs, insert text and images, add fillable and e-signature

      • Zoho Projects - Cloning a task does not trigger task workflow when created

        Hello! I have a Project where my team uses a set of tasks from a tasklist as templates, so we could simply clone it and drag it to another list in kanban view to avoid creating a new one from scratch. The process works well, but after cloning it the new

      • Purchase Orders not in sequence

        I am unable to sort by Purchase Order Numbers. I can only sort by date; however, the PO numbers aren't in the order they were entered. This was not the case prior to today.

      • Internal Fillable Contract with Zoho Writer (Before Sending to Client)

        Hi everyone, I’m trying to automate the following process in Zoho CRM and would appreciate some guidance. Process: When a Deal moves to a specific stage, CRM triggers an automation. CRM sends a contract template to an internal team member so they can

      • Date/time displayed in ZohoCRM does not match date/time of entries in ZohoForm

        Hello there, we use a ZohoForm as a worksheet, i.e. users use it to track start time, break and stop time for every working day. The ZohoCRM org time zone is set on GM -4, so is the Time Zone in the Date&Time section in ZohoForm (see attachment). Despite

      • Update Existing Records greyed out in Free Version

        Trying to update records from an Excel sheet, and not getting the option to update. Only option is to add as new accounts. All documentation I can see says update should be an option! Accounts, Leads, Contacts, all the same.

      • Dynamically Populate Picklist Values from Another Module Using Client Script

        I am working in Zoho CRM and trying to dynamically populate a picklist field in the Partners module using values stored in another custom module. I have two modules: 1. Partners Module Field: Partner_Type_Pick Field Type: Picklist 2. Partners_Type Module

      • Add zoho calendar to google calendar

        Hi I keep seeing instructions on how to sync Zoho CRM calendar with google calendar but no instructions on how to view Zoho calendar in my google calendar.

      • Zoho Community Digest : Jan 2026 | Part 1

        Hello Everyone! Staying in the loop with Zoho's latest product updates and features across the vast Zoho Community Forums can be a real challenge. We get it. With over 50+ applications, each with its dedicated forum, it's easy to miss out on important

      • World date & time format

        Hello, Is there a timeline to get the worldwide used date and time format ? I mean not the american one... I mean day month year, and 24 hours clock. Regards

      • Nimble enhancements to WhatsApp for Business integration in Zoho CRM: Enjoy context and clarity in business messaging

        Dear Customers, We hope you're well! WhatsApp for business is a renowned business messaging platform that takes your business closer to your customers; it gives your business the power of personalized outreach. Using the WhatsApp for Business integration

      • Conditional layouts - support for multi-select picklists

        Hi, The documentation for conditional layouts says the following: "Layout Rules cannot be used on the following field types: Auto Number Lookup Multi Select Lookup User Lookup Formula File Upload Multi Line" I have a custom module with a multi-pick list

      • Dont want to list inactive items.

        If an item is made inactive, there is no point in showing it in the item list. Please provide an option to hide all inactive items in 'Preferences'. 

      • Actual vs Minimum

        Hi all, I am sure I am not the only one having this need. We are implementing billing on a 30-minute increment, with a minimum of 30 minutes per ticket. My question is, is there a way to create a formula or function to track both the minimum bill vs the

      • Client Script Not Working When Field is Set by Workflow

        Problem Context: I have implemented a client script in the Cases module that automatically assigns commands based on the value of the Priority field. The script functions correctly when the Priority field is manually set by a user through the form. Observed

      • Integration of CRM and Recruit

        hi team, Is it possible to sync deals <> job openings from only 1 pipeline? My configuration of CRM has pipeline for each business unit, so I will have all data in the CRM system. body leasing and recruitment is one BU (hence 1 pipeline) - can I sync

      • {Action Required} Re-authenticate your Google Accounts to Continue Data Sync

        Hello Users! To align with Google’s latest updates on how apps access files in Google Drive, we’ve enhanced our integration to comply with the updated security and privacy standards, ensuring safer and more reliable access to your data. With this update,

      • integrating Zoho CRM vendors with Zoho projects

        In most of our projects we collaborate with our Vendors. Being able to integrate only Accounts and not Vendors from CRM, is a huge limitation for our perspective and needs. We would really love to see this feature in the CRM-Projects integration.

      • Zoho Creator Workshops 2026—Europe & UK | Coming to a city near you!

        Hello everyone! We're excited to announce the Zoho Creator Workshop Series 2026, coming to cities across Europe and the United Kingdom this year! Whether you're looking to explore the intermediate-to-advanced capabilities of Creator or you're a seasoned

      • Validation rule for Date field

        The condition settings for a Date field are are absolutlly usless. Conditions can only be set for a specific date, which is logically ineffective in most cases. When setting a condition for a Date field, users usually need to compare the value relative

      • Number 9 envelopes for invoice printing

        I email and print invoices. Being new to Zoho and coming from QB, we did both as we have a more traditional So in Zoho i want to do the same using Number 9 envelopes. These have both a return window and mail to windoow see attached image. Im just looking for best suggestions on how to get a ZOHO invoice to work, so I can mail my invoices...

      • Zoho Books/Square integration, using 2 Square 'locations' with new Books 'locations'?

        Hello! I saw some old threads about this but wasn't sure if there were any updates. Is there a way to integrate the Square locations feature with the Books locations feature? As in, transactions from separate Books locations go to separate Square locations

      • Open Sans Font in Zoho Books is not Open Sans.

        Font choice in customising PDF Templates is very limited, we cannot upload custom fonts, and to make things worse, the font names are not accurate. I selected Open Sans, and thought the system was bugging, but no, Open Sans is not Open Sans. The real

      • Super Admin Logging in as another User

        How can a Super Admin login as another user. For example, I have a sales rep that is having issues with their Accounts and I want to view their Zoho Account with out having to do a GTM and sharing screens. Moderation Update (8th Aug 2025): We are working

      • Add Reporting feature to display variance/change columns when comparing periods

        When running reports to compare periods (for example, Profit and Loss comparing current year to previous), I would like to be able to display variance columns in both (a) amount or (b) percentage.

      • Payroll and BAS ( Australian tax report format )

        Hello , I am evaluating Zoho Books and I find the interface very intuitive and straight forward. My company is currently using Quickbooks Premier the Australian version. Before we can consider moving the service we would need to have the following addressed : 1.Payroll 2.BAS ( business activity statement ) for tax purposes 3.Some form of local backup and possible export of data to a widely accepted format. Regards Codrin Mitin

      • Invalid scope choice: Workdrive integration in CRM

        Bug: There is an invalid option in the permission choices for Workdrive integration in CRM. If the entry "WorkDrive.teamfolder.CREATE" is selected, it will return a message indicating invalid OAuth scope scope does not exist.

      • What's New - February 2026 | Zoho Backstage

        February 2026 brings a major new addition and a collection of enhancements across Zoho Backstage. We thought about writing a long introduction, but the updates in this release make a strong case on their own. So we’ll skip the buildup and dive straight

      • Attaching files to emails within CRM Deals.

        Hello, We have recently started using the extension "Workdrive for CRM" (Related List) to view/store our documents for each Deal, instead of using Attachments. Overall it feels like a better way to go but the user experience is not so great when it comes

      • Anyone worked out how to export or screengrab a full heatmap?

        I'd love to be able to include a copy of a heatmap in a report but can't work out how to grab the whole thing as there doesn't appear to be an export function? Thanks in advance.

      • Establishing Relationships among contacts/leads with Reciprocal

        Is there any way to create a relationship between contacts and leads and be able to go into just one of the files and have it reciprocate the entry in the other file? For example, if I have two people say John and Jane Smith who are husband and wife.

      • Placeholder for Agent Signature in Email Templates

        Dear Zoho Team, I hope this message finds you well. We currently face a limitation when designing email templates in Zoho Desk. While we can create email templates and include a footer at the end, the agent signature is always appended by default at the

      • Custom View and Custom Fields on Zoho Books

        Hi, I have some custom fields on Estimates and Invoices. I also use Custom Views so I can have a lot of information at a glance. I want to include my custom fields as columns in my custom views of estimates / invoice, but it looks like is not possible.

      • %PaymentLink%

        Does not work. Software creates a BAD link. ....and yes payment options are turned on. Link on the invoice pdf once opened will work but this template is a joke.

      • Syncing calendar with Google Calendar doesn't work when events are sent to auto repeat

        Hi... The ZOHO CRM -- GOOGLE CALENDAR sync is broken. If I create a single event on either side, sync works, but if I create an event with auto repeat on either side it doesn't work. Furthermore, events created before the sync don't show up in the calendar.

      • Allow Global Admin to access/edit all forms without changing owners

        Hi there, Please consider adding a feature where the Global Admin of the account an automatically access/edit any form in the Company Account. I'm the Global Admin on our Zoho One plan, and we have multiple users that use/create forms. But for me to access

      • Can Zoho Marketing Automation send OTP codes via WhatsApp during user registration?

        The flow I would like to implement is: A user signs up in the mobile app and enters their phone number. The system generates a one-time verification code (OTP). The OTP is sent to the user via WhatsApp message. The user enters the code in the app to confirm

      • Where to show Customization Field ?

        Dear Sir, I have made some New Field in Item Field Customisation. Now I don't require that field in Estimate, Sales Orders etc. I just wants that field in Sales Invoice to Show/Hide... Is that possible ?

      • Next Page