Booking Widget: Additional option

In this article, we will cover the Additional options we have available for the widget integration like different views of the widget, button colors, etc.

Last update [Jan 20, 2023]

---

Here's an overview of what we cover in this article:

• Integrate widget as
  • Button
  • Link
  • Function
  • Embed
• Open widget in
  • Modal
  • New tab
  • New window
• Language
• Customize widget for Agent
• Customize Book Now text
• Floating cart
• Colors
• Embed View

________________________________________________________________________

Additional option

Integrate widget as:

You can choose the integration type you would like to use as per your requirement from here.

• Button: This is useful when you would like to display a button on your website.
• Link: This is useful if you would like to generate a link to the widget for your website. The generated link can be used with an existing button on your website.
• Function: This is for the advanced user. This is useful if you would like to add a function to open a booking widget on your website. Get more details on how to integrate this type here.
• Embed: This is useful if you would like to embed a widget on your website like an iFrame. It replaces the need to use iFrames and is more secure. You can adjust the size of the embedded widget by setting pixel width and height. For example 600px by 500px. You can also make the embedded widget adapt its size automatically to the page by setting a percentage instead of pixels. For example 30% by 50%.  This will also work for mobile versions.
  
  

________________________________________________________________________

Open widget in:

You can choose the open widget type you would like to use as per your requirement from here.

• Modal: This is useful when you would like to open a widget as a Modal/Pop Up on your website. 

• New tab: This is useful if you would like to open the widget in the New tab of the browser.

• New window: This is useful if you would like to open the widget in the New window of the browser.

 

________________________________________________________________________

Language

You can choose which language should be used first when someone opens the booking widget, so it matches the language of the page where you place it on your website

 

________________________________________________________________________

Selected optional agent

You can allocate an Agent to your `Book Now` button, so you can track how many bookings are coming from an agent's website and track the Agent Commissions as well.

 

________________________________________________________________________

Book Now button text

If you would like to change what text appears on the button instead of Book Now

 

________________________________________________________________________

Floating cart

This is useful when you would like to keep track of the pending booking in the booking widget. You can hide or display the cart on your website from here. See the screencast below showing where to find this option:

 

 

________________________________________________________________________

Colors

You can choose what color the text and background color of your Book now button should be by default and when someone is hovering over it. Please see the example below.

We have selected these colors:

This is how the button looks by default:

This is how it looks when I hover over it:

 

________________________________________________________________________

Embed View

The embed view comes as an easy alternative to iFrame users, offering a more secure and easier implementation solution for embedding the TrekkSoft widget into your site. See the preview of the embed widget on the website.

Follow the steps in the GIF below to access the Embed option for the widget.

 

27/04/2023