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:

    Access your files securely from anywhere


            Zoho Developer Community





                                      • Desk Community Learning Series


                                      • Digest


                                      • Functions


                                      • Meetups


                                      • Kbase


                                      • Resources


                                      • Glossary


                                      • Desk Marketplace


                                      • MVP Corner


                                      • Word of the Day


                                      • Ask the Experts



                                          Zoho Marketing Automation
                                                  • 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


                                                  Manage your brands on social media



                                                        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

                                                                            • CRM Community Learning Series

                                                                              CRM Community Learning Series


                                                                            • Kaizen

                                                                              Kaizen

                                                                            • Functions

                                                                              Functions

                                                                            • Meetups

                                                                              Meetups

                                                                            • Kbase

                                                                              Kbase

                                                                            • Resources

                                                                              Resources

                                                                            • Digest

                                                                              Digest

                                                                            • CRM Marketplace

                                                                              CRM Marketplace

                                                                            • MVP Corner

                                                                              MVP Corner





                                                                                Design. Discuss. Deliver.

                                                                                Create visually engaging stories with Zoho Show.

                                                                                Get Started Now


                                                                                  Zoho Show Resources


                                                                                    Zoho Writer Writer

                                                                                    Get Started. Write Away!

                                                                                    Writer is a powerful online word processor, designed for collaborative work.

                                                                                      Zoho CRM コンテンツ






                                                                                        Nederlandse Hulpbronnen


                                                                                            ご検討中の方





                                                                                                  • Recent Topics

                                                                                                  • Confirmation prompt before a custom button action is triggered

                                                                                                    Have you ever created a custom button and just hoped that you/your users are prompted first to confirm the action? Well, Zoho knows this concept. For example, in blueprint, whenever we want to advance to the next state by clicking the transition, it is
                                                                                                  • New in WorkDrive: WorkDrive Genie, a quick-editing app for desktop (Beta)

                                                                                                    The WorkDrive Genie app lets you open and edit any of your WorkDrive files on the web with your default desktop applications. For example, you can open and edit files such as documents, images, and videos with Microsoft Word, CorelDRAW, and Adobe Premiere
                                                                                                  • 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 the
                                                                                                  • Kaizen #78 : How to disable clone record?

                                                                                                    Hello everyone! Welcome back to another interesting Kaizen post. In this post, let us discuss a workaround solution for the use case - How to disable clone record for a user. Requirement Consider that you want to disable the clone option for the Deals
                                                                                                  • Client Script | Update - Introducing Subform Events and Actions

                                                                                                    Are you making the most of your subforms in Zoho CRM? Do you wish you could automate subform interactions and enhance user experience effortlessly? What if you had Client APIs and events specifically designed for subforms? We are thrilled to introduce
                                                                                                  • Add Serial Number Zoho CRM Subform

                                                                                                    Hi Guys, I need to add Serial Number in Zoho CRM Subform table. In addition of an row we can easily create in Zoho Creator. But in Zoho CRM how we can do that? Any suggestion would be very helpful.
                                                                                                  • Suddenly Can't Send Outgoing Mail (SMTP)

                                                                                                    Suddenly I can't send mail anymore from my phone mail app. I have Zoho OneAuth MFA set up and an app specific password set up. It has been working correctly for a while. Has something changed with your servers or setup for SMTP? No settings have changed
                                                                                                  • Sent emails not going and showing "Processing"

                                                                                                    Hello Team, Could you please assist with sent emails showing "processing" and not actually going through? Many thanks and regards, Cycology
                                                                                                  • Shared Mailbox - Mark as read for all users

                                                                                                    Hi all, Maybe someone can help me out. At the moment we have a shared mailbox without streams. When a users reads an mail or marks it as read other users will not see this. How can we resolve this? We now archive the mails when read and followed up. However
                                                                                                  • Domain 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 Data
                                                                                                  • Multiple workflows based on stage?

                                                                                                    I am trying to have multiple things happen when I close a deal. First, I would like to send a thank you/coupon email to all deals that are closed. Second, I would like to create connected records in a separate pipeline for certain projects that qualify.
                                                                                                  • discount on total amount

                                                                                                    i want to add discount on total value of my purchase order instead of applying line by line.my customer will not accept the discount on line by line.
                                                                                                  • Important update in Zoho Forms: Enhancements for improved email deliverability

                                                                                                    Hello, form builders! We would like to inform you about some changes we're making in Zoho Forms to ensure the deliverability of your outbound emails. Changes to Gmail policies Gmail has updated its DMARC policy which quarantines emails sent with gmail.com
                                                                                                  • payment voucher, receipt printing feature

                                                                                                    Why dont ZOHO add the voucher printing feature in zoho book with authorised signatory and receiver's signature
                                                                                                  • Inventory asset or cost of goods sold ?

                                                                                                    We can only choose inventory asset for items but lots of bills for items are posted with cost of goods sold - is this all balanced correctly or should it be entered differently ?
                                                                                                  • Stock reservation in zoho for upcoming delivery

                                                                                                    Hi, Is there any option available in zoho for reserve item for a upcoming delivery. So that we can avoid the item should duplicated on another order. Means needs to deduct the item from zoho before making invoice.
                                                                                                  • Banking: Transfer from another account without base currency

                                                                                                    Scenario: A banking line item shall be categorised as an "internal transfer" from another bank account. This is a USD to EUR transfer. Our base currency is CHF. What we tried: Category: "Transfer from another account" From: Our USD account To: Our EUR
                                                                                                  • How to search records in integration task in creator?

                                                                                                    How to search using integration task in creator searchString = {"zcrm_account_id:4050082000001001499"}; contactData = zoho.books.getRecords("Contacts","xxxxxx",searchString); I get an error that third argument needs to be string, I tried to convert it
                                                                                                  • Show my cost or profit while creating estimate

                                                                                                    Hi, While creating estimate it becomes very important to know exact profit or purchased price of the products at one side just for our reference so we can decide whether we can offer better disc or not .
                                                                                                  • Outgoing emails to btinternet blocked.

                                                                                                    ERROR_CODE :421, ERROR_CODE :Too many messages (1.5.6.1) from 74.201.84.163I have been having problems sending to btinternet.com and btopenworld.com for the past week.  First 'email delayed' message, and then 'delivery failed', as above. Looks as though someone is spamming from the ZOHO email server 'sender163-mail.zoho.com' Surely this is abuse of your system, and you should be able to trace who it is (if it is a registered user of Zoho mail?) and block their account. An email system is really no
                                                                                                  • single user access to the CRM suits

                                                                                                    I am currently using Zoho CRM Plus, where the pricing for a single user is ₹3,500 INR, and it includes access to multiple applications. However, I would like to add an additional user but restrict their access to only two specific applications within
                                                                                                  • Mixed order: stock item and business purchase

                                                                                                    Hi, I'm just getting started with Inventory, and I haven't been able to find an answer to this. I am a small service business, and am just starting to sell products (in very low numbers). From my vendor, I purchase both items that I will on-sell, which
                                                                                                  • Facebook Professional Account

                                                                                                    Zoho social says there is nothing to be added when I try to add my Facebook and Instagram accounts. Both are Professional profiles. How do I go about adding them? They are not Pages or Groups, they are simply Professional accounts.
                                                                                                  • This user is not allowed to add in Zoho. Please contact support-as@zohocorp.com for further details

                                                                                                    Hello, Just signed up to ZOHO on a friend's recommendation. Got the TXT part (verified my domain), but whenever I try to add ANY user, I get the error: This user is not allowed to add in Zoho. Please contact support-as@zohocorp.com for further details I have emailed as well and writing here as well because when I searched, I saw many people faced the same issue and instead of email, they got a faster response here. My domain is: raisingreaderspk . com Hope this can be resolved.  Thank you
                                                                                                  • How do you apply field validation to a date field?

                                                                                                    We are using Sign for remote e-signature of liability waivers. The signer must enter a date of birth, and if they are a minor their legal guardian must sign for them. However we have had numerous problems with signers returning an invalid date of birth
                                                                                                  • Zoho Forms Submission URL

                                                                                                    Hi Zoho, It would be great to have a URL which can take us to specific form entries. For example: https://forms.zoho.eu/ACCOUNTNAME/report/FORMNAME/records/UNIQUE-REF I currently have a use case where I want to use Zoho Flow to create a module entry in
                                                                                                  • How to disable clone record for a user?

                                                                                                    Hi, I'd like to disable clone records for some of my users in zoho crm. How can I go about doing that? Regards, CRM
                                                                                                  • How to provide recommended KB articles in the welcome message

                                                                                                    I'm new to Zoho and am looking to replicate something I did for a previous employer. I want all newly created tickets to receive an automated welcome message that includes a few recommended articles from our knowledge base. Ideally there would be a way
                                                                                                  • Dynamic integration of ZOHO CRM Data into ZOHO SHOW

                                                                                                    Hello, We are making offering with good design on ZOHO Show. A lot of data in those offerings are filled with Data present in ZOHO CRM (Account name, Name of the deal, Amount of the deal...etc). Thus could we push (in API ?) specific data from those fields
                                                                                                  • Building a form with Categories and multiple sub-categories

                                                                                                    Hello, I am completely new to Zoho and the Deluge programming language. I would like to build an easy way to lookup a set of previous orders from my order tracking sheet. What I have done so far is import my Excel order list into Zoho so it shows all
                                                                                                  • Zoho IP blocked by SpamCop 136.143.188.16

                                                                                                    Hello, I am unble to send any single email during the whole time due to the Zoho IP 136.143.188.16 being blolced by SpamCop.net Please help on this. RROR CODE :550 - spamcop.mimecast.org Blocked - see https://www.spamcop.net/bl.shtml?136.143.188.16. -
                                                                                                  • Can't sign in to Zoho using Google account

                                                                                                    Just checking if anyone else has an issue signing into Zoho with a Google account at the moment? (Have tried Zoho Books in the app on mobile and Chrome and Firefox on Windows 10 - doesn't work for the forums either). Error message appears as attache
                                                                                                  • unable to send message email outgoing blocked 554.5.1.8

                                                                                                    Hi good day to you, After migrating to a new hosting, I cannot send outgoing email, with an error message as below : unable to send message email outgoing blocked 554.5.1.8 Please kindly unblock my account, as I am in a rush to use it to work & communicate
                                                                                                  • Zoho CRM - COQL query failing with no reason

                                                                                                    Hi I'm trying to execute a COQL query but it's returning an error. Unfortunately I cannot understand where I'm wrong The query is the following;: URL: POST https://www.zohoapis.com/crm/v2.1/coql Body: { "select_query": "select id,Adjustment,Billing_City,Billing_Code,Billing_State,Billing_Street,Buyer_PO_Number,Delivery_Date,Delivery_Method,Due_Date,Grand_Total,Invoice_
                                                                                                  • SMTP Authentication error with django backend

                                                                                                    Hello I have e zoho mail id info@mindbrewers.in But when i use it for smtp it gives 535 authentication error in django website . EMAIL_USE_SSL = False EMAIL_USE_TLS = True EMAIL_HOST = "smtp.zoho.com" EMAIL_PORT = 587 EMAIL_HOST_USER = "info@mindbrewers.in"
                                                                                                  • Separate Triggers and Enhanced Information for Zoho One Departments and Groups in Zoho Flow

                                                                                                    Dear Zoho Flow Team, I hope this message finds you well. Currently, there seems to be a mix-up between zoho one departments and groups in Zoho Flow, which causes some challenges in handling triggers effectively. For instance, when using the "User added
                                                                                                  • Zoho Mail Search Engine Sucks

                                                                                                    Hello There! I really like all the features of Zoho Mail and I believe is way better than Gmail except for the Search Function. I believe Zoho Mail has a very poor search function, if you misspelled a word in the search box, Zoho Mail won't display any
                                                                                                  • No recibo correo en en mi bandeja de entrada

                                                                                                    Hola, no puedo recibir correos en mi bandeja, tengo una pagina web y puse el correo en un formulario y cuando meto los datos y los envio no me llegan , pero si pongo otra ya sea gmail, outlook si los recibo, tiene que ver con mis dns?
                                                                                                  • The sending IP (136.143.188.15) is listed on spamrl.com as a source of spam.

                                                                                                    Hi, it just two day when i am using zoho mail for my business domain, today i was sending email and found that message "The sending IP (136.143.188.15) is listed on https://spamrl.com as a source of spam" I hope to know how this will affect the delivery
                                                                                                  • desbloquear cuenta

                                                                                                    Buenos dias  Cordial saludo Tengo una cuenta libre en zoho mail asociado a un dominio, pero uno de los usuarios se bloquea el correo porque dice que ha excedido el límite de correo, por favor podrian desbloquearla y como hago para que esta persona debe enviar sus correos sin ningun probleama. Gracias de antemano
                                                                                                  • Next Page