In this section you will find all the ways to customise and improve the reservation page, as well as articles on how to configure the reservation widget. ๐
Reservation page ๐ป๐ฑ
OctoTable Widget
The new OctoTable widget offers a wide range of customisation options to ensure seamless integration with your website. In addition to the advanced customisation options, you can easily configure the widget to perfectly match the design of your website. This is what the OctoTable widget booking looks like: How to create a new booking widget In the Configuration > Booking Widget section, click Add to create a new one or Delete selected to delete it. To edit it, simply click the Edit button on the widget you want to edit. To see a preview of the final result, click on the blue button. Creating or editing the widget Name - give the widget a name to distinguish it from others Button title: Choose a clear and inviting title for the button that customers will see in the widget. For example, you could use โBook Nowโ or another phrase that invites to action. Welcome Message: Write a message that will be displayed when the widget is opened. You can use it to inform customers about the restaurant rules or to give them a warm welcome. At the bottom you find the โAutomatically translate to missing languagesโ button, which translates for you the text into all other languages. Graphics settings Theme: Choose the light theme (black text on a white background) or a dark theme (white text on a black background) to adapt the widget to your site. Font: Select the font for the button text that best matches the design of your site. Show restaurant logo: Customise the widget by displaying your restaurant logo, which will be retrieved automatically from the booking page section. Opening Panel: Choose which panel (Time Slot, Number of Guests, Calendar) should automatically open when the widget is displayed. Top right: Edit button CSS: Further customise the appearance of the button by editing the CSS directly. To display the booking widget on your site, simply copy the source code and paste it on the page where you want it to appear. N.B. When creating the widget, the source code will not be displayed until it has been saved. โ ๏ธ Positioning the opening button: To provide the best user's experience, we recommend you to place the widget's opening button in an suitable size area so that the widget can open correctly without any restriction. Script for WordPress: Download the script for direct integration into your WordPress site. Important Note: Advanced customisation including theme, fonts, opening panels, logo edit and CSS are only available to customers using the customised EVO widget. Most of the widget configuration is done on the booking page and services page where you can set up: Widget background: Change the colour or background image for the widget. Number of people per booking: Set the maximum number of people who can book at the same time. Booking times: Manage the times available for booking. Dining room choice: Allow customers to choose the room they wish to book. Read the following specific articles Thank you for visiting the OctoTable Community! ๐ 00Reservation page
The article explains how to configure and customize the OctoTable booking page. It describes the process of selecting services, managing special requests, and enabling dark or light display mode, with the option to upload custom images. Additionally, the article provides guidance on how to add a logo, customize the newsletter text, and manage privacy and contact settings. Throughout the entire process, previews will help you visualize what you are modifying. By clicking on a specific section of the preview, you will be taken directly to the exact configuration point for that element. Access the booking page from Configuration > Reservation Page ๐น "Theme" Section Most modern devices allow users to choose between Dark mode and Light mode: Light mode features dark text on light backgrounds, offering positive contrast ideal for well-lit environments. Dark mode features light text on dark backgrounds, reducing eye strain in low-light or nighttime conditions. In the Theme section, upload an image for Light mode and/or an image for Dark mode. ๐ Please note If no custom image is uploaded, the default image will be displayed. Then select the default theme that customers will see: Default: Customers will see the booking page according to their smartphone interface settings. If their device is set to Dark mode, they will see the booking page in Dark mode with the image you uploaded for the Dark theme. Light: The booking page will always appear in Light mode. Dark: The booking page will always appear in Dark mode. Under Image Display, choose how the uploaded image will appear on the booking page: Repeat: The image will fill the screen by repeating multiple times. Image Format: The image remains in its original uploaded format. Fill and Adapt: The image resizes to fit the device screen where it is displayed. Finally, by modifying the Color, you can change the color of the elements on the booking page. Choose a color that reflects your brand or restaurant identity. ๐น "Welcome Page" Section Here you can upload your restaurant logo and choose its size. If no logo is uploaded, the OctoTable logo will appear on your welcome page. ๐ Please note The logo uploaded in this section will also appear in automatic emails sent to customers (booking status updates, reminders, review requests). Otherwise, the default OctoTable logo will be displayed. You can use the Welcome Message to communicate with customers or briefly introduce your restaurant. ๐น "Services Page" Section From this page, you can decide which services are available for booking through your booking engine. For example, if you offer breakfast but do not want customers to book it online, you can hide it using the filter. The service will not be visible to customers, but you can still manage it internally for walk-in bookings through OctoTable. Address, opening hours, and contacts are optional elements that you can choose whether to display. ๐น "Booking Page" Section Here, in addition to choosing which services to display, you can set the minimum and maximum number of people per reservation. ๐น "Confirmation Page" Section In this section, you decide what customers will see in the final booking form. From here you can: Choose whether to show the โSpecial Requestsโ section in the booking form. Enable the Newsletter Consent option to request guest consent to receive newsletters during booking. The guestโs choice will be recorded in the Customer Database under each customerโs profile. You can edit the newsletter consent text displayed on the booking page. Click Automatically translate missing languages with Google Translate to display the text in other booking page languages. Edit the text regarding personal data and privacy management. By default, the European regulation text is included, but it can be customized. Clicking Automatically translate missing languages with Google Translate will translate the text automatically. ๐น General Tips Click Automatically translate missing languages with Google Translate to automatically translate the text. Click Copy link under each preview to copy the corresponding page to your clipboard and share it across your channels. Thank you for consulting the OctoTable Community! ๐ 00VIDEO TUTORIAL - Create a widget for your website!
Connect your OctoTable Widget with your current website! This way you will receive direct reservation without commission frees! Watch the tutorial down below๐๐ป or >> click here << to read the full article! 00๐ฌ๐ง Video Tutorial - How to customize your reservation page? How to link the Booking Engine to your website?
In this video tutorial we'll see together: How to customize your Reservation Page How to link the reservation page to your website Please do not hesitate to write us for requesting further support or a Live Demo! 00How can I customise my reservation page?
Go to Configuration > Reservation page and custom your reservation page Enter a name Decide it to be active or not Set this reservation page as your Favourite (if your subscription allows it, you can have multiple reservation pages based on the kind of service you offer; the favourite will be the default link, the one you see on the dashboard and you can share to receive direct reservations) insert the minimum and maximum number of guest per reservation About the Components: Choose if you want to show or not the address of your activity Show your Time-slot using the buttons or using the drop-down menu Decide one of 25 layout themes You can choose if you want to insert the Tab about Special requests or not Associate the services with the booking page: In the Texts section you can edit the default messages shown on the reservation page. You can edit and test them all, click on the Preview button to see how it looks like. Choose a background picture and the logo image. Enable and edit the Privacy text. Insert your Google Analytics code to track your customers activities on your page. If you are an expert user or you work with a web developer you can edit the reservation page with a CSS code, if you like the default page you can leave blank this page. Click here to know more about the link to receive direct reservations. Thanks for visiting Octotable Community! ๐จ๐ปโ๐ณ See you soon! ๐ 00
