Topics and articles

Widgets in the booking engine

A widget is a piece of software that displays important information or features that visitors benefit from. There are widgets in socials and browsers, that can be displayed both on smartphones and desktops. For example, calendar, clock and weather in your smartphone are all widgets.

Widgets can also be added to the hotel booking engine. They increase sales on the hotel website be attracting guests, giving discounts and special offers.

e7c10184c310191e730d487e659b467e.png

 

Manage widgets in your account

Open the «Widgets» section in the «Booking engine» menu:

657ea77cd7894989b625ffacb2fbccfb.png

 

What you can do here:

  • Create

  • Edit

  • Publish

  • Disable

  • Delete

If you do not see the «Widgets» section, please contact your manager to enable it.

 

Add website language versions

If your website has several language versions, provide links to booking engines in every language:

3f0ef49a99115d4dbf80a937bd3c3c41.png

 

This should be filled in, if language versions are on different domains. By clicking on the widgets, clients will be redirected to links you have provided.

 

Use the templates

We have analyzed the most effective ways to draw guests' attention and created some widget templates:

d7cfe6f41aaec0fc861411707288558e.png

 

  • Best price — offer lower prices than they do on OTAs.

  • Special offer — create a rate on specific conditions, e.g., offer a discount when booking 30 days in advance.

  • Black Friday — create discounts for seasonal sales.

  • Promo code when leaving website page — offer a guest the discount promo code when he leaves without booking.

  • Custom widget — create a unique-styled widget.

 

How to create a widget using a template

Click on «Create a widget» and choose a template.

Set a script

If you have several hotels choose which one will be linked to the widget. Choose what should be opened when clicking on the widget — booking engine or particular rates.

0d95604097b35d17c80128ba27812e4e.png

 

Add content

Edit widget texts and look at its preview on the right side:

0a668a195029051f166bb7d880c2dc5c.png

 

Choose the colour using a color:

05a5904e398b017cc75c9cae4f5f77af.png

 

Choose either icon or image:

e1a7e66e0b68b5db971d8def9051fb51.png

 

Publish the widget

Click on «Preview» button to look at the widget before publishing it. If the result works for you, tick on "Publish" box and click on "Done" button.

edcfae5e2306976d7cf30b9405d1216c.png

 

For a template-created widget the custom widget settings are available.

 

How to create a custom widget

If our templates do not match your idea, create your own:

d20b4fd6aa8bffa5c0b7c2dc03e4c327.png

 

The Widget Creation Wizard contains more settings than the template one. Let`s have a closer look at additional settings.

Set a script

Choose when visitors will see the widget once they open the page or when they are about to leave it.

29f57238ff7ba76511eda4d1842f014e.png

 

Set its style

Style settings will make your widget look unique.Style settings will make your widget look unique. Choose:

  • color palette

  • colours and opacity levels

  • button, heading and message text fonts

  • angles and shadows of the button.

c627d6f341b85d3874841d6ccd7947cc.png

 

Add translations

If you have any website language versions, translate the widget message:

0b5a359e5f85d457a7f5eca63f0e2bdb.png

 

The «Multilingual» tab appears, if there are other language versions.

Set widget display on the website

  • Choose the widget layout and the time gap between the page opening and the widget popping up.

  • Mark whether widget reappears and set in how much time you want this to happen.

  • Provide links to pages where you want the widget to be displayed.

4527f676eda5293928b70932cec19f53.png

 

Publish the widget

a8dee50e637b5cae39273fd71196c4c1.png

 

Set mobile-friendly widgets

Guests will see special offers you create on their smartphones and tablets. When you create a widget, it is already mobile-friendly. The updated widgets have some additional settings.

65eddacafa4efb49e98f7d534449c0c3.png

 

1. The “Show in mobile website mode” box is ticked by default, if you already created widgets for desktops. Clear a tick box, if you do not want them to be displayed on mobile devices.

2. Write in the “Message” and click “Multilingual” to add the translations to other languages.

3. Choose an icon and colours.

4. Set the widget’s layout.

This is what clients see on their mobile device:

c54a24ce15bb2522222d0e370cbaee37.png

Contact TravelLine Support

If you have any questions, you can always contact the technical support manager.
Call us or ask your question right now.