Customize your widget

Are you configuring your booking engine and need to install the widget on your site? Find out how to customize it!

In the article you find HERE you can see how to save the widget and how to download the source code or the plug-in to install on your site.

In this article we see together some advanced features that will allow you to independently customize the configuration of your widget.

If you don't find the configuration you need in our settings, you can always ask your web master to make additional changes with the CSS or HTML codes that can be inserted in the appropriate section.

  • Sitekey: The Sitekey is an alphanumeric code that uniquely identifies your widget. You can leave the sitekey that is automatically provided to you by the system.
     

  • Name: Enter a Name to customize your Widget. 
    The name may be useful for identifying the widget of origin of your reservation once the reservation export has been completed. To find out more, consult the dedicated article:
     How to find out the source Widget reservation
     

  • Show Header: In the Booking engine > texts > widget section you can configure customized texts for your widget, among these you can decide what to write in the header of your widget.


 

 

 

  • Adults number:  You can decide whether or not to show the selection for adult/child guests
     

  • Ask for children: If you have special rates for children and you want the guest to include them in the search filters, you can select this option. If you don't know how to configure child rates, you can see the guide you find HERE
     

  • Layout: Choose your widget layout, check it in the widget preview.
     

  • Position: Choose where the widget will appear on the site page.
     

  • Page opening: Choose how your booking engine page should open
     

💣 Octo-Tips! 

When you have installed the widget on your site, your guests will be able to access your site and, through the widget, access the booking engine page which will have the link book.octorate.com.

If you want to avoid this link change and keep your domain fixed, you will need to set the custom page option in the Page opening field in your widget settings:

In this field you will have to enter the link of the page, already existing on your website, to which you want to redirect your widget.

After you follow these steps, remember to instal your widget by using the second link you find in source code:

 

  • Theme: Choose the color and the layout of your widget
     

  • Font: Choose the font type of your widget
     

  • Language: Choose the default language of the widget. Selecting "Automatic" the language will be set according to the customer's browser.
     

  • Calendar type: Choose whether to give the option to select specific dates or to make monthly bookings:

 

Default values

 

  • Show empty values: Set it to NO if you want the fields to be explicit

 

  • Check-in advance, length of stay, guests

Enter the values ​​of your interest in the fields below: days in advance of the arrival date, length of stay and number of guests. 
The customer will be shown by default the boxes containing data that respect the values ​​entered.

 

Exemple: it is October the 22nd and I set up the values as it follows

The widget will display precompiled cases like this:

WARNING - the customer can always edit the dates manually.
The setup of these values does not mean neither a proper set up of a minimum stay nor of the CutOff days.

In case you wanted to set up these options, here you have the dedicated links:

Minimum and Maximum Stay

How to avoid Last Minute reservations

 

See you soon!

🐙