On the direct booking settings page, you can update your company logo and change the color of the direct booking page. Following the steps is important to ensure a successful setup process. Here's a detailed guide on how to proceed.
Upload a New Company Logo
Step 1: Go to Direct Booking in Settings.
Navigate to the sidebar menu and click on "Direct Booking" under the settings section.
Step 2: Click Upload File.
In the Direct Booking section, locate the Upload File button.
Ensure your logo file is no larger than 1 MB.
Step 3: Choose File
In the Direct Booking section, locate the Upload File button.
Select the appropriate file from your computer. Ensure the file is in a supported format (JPG, JPEG, or PNG) and does not exceed the 1 MB size limit.
Step 4: Click Save Changes
After selecting the file, proceed to click the "Save Changes" button to finalize and save the uploaded logo.
Step 5: Verify the Result
After uploading the logo, a pop-up will appear with options to either stay on the page or view the Direct Booking page in a new tab.
If you choose to view the Direct Booking page, you will be redirected to the Direct Booking page in a new tab.
If the size of the uploaded logo exceeds the maximum limit (1 MB), a warning message will appear stating "Image size exceeds maximum limit (1 MB)".
If the format of the uploaded logo is incorrect (i.e., not JPG, JPEG, or PNG), a warning message will appear stating "Unsupported file type. We only support the following file types: JPG, JPEG, and PNG. Please upload a file with one of these extensions and try again."
Step 6: Verify Changes in Static Preview
After successfully uploading and saving the new logo, verify that the changes have been applied by checking the Static Preview. The uploaded logo should now be visible and correctly displayed.
Change the Color of the Direct Booking Page
After uploading your company logo, you can further customize your direct booking page by changing its color scheme on the direct booking setting. Follow these steps:
Step 1: Change the Color
Click inside the color field to open the color selection options.
Change the color using one of the following methods:
Color Picker: Select your desired color from the color palette.
Hex Code: Input the hex code of the color you want.
RGB: Enter the RGB values to achieve the specific color.
Step 2: Save Changes
Once you've selected the color, click the "Save Changes" button.
Step 3: Verify the Results
Successful Color Change: The system should allow you to change the color as desired.
Pop-Up Confirmation: A pop-up will appear, offering you the choice to either stay on the current page or view the Direct Booking page. If you choose to view the Direct Booking page, it will open in a new tab.
Preview Update: Any changes made should reflect in the Static Preview section
View Direct Booking Through the Direct Booking Subdomain
To view your Direct Booking page via its subdomain, follow these simple steps:
Step 1: Go to Direct Booking Settings
Navigate to the sidebar menu.
Click on "Direct Booking" under the settings section.
Step 2: View Direct Booking
Click the "View Direct Booking" button.
Step 3: Verify the Result
Access the Subdomain: Ensure that you can view the direct booking through the direct booking subdomain. This means you should be able to see all the necessary information and features related to direct bookings.
Redirected to New Tab: Verify that you are redirected to the Direct Booking page in a new tab. This ensures that the link opens in a separate window, allowing you to access it without interrupting your current workflow.