Ask ChatGPTAsk Claude

1. In a nutshell

A business booking page serves as a centralized page/dashboard that showcases all the workspaces in your organization. This allows you to manage all of your event types by sharing a single business booking page link. This also allows customers to explore and book services across workspaces from one unified page.

      There are also three other types of booking pages.

1. Event type booking page allows to book a single event type
2. User booking page allows to book with a single user that lists all the events offered by that user.
3. Workspace booking page allows to book any event listed under a specific workspace.

2. Feature availability

Business booking page

• Is only available on the paid plan.
• Roles

• Super admin and admins can access and manage the settings of the business booking page.
• Workspace admins and managers can only view the settings of the business booking page.
• Staff cannot view or access the settings of the business booking page.

3. Overview

In organizations with multiple departments or service categories, sharing separate booking links for each workspace or event type can lead to confusion and back-and-forth coordination with customers. To avoid this and streamline the scheduling experience, it's essential to offer a single, unified access point for all services. Zoho Bookings provides a Business Booking Page that displays a consolidated list of all workspaces under your organization. This centralized page simplifies navigation, reduces friction, and offers your customers a seamless way to explore and book the services they need all from one place.

You can perform two primary actions with the Business Booking Page:

Redirect URL – Automatically redirect customers to a fallback page (workspace, business, or external URL) in case of accessing an incomplete URL. 

Theme Customization – Apply consistent predefined themes (Default or Fresh) to maintain brand identity across booking pages.

4. Use case

Consider a software company that operates multiple departments such as support, infrastructure, training, and consulting, each managed under a separate workspace in Zoho Bookings. Sharing individual workspace links with customers leads frequent back-and-forth coordination.

Solution with business booking page:

• By setting up a business booking page, the company provides a unified booking page experience where customers will have an opportunity to explore the event types across different workspaces and then make the required booking.
• The admin can also set up a redirect URL to ensure that if a customer uses an outdated or broken link, they are still directed to the correct business booking page, thereby preventing failed attempts.
  

5. Steps to access the Business Booking Page 

1. Click the Admin Center  icon at the top-right corner.
2. Under the Organization section, select Business Booking Page. This displays all booking pages across the available workspaces in your business.
3. On the Business Booking Page, the following actions can be performed:
   
1. Click Share to send the booking page link to your clients and let them book an appointment.
   

• Click Open page to access the live booking page.
• Click Themes and Layouts to customize the booking page appearance to your preference. 
  

5.1 Redirect URL

Redirect URL helps guide customers to the correct page if they land on an invalid or incomplete booking link, ensuring a smooth experience and avoiding confusion from broken or incorrect links. 

Steps to configure Redirect URL

1. Click the Admin Center icon at the top-right corner.
2. Under the Product Customizations section, select Custom Domain.

This setting is configured at the business level and applies across all workspaces.

You can choose to redirect customers to one of the following:

First workspace booking page – Takes customers to the booking page of the first listed workspace.

Business booking page – Displays all workspaces under your business in a single view.

External URL – Redirects to any custom webpage outside Zoho Bookings, like your website homepage.

Example:

If a customer accesses a broken URL like:https://bookings.zoho.com/yourbusiness/invalidlink

and you’ve set the redirect URL to the business booking page, they will be taken to:https://bookings.zoho.com/yourbusiness.

5.2 Theme customization

You can customize the appearance of the business booking page by modifying the theme. This ensures consistency with your brand’s look and feel.

To modify :

1. Hover over the Business Booking Page
2. Click Themes & Layouts
   
   
   

Under Themes and Layouts, you can set up the following in a business booking page. The same will be applied to all the workspace booking pages.

5.2.1 Set theme

1. Under the Theme section, select the required layout.
2. Choose a color under Color Options. You can preview the theme towards  the left.
   
3. Click Save.
   

   Note: Two themes – Default and Fresh are available for the business booking page.

5.2.2 Set footer

You can set the footer of the booking page so customers can view information about your business, such as the contact number and social media links of your business.

1. Click the Footer section.
2. Add the contact number, address, email address, Facebook, Instagram, X and LinkedIn IDs of your business.
   
3. Click Save. 

Note: You can hide any elements by clicking the eye icon if they are not required.

5.2.3 Set title, description, and background image

You can set the page title and description to convey details about your offerings or welcome the customers. Additionally, you can upload a background image that aligns with your brand personality to create a visually appealing and professional booking page. 

1. Click to expand the Page Properties section. 
2. Enter a Title and Description.

   
   

   
   

   You can format the description with the below formatting options.

3. Click the Upload icon and browse the background image. A pop-up will appear in which you can crop the image and click Upload. 
4. Adjust the Transparency level for the background image. 
5. Click Save.
   

5.2.4 Set language

This setting lets you choose the language for your booking page. You can display the booking page based on the customer's browser language or in a fixed language of your choice. You can also enable a language switcher to allow customers to select their preferred language. Bookings supports multiple global and regional languages, allowing you to present your booking page in the preferred language of your customers.

