{"id":5539,"date":"2025-01-04T00:00:00","date_gmt":"2025-01-03T23:00:00","guid":{"rendered":"https:\/\/sitedu.de\/?post_type=kb-articles&#038;p=5539"},"modified":"2026-02-11T23:09:59","modified_gmt":"2026-02-11T22:09:59","password":"","slug":"customize-the-booking-experience","status":"publish","type":"docs","link":"https:\/\/sitedu.de\/en\/docs\/customize-the-booking-experience\/","title":{"rendered":"Customize the booking experience"},"content":{"rendered":"<p class=\"wp-block-paragraph\">To tailor your booking experience, navigate to the left sidebar and click on the \u201c<strong>Customize<\/strong>\u201d button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section covers the customization of booking options (form settings, customer account settings, employee selection settings and logic, language used, and labels available for modification).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/sitedu.de\/en\/docs\/customize-the-design-of-your-booking-platform\/\" class=\"ek-link\">If you\u2019re looking for\u00a0<strong>Design Customization<\/strong>\u00a0please\u00a0click here.<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/trafft.com\/wp-content\/uploads\/2024\/07\/Customize-General-new.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">On the Customize page, you\u2019ll find five sections, divided into subcategories:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#booking-website\" class=\"ek-link\">Booking Website<\/a>, divided into:\n<ul class=\"wp-block-list\">\n<li><a href=\"#general\" class=\"ek-link\">General<\/a><\/li>\n\n\n\n<li>Theme and Appearance<\/li>\n\n\n\n<li>Hero Section<\/li>\n\n\n\n<li>Footer Section<\/li>\n\n\n\n<li>Services Page<\/li>\n\n\n\n<li>Employees Page<\/li>\n\n\n\n<li><a href=\"#custom-code\" class=\"ek-link\">Custom Code<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#form-steps\" class=\"ek-link\">Booking Form Steps<\/a>, divided into:\n<ul class=\"wp-block-list\">\n<li><a href=\"#steps-general\" class=\"ek-link\">General<\/a><\/li>\n\n\n\n<li><a href=\"#employees\" class=\"ek-link\">Employees<\/a><\/li>\n\n\n\n<li><a href=\"#customers\" class=\"ek-link\">Customers<\/a><\/li>\n\n\n\n<li>Thank You Page<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#language\" class=\"ek-link\">Language<\/a><\/li>\n\n\n\n<li><a href=\"#labels\" class=\"ek-link\">Labels<\/a><\/li>\n\n\n\n<li><a href=\"#custom-fields\" class=\"ek-link\">Custom Fields<\/a>, divided into:\n<ul class=\"wp-block-list\">\n<li>Customer<\/li>\n\n\n\n<li>Appointment<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">If you enable the\u00a0<a href=\"#chatbot\" class=\"ek-link\"><strong>ChatBot\u00a0<\/strong>feature<\/a>, the settings for the bot will also appear below \u201cCustom Fields\u201d, as shown in the screenshot above.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"booking-website\">Booking Website<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"general\">General<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When you navigate to the Customize section, the \u201cBooking Website\u201d category will automatically expand, presenting you with the General subsection. Within this section, you will find two key settings:&nbsp;<strong>Account Settings<\/strong>&nbsp;and&nbsp;<strong>Website and Branding Settings<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Account Settings<\/strong>: This feature allows you to define your customer base within SiteDude Booking. You have the option to specify whether:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>All customers can book appointments (both registered and guest users)<\/li>\n\n\n\n<li>Only guest users are permitted to book<\/li>\n\n\n\n<li>Only registered users are allowed to book<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Registered<\/strong>&nbsp;users gain access to the Customer Panel by logging into the \u201cLog In\u201d section, conveniently located at the top right of the screen. This section is automatically added when you enable one of the registration options. On the other hand,&nbsp;<strong>guest<\/strong>&nbsp;users can view and modify their appointments via email.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This flexibility ensures that you can tailor the booking experience to your preference, whether you prioritize user registration or prefer to accommodate guest bookings with minimal friction.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/trafft.com\/wp-content\/uploads\/2024\/04\/customize-account-settings.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The&nbsp;<strong>Website and Branding Settings<\/strong>&nbsp;offer a range of customization options for your booking website:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong>: Name your booking website to reflect your brand.<\/li>\n\n\n\n<li><strong>Description<\/strong>: Enhance the visibility of your website on search engines by adding a description. This description helps search engines understand the content of your website, potentially improving its ranking in search results.<\/li>\n\n\n\n<li><strong>Share Preview Image<\/strong>: When someone shares the link to your booking website, a preview image is displayed. You can set a custom image here to represent your website when shared on social media or messaging platforms.<\/li>\n\n\n\n<li><strong>Website Logo<\/strong>: Customize the header and footer of your booking website by adding your company logo. The logo will appear prominently in both sections, reinforcing your brand identity.<\/li>\n\n\n\n<li><strong>Favicon<\/strong>: Personalize the browser tab of your booking website with a favicon. This small icon appears next to the website title in the browser tab, making it easily recognizable to visitors.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"custom-code\">Custom Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Within this section, users have the ability to insert their personalized CSS or JavaScript code directly into their booking website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The\u00a0<strong><a href=\"https:\/\/sitedu.de\/en\/docs\/custom-code\/\" class=\"ek-link\">Custom Code<\/a><\/strong>\u00a0feature provides a versatile toolkit for users to enhance their booking website. Whether you\u2019re looking to integrate custom widgets, adjust the layout to align with branding guidelines, or seamlessly incorporate third-party tools, Custom Code empowers users to fully customize the appearance and functionality of their booking website. Let\u2019s explore how you can leverage custom code to craft a distinct and tailored booking experience for your customers.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/trafft.com\/wp-content\/uploads\/2024\/04\/custom-code-preview.png\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"form-steps\">Booking Form Steps<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"steps-general\">General<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/trafft.com\/wp-content\/uploads\/2024\/07\/bf-steps-general.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The \u201c<strong>General<\/strong>\u201d subcategory of&nbsp;<strong>Booking Form Steps<\/strong>&nbsp;settings offers flexibility in organizing the steps within the booking form and customizing display options. This includes the ability to show unavailable time slots, adjust the time zone display, and activate the \u201cLook Busy\u201d feature.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With the&nbsp;<strong>Booking Form Step Order<\/strong>&nbsp;section, you can easily rearrange the steps according to your preference by dragging and dropping them within the booking process. It\u2019s important to note that the \u201c<strong>General Information<\/strong>\u201d step, where customers enter their details, remains fixed as the last step and cannot be repositioned.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you enable the\u00a0<a href=\"https:\/\/sitedu.de\/en\/docs\/recurring-appointments\/\" class=\"ek-link\"><strong>Recurring Appointments<\/strong>\u00a0feature<\/a>, the \u201cDate &amp; Time\u201d step will automatically be placed as the fifth step in the process. This step\u2019s position cannot be changed, as it is essential for setting up recurring appointments and requires all preceding steps to be completed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Activate the \u201c<strong>Show unavailable\/booked slots in time slot selection<\/strong>\u201d option to display already booked time slots on your booking form during the Time Selection step. This feature presents the booked slots as unavailable, allowing customers to view them without the ability to book those slots.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The \u201c<strong>Show Time Zone option to customers<\/strong>\u201d is particularly useful for businesses operating in multiple time zones. This setting adds a time zone field on the front end, above the date\/time selection, automatically detecting and displaying the customer\u2019s time zone based on their device\u2019s physical location. For example, if an employee works in UTC and the customer is in UTC+4, the appointment time will appear differently for each: 07:00 for the employee and 11:00 for the customer, reflecting the 4-hour time difference. Note that if a customer\u2019s city is not automatically detected, it is not an issue as the library may not have a complete list of all cities; what\u2019s important is that the time zone is accurately displayed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To create the appearance of a busier schedule on your booking forms, activate the \u201c<strong>Look Busy<\/strong>&nbsp;<strong>option<\/strong>\u201c. This feature allows you to hide a specified portion of your time slots on the booking form, giving the impression of a fuller schedule. When combined with the \u201cShow unavailable\/booked slots in time slot selection\u201d option, a segment of your time slots will be displayed as booked on the booking website. In the \u201cPercentage of available slots as booked\u201d field, enter the percentage of your day that you want to appear as booked on the form. Additionally, choose between the First or Last part of the day in the \u201cPreferred period of the day busy slots are shown\u201d option, from which the time slots will be extracted and displayed as busy.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lastly, you can modify the&nbsp;<strong>Default Date &amp; Time View<\/strong>&nbsp;and decide whether the default view will be a weekly or a monthly view. Regardless of your choice \u2013 your customers will be able to switch between them.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"employees\">Employees<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the&nbsp;<strong>Employee Selection Settings<\/strong>, you can decide whether you want to provide clients with the option to choose an employee for their appointment. You can also establish the logic for selecting employees if a customer hasn\u2019t made a specific choice. By enabling the \u201c<strong>Customer can choose an employee<\/strong>\u201d option, clients can select a specific employee for their booking or opt for the \u201c<strong>Any Employee<\/strong>\u201d choice, which will automatically assign an employee based on the selection logic.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you check the \u201c<strong>Hide \u201cAny Employee\u201d option from selection<\/strong>,\u201d customers won\u2019t see the \u201c<strong>Any Employee<\/strong>\u201d option on the booking website and must choose a specific employee. To completely conceal the employee selection step on the booking website, you can check the \u201c<strong>Hide employee selection<\/strong>\u201d option.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/trafft.com\/wp-content\/uploads\/2024\/07\/bf-steps-employees.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If a customer opts for the \u201c<strong>Any Employee<\/strong>\u201d choice on the booking website or neglects to choose a specific employee, you can define the logic for assigning an employee under the \u201c<strong>Employee selection logic<\/strong>\u201d dropdown. You have several options to choose from, including&nbsp;<strong>Round Robin<\/strong>, which assigns employees in a circular order, as well as options based on the&nbsp;<strong>Least Busy<\/strong>&nbsp;employee, the employee with the&nbsp;<strong>Highest<\/strong>&nbsp;or&nbsp;<strong>Lowest<\/strong>&nbsp;price.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/trafft.com\/wp-content\/uploads\/2024\/01\/employeeSelectionLogic.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">By default, SiteDude Booking offers the nearest available time slots below each employee during the booking process, offering your customers a faster way of selecting the nearest available time slot without scrolling through the calendar. This option can also be disabled on this page by disabling the&nbsp;<strong>Show the nearest available slots<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"customers\">Customers<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/trafft.com\/wp-content\/uploads\/2024\/04\/customer-settings.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the Customer settings, you have control over the following options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show Email Field On The Booking Form<\/strong>: Enable this option to allow customers to input their email address during booking. You can also make this field mandatory, ensuring customers provide an email. Please note that this setting applies to both the back-end and front-end of the booking process. If the email field is mandatory, customers cannot proceed without entering their email. If it\u2019s optional, they have the choice to skip it. Additionally, if a customer doesn\u2019t enter an email address or if the field is hidden, PayPal (if configured) will be disabled as a payment method.<\/li>\n\n\n\n<li><strong>Show Phone Number field on the booking form<\/strong>: Similar to the Email field, you can choose to display or hide the phone number field. Additionally, you can mark the \u201cSet phone number field as mandatory\u201d option, making it a required field that customers must fill out.<\/li>\n\n\n\n<li><strong>Use Custom Appointment Cancelation URL<\/strong>: After a customer cancels (or fails to cancel) an appointment, you may want to direct them to custom pages with specific messages. Here, you can enter two URLs: one for successful appointment cancelations and another for unsuccessful ones. These URLs redirect customers to external websites you own, where you have designed the pages. Please note that SiteDude Booking does not configure these pages; the URL fields are provided for redirection purposes.<\/li>\n\n\n\n<li><strong>Ask customer about reason when cancelling an appointment<\/strong>: You can prompt customers to provide a reason when canceling an appointment. This option can also be set as mandatory if desired.<\/li>\n\n\n\n<li><strong>Redirect URL after a successful booking<\/strong>: Similar to the \u201cCancelation Redirect\u201d URLs mentioned earlier, this setting allows you to specify a custom page for customers to be directed to after successfully booking an appointment. This page can include a personalized message or information relevant to the booking.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"language\">Language<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In the&nbsp;<strong>Language<\/strong>&nbsp;section, you have the option to translate the booking website and invoices into different languages using the \u201cLanguages\u201d dropdown. Currently, the available languages include Arabic, Brazilian Portuguese, Bulgarian, Chinese (Traditional), Chinese (China, Simplified), Chinese (Taiwan, Simplified), Czech, Danish, Dutch, English, Finnish, French, German, Greek, Hebrew, Hungarian, Italian, Japanese, Korean, Malay, Norwegian, Polish, Portuguese, Romanian, Russian, Serbian, Slovak, Slovenian, Spanish, Swedish, Ukrainian, and Vietnamese.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Please Note<\/strong>\u00a0that the back-end (Admin section) of SiteDude Booking is configured in the\u00a0<a href=\"https:\/\/sitedu.de\/en\/docs\/general-settings\/\" class=\"ek-link\">General Settings page<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Depending on whether you\u2019ve enabled&nbsp;<strong>Multilingual Support<\/strong>&nbsp;in the&nbsp;<strong>Features &amp; Integrations<\/strong>&nbsp;section, the&nbsp;<strong>Language Customize<\/strong>&nbsp;options will appear differently:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When&nbsp;<strong>Multilingual Support<\/strong>&nbsp;is&nbsp;<strong>disabled<\/strong>, you can only configure the language on the booking website:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/trafft.com\/wp-content\/uploads\/2024\/04\/languageFeatureOff-1.png\" alt=\"\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>With&nbsp;<strong>Multilingual Support<\/strong>&nbsp;enabled, you can configure the default website language and add additional languages for customers to choose from the language drop-down menu on the booking website.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/trafft.com\/wp-content\/uploads\/2024\/04\/languageFeatureOn-2-1.png\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"labels\">Labels<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You have the option to customize the labels on your booking form according to your preferences. If you leave these fields blank, the default labels will be used. Currently, there are almost 60 labels available for modification, and we regularly introduce new ones. Feel free to reach out to us if there\u2019s a specific label you need that is not yet available.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the \u201cChange Labels for\u201d drop-down, you can select languages you previously added in the&nbsp;<strong>Languages<\/strong>&nbsp;section, so you can change the labels for each language individually.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/trafft.com\/wp-content\/uploads\/2024\/04\/labels-new.png\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"custom-fields\">Custom Fields<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Within the&nbsp;<strong>Custom Fields<\/strong>&nbsp;section, you have the ability to configure additional fields for both the Appointment and the Customer. These fields are valuable when you need to gather more specific information about your customers and their bookings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adding custom fields to the Appointment form allows you to request additional details from customers when they schedule an appointment. This could include preferences, special requirements, or any other relevant information necessary for the appointment.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On the other hand, custom fields for the Customer form enable you to collect specific information about your customers themselves. This could be anything from contact details to specific preferences or important notes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For detailed instructions on setting up and managing these custom fields, please refer to the\u00a0<a href=\"https:\/\/sitedu.de\/en\/docs\/custom-fields\/\" class=\"ek-link\">Custom Fields page<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This page provides comprehensive guidance on creating and utilizing custom fields to tailor your booking process to your unique needs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"chatbot\">Chatbot (Beta)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Introducing the<a href=\"https:\/\/sitedu.de\/en\/docs\/chatbot-beta\/\" class=\"ek-link\">\u00a0<strong>Chatbot<\/strong>\u00a0feature<\/a> in SiteDude Booking! Our Chatbot is designed to streamline your booking process, offering a user-friendly interface for customers to schedule appointments effortlessly. With the Chatbot, customers can interact in real time, receive instant responses to inquiries, and make bookings seamlessly.<\/p>","protected":false},"excerpt":{"rendered":"<p>To tailor your booking experience, navigate to the left sidebar and click on the \u201cCustomize\u201d button. This section covers the customization of booking options (form settings, customer account settings, employee selection settings and logic, language used, and labels available for modification). If you\u2019re looking for\u00a0Design Customization\u00a0please\u00a0click here. On the Customize page, you\u2019ll find five sections, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","_eb_data_table":"","footnotes":""},"doc_category":[495],"doc_tag":[],"knowledge_base":[485],"class_list":["post-5539","docs","type-docs","status-publish","hentry","doc_category-booking-platform","knowledge_base-sitedude-booking"],"year_month":"2026-05","word_count":2035,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"SiteDu.de","author_nicename":"cyzdk","author_url":"https:\/\/sitedu.de\/en\/account\/cyzdk\/"},"doc_category_info":[{"term_name":"Booking Platform","term_url":"https:\/\/sitedu.de\/en\/docs\/sitedude-booking\/booking-platform\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"SiteDu.de Booking","term_url":"https:\/\/sitedu.de\/en\/docs\/sitedude-booking\/","term_slug":"sitedude-booking"}],"knowledge_base_slug":["sitedude-booking"],"_links":{"self":[{"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/docs\/5539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/comments?post=5539"}],"version-history":[{"count":1,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/docs\/5539\/revisions"}],"predecessor-version":[{"id":7742,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/docs\/5539\/revisions\/7742"}],"wp:attachment":[{"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/media?parent=5539"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/doc_category?post=5539"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/doc_tag?post=5539"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/knowledge_base?post=5539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}