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

    • 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

    • Zoho Bookings outage on 30th June in the US data center

      Dear customers, While we profusely thank you for your patience when we were busy identifying the issue that caused the outage in our US data center, we sincerely apologize for the trouble it has caused you. It was unfortunate but the events that triggered

    • Recent Topics

    • Merge invoices

      This has come up three times in a month of me using the system. a client whom i do work for on a regular bases asked me to invoice separate jobs on a single invoice. I would then go and cancel the old invoices and make a new one. It would be great if i could just select the invoices and click merge to create a single invoice.

    • Pipeline stages for product-led growth (PLG) subscription services

      (Estagios de pipeline com foco em serviço digital por assinatura (PLG)) Dear colleagues, I am writing to request assistance with a significant challenge I am currently facing. I manage a digital service that operates on a subscription-based model. I am

    • Multiselect lookup in subform

      It would be SO SO useful if subforms could support a multiselect look up field! Is this in the works??

    • Zoho CRM for Email ( Microsoft add on app) Feb 25, 2025

      We are currently experiencing issues with Zoho CRM for Outlook despite updating the Microsoft add on app and Zoho software to the latest versions. When working in Outlook on our Macs and PC's and 365 on the web, when we try to link an email in Outlook

    • Sheet View for Reports

      We often need to filter our contacts in a way that is too complex for Custom Filters (which now allows filtering by Related Modules - amazing! - but doesn't allow for an *OR* relationship between the multiple filters) or Custom View (which does not yet

    • Feature enhancement: Highlight rows based on a cell value

      Hello Sheet users, We're excited to announce a new feature enhacement, shaped directly by your valuable feedback! As you might know, conditional formatting is a great tool for anyone dealing with large data sets. Previously, if you’ve ever wanted to draw

    • Urgent: Unable to Receive OTP Email for Portal User Registration in Zoho Creator

      I paid to enable the Portal User feature on 2/25, and followed the official instructions (Youtube video: Customer Portals | Zoho Creator) to set up the Portal User using my Gmail account. However, I am not receiving the OTP email and am unable to successfully

    • Zoho not receiving verification email.

      I developed a website registration page and need to send verification email. I am using sendinblue for sending out the verification emails. Somehow, the mail is not being received by the Zoho users. Gmail, outlook, yahoo domains works fine but when I try to send the mail to my Zoho account I am not able to receive the mail. Can you please let me know what might be the issue?

    • Restore deleted spreadsheet

      Hi all, I can not find my spreadsheet. It seems that my spreadsheet is deleted. Please, restore the spreadsheet. Thanks in advance

    • Lookup fields can't be used for anything important

      Hi It seems the lookup fields are mostly.... informative, you can at most link stuff between modules... You can't use lookup fields in blueprints, you can't use them in layout rules or anything... It that correct?

    • Function to check frequency of customer ordering patterns

      Hi, I'm no coder, so I thought I could make use of Chat GPT to generate some Deluge script to create a function that would check order frequency of our customers so that I could send an email if they go beyond their usual order pattern. Chat GPT and Claude

    • Better Control over Team Ordering and Display

      Two feature requests for Zoho Desk team drop downs: The ability to change the order of teams, currently it's not in alphabetical order, which is confusing. I'm thinking a manual ordering via number or drag and drop, alphabetical order, and creation order

    • Clear specific tag or tags from all leads

      I'm looking for a way to clear a specific tag from all Leads. I have a function when a tag is added to a lead they are added to a campaign and their status is set to "invited". I need to find a method to remove the tag. If I try to delete the tag to clear

    • Cisco Webex Calling Intergration

      Hi Guys, Our organisation is looking at a move from Salesforce to Zoho. We have found there is no support for Cisco Webex Calling however? Is there a way to enable this or are there any apps which can provide this? Thanks!

    • Has Anyone Else Built a State Machine into a Function?

      I'm in the process of building a state machine for lead lifecycle management within Zoho CRM, and I'm curious if anyone else has tried integrating a state machine into their Deluge functions, especially considering Zoho’s 12-function cap. I’ve managed

    • Is there a way for a custom function to trigger a custom made email alert?

      Hi Zoho Team, We have currently maxed out our 30 workflows in one of our department and we are trying to find ways to make it more efficient. We usually use our workflows to send automated email notifications per team leader for approval of tickets. Is

    • Unified WhatsApp Number Management in Zoho Desk and SalesIQ

      Dear Zoho Desk Support Team, We are currently utilizing both Zoho Desk and Zoho SalesIQ for our customer support operations. While both platforms offer WhatsApp integration, we are facing challenges due to the requirement of separate WhatsApp numbers

    • Multi User Lookup field on the Zoho CRM iOS app.

      Hello all!   Hope you are all safe and sound.   We have now brought in support for the Multi User Lookup field on the Zoho CRM mobile app. Below are the enhancements that are supported in this update:   * Multi User Lookup field can be added through the

    • Help with Deluge Script in Zoho SalesIQ (Input Variables Always Null)

      Hi everyone, I’m working on a Deluge script for Zoho SalesIQ, specifically for a block in Zobot. The script is supposed to: Check the visitor’s name when they start a chat. If the name is empty, return false; if a name is present, return true. However,

    • Item/service subtotal

      Just discovered & really pleased that we can drag to re-order the line items in Sales orders & Invoices, a very nice feature which doesn't seem to be documented? It would be nice to be able to insert a subtotal as a line item to complete this great feature

    • Hide/Show Certain Fields When Creating/Editing Invoices, Estimates, Etc.

      Hello there, I would like the ability to hide or show certain fields for different employees/roles in my company when they are creating or editing invoices, estimates, etc.. Most of the time, we don't use half of the fields shown on the create/edit invoice

    • Is there a way to make an account inactive in ZoHo Desk

      We have a few Clients "Accounts" that we no longer do business with. It would be beneficial for them to not show up in lists. However, we want to go back and view tickets, time, etc.

    • Any way to Associate a Recurring Invoice with Deal/Potential in Zoho CRM

      When we create an Invoice in Zoho Books, we have the option to associate that invoice with a Potential/Deal that is tied to that same customer. Can we do the same thing with Recurring Invoices? When creating a Recurring Invoice, I want to be able to Associate

    • SSO/SAML

      Question - how are you guys handling SSO for Desk?  It seems the only options lead back to ADFS which is a dying technology, stupidly complicated to set up and configure (I mean, you can put that on your resume) and seems like overkill for SSO when AAD does it so much better and effortlessly.  We want to have our clients have SSO to log into our support portal and we want our Agents to have SSO as well. I shouldn't have to expose our server, turn on ADFS, configure it, install multiple clients (Sync

    • Are downloadable product available in Zoho Commerce

      Hi all. We're considering switching to Zoho Commerce for our shop, but we sell software and remote services. Is there a features for downloadable products? I can't find any information about this. Thank you very much Alice

    • Ask the Experts 17: Elevate Customer Communication With Multichannel & Instant Messaging

      Hello Everyone, Get ready for the opportunity to interact with Zoho Desk specialists! This month, we’re diving into Multichannel Operations, helping you manage customer interactions across various platforms seamlessly. Why Join? Customers reach out through

    • ZOHO DESK

      I use Outlook Exchange to receive emails and want to forward them to Zoho Desk for better management. Additionally, I want to reply to emails in Zoho Desk and have them sent to customers via Outlook Exchange, but I don’t know how to configure it.

    • Automating Custom Web Link Messages to Customers via Instant Messaging in Zoho Desk

      Hello, I am looking for assistance with Zoho Desk's Instant Messaging feature. Is there a way to automate the sending of a custom web link to customers every day at 6:30 PM? Any guidance or suggestions on how to achieve this would be greatly appreciated.

    • Exciting Update: Multi WhatsApp Business Account (WABA) Support Now Available in SalesIQ!

      We’re pleased to share an important update that will enhance the way you manage your WhatsApp Business accounts (WABAs) within SalesIQ. With the launch of Multi WABA support, you can now connect and manage multiple brands more effectively, each under

    • An error occurred while uploading the attachment.

      From the image below, attaching files is not possible via the website but is supported through the Mobile App.

    • One time offer in Zoho Campaigns

      Hello! I have an idea to improve my sales. I would like to make a "one time offer" in Zoho Campaigns with a clock that will count down the bid validity period.  Is it possible? Regards.

    • How to Initiate WhatsApp Message on SalesIQ?

      I've just activated a Business WhatsApp phone number through SalesIQ because of its touted omnichannel chat approach. Sounds exciting. I understand that when a customer sends me a WA message, I can reply to it on SalesIQ and keep the chat going, perfect.

    • Multiple self client instances

      there a couple of details that deserve clarification / improvement in Zoho's OAuth 2: 1. for building true server apps - cloud to cloud REST - one has to choose Self Client when creating a new instance in API Console; Server-based Appplications is slightly

    • Workdrive 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 so

    • Zoho Desk - Delete an email conversation

      When using Zoho support desk I see an option to delete and edit conversations that are comments, BUT if the conversation was automatically added as a conversation from an email, then the option to delete it seems not to be available. Is there a way to

    • Organizational Emails Send through Email Relay Server

      Hello, It would be great if the the Organizational Emails could send through the Email Relay Server as well. I often need to send email as someone else and since we use the GMail API option I have to use the organizational emails to do this.  We use Postmark for our Email Relay Server to increase deliver-ability which is something that we have had issues with when sending everything through Zohos servers. Also with postmark there is no need for each organizational email to have its own credentials

    • Emoji support in workdrive

      Hello, We are using emojis in our filenames and folder to help visually find relevant data. Currently Workdrive is stripping out emojis and the rest of the filename (along with the suffix), making the file unreadable when they are synchronized with desktop.

    • What is a 'user' in Zoho Surveys, and can I have multiple Offline Kiosks running?

      Is a 'user' the amount of people that can make and edit surveys on the website? I basically just want to know if I am able to have multiple Offline Kiosks running on multiple devices at the same time. Either on the Basic or Plus plan which both have 1

    • Fundation / Non profit : Could you help ?

      Hi, We're about to handle a Medical research fundation, non profitable structure, what kind of prices could we hope from you ? Could you help us ? We would need Survey, automated campaign and ZIA Thanks in advance

    • Can´t copy fields

      Hi Im trying to copy the information from a registry in a module to a new one in another module, the following code works, the thing is, it does'nt copy the rest of information in the new registry, i'm learning Deluge in an autonomy way so, i don't now

    • Next Page