Category	Languages
Global languages	English (US), English (UK), French, French (Canada), German, Spanish, Italian, Portuguese, Brazilian Portuguese, Dutch, Swedish, Danish, Norwegian Bokmål, Finnish, Polish, Czech, Hungarian, Romanian, Greek, Croatian, Slovenian
Asian languages	Chinese (Simplified), Chinese (Traditional), Japanese, Korean, Thai, Vietnamese, Indonesian, Malay
Middle Eastern languages	Arabic, Hebrew, Farsi
South Asian languages	Hindi, Tamil, Telugu, Kannada, Malayalam, Bengali, Marathi, Gujarati, Punjabi, Urdu, Sinhala, Nepali, Assamese, Sindhi
Eastern European languages	Russian, Ukrainian

Info: This feature is available on paid plans.

Language settings

This determines the language in which the booking page is initially displayed to customers. There are two options available:

• Location Based – The booking page is displayed in the language of the customer's browser language settings. For example, a customer whose browser language is set to French will see the booking page in French.
• Fixed – The booking page is displayed in the selected language, regardless of the customer's location or browser settings. For example, if English is selected as the fixed language, all customers will see the booking page in English.
  

Note: If the language switcher is enabled, customers can switch to any of the enabled languages to view the booking page.

To set the language:

1. Click the Workspace Properties section.
   

2. Select either Location Based or Fixed under Language.
   
   
   

3. If you choose Fixed, select the language to be displayed on the booking page.
   
   

Enable language switcher  

The language switcher allows customers to manually change the language of the booking page. When enabled, a language dropdown is displayed on the booking page, allowing customers to switch to their preferred language from the selected languages enabled languages. When disabled, customers can view the booking page only in the configured language.

To enable the language switcher:

1. Turn on the Language Switcher toggle.
   

2. Click Select All to enable all supported languages or choose specific languages to display on the booking page in the enabled languages.
   
   

Customer experience based on language settings  

Default Language	Language Switcher	Customer experience
Location Based	Off	The booking page is displayed in the customer's detected browser language. No language switcher is displayed.
Location Based	On	The booking page is displayed in the customer's detected browser language. Customers can use the language switcher to change the language. The detected language is highlighted with a location badge.
Fixed	Off	The booking page is displayed in the language selected in the settings. No language switcher is displayed.
Fixed	On	The booking page is displayed in the language selected in the settings. Customers can use the language switcher to select any other enabled language.

Notes  

• If the Language is set to Fixed, the selected language is automatically included in the Enabled Languages list.

• If the Language is set to Location Based, all supported languages are enabled by default.

• Turning off the Language Switcher preserves the configured enabled languages. These settings are restored when the switcher is enabled again.

• At least one language must remain enabled. You cannot remove the last language from the Enabled Languages list.

5.2.5 Upload custom CSS

Info: This feature is only available for the Premium plan.

1. Click to expand the Page Properties section.
   
2. Click the Upload icon , select your custom CSS file, and click Save.
   
   
   
   Once uploaded, your custom styles will be applied to the booking page, giving you a personalized and branded booking experience.
   

Note:

1. Only .css files are supported.
   
2. The file size must be 2 MB or less.
   

1. External resources: Loading images, styles, or files from external URLs is not supported as they can be used for tracking or malicious activity. Example: background: url("https://example.com/image.png");
   
   
2. External custom fonts: Fonts hosted outside the booking page cannot be used as they can pose security and tracking risks.
   Example: @font-face { src: url("https://example.com/font.woff"); }
   
   
3. Script-based CSS (legacy features): CSS rules that allow script execution are blocked as they can be exploited to execute malicious code. Example: width: expression(alert('XSS'));
   
   
4. Content injection and data access: CSS that injects content or reads page data is restricted as they can be used to leak sensitive information. Example: content: attr(data-secret);
   
   
5. Cursor and filter effects: Certain cursor styles and filter properties are not supported due to known misuse cases in some browsers. Example: cursor: url("cursor.cur"), pointer;
   
   
6. SVG namespaces: Custom SVG namespace declarations are restricted they can be exploited for advanced security attacks.Example: @namespace svg url("http://example.com/svg");
   
   
   Also for stable styling, use the elname attribute when writing custom CSS. Other HTML attributes may change and cause layout issues or breakages.

Info: This feature is only available for the Premium plan.

1. Click to expand the Workspace Properties section.
   
   
2. Click the Upload icon, select your favicon file, and click Save.
   

Note: You can upload a custom favicon from Admin Center → Organization → Basic Information. However, it will be applied only when Zoho Bookings branding is disabled. If branding is enabled, the default Zoho Bookings icon will be displayed.

Once uploaded, the favicon will be applied to your booking page across supported browsers and platforms, giving your page a consistent and branded appearance.