Integrate TrekkSoft to your website
  1. Help Center
  2. Getting Started
  3. Integrate TrekkSoft to your website

Create and Integrate Your Book Now Buttons

It's possible to integrate TrekkSoft to your own website, the only requirement is to embed a Book Now button!

A book now button will allow users to check live availability and book a tour via TrekkSoft without leaving your website!

 

Our Book Now Button can be customized to provide different types of information about one or all activities, the type of button you would like to create and you can even customize the button colours to match your website. We also don't include any TrekkSoft branding so customers will not be confused or think they are no longer visiting your website. 

 

________________________________________________________________________

How To Create A Book Now Button

To generate a Book Now Button, you will need to generate a code to embed into your site. The Website integration page can be found by logging into your Admin Desk, go to the main Navigation, select Settings > Booking Widget (shown below).

xq1fnEXmvw

 

On the Website Integration page, we have the following options (any option marked with a * is mandatory).

  • Language*: The options you have selected to use in your 'Merchant Profile Languages' page (more information here) will appear here. Choose the language you wish to use.

  • Type*: This provides you with multiple options depending on the type of Book Now integration you want to use. 'Fancybox / Lightbox (JavaScript required)' is the most popular option. The other options are only recommended for advanced users.
  • Content*: There are five options in content to choose from:
    • Activities Overview - Provides an overview of all your activities. You can add specific activities into a collection and choose that collection of activities only.

    • Activities Finder - This is an option to show a few 'teaser' activities and allows customers to scroll through some teasers of your activities so the customer can select the most suitable option for them. 

    • Activity/Package Details - The Activity/Accommodation/Package Details button will show the activity information you entered when creating the activity. This information will show before the calendar is shown.

    • Activity/Package Booking - The Activity/Accommodation/Package Booking button will bypass the activity information and go directly to the calendar.

    • Shop Overview - SImilar to the activities overview however, this will show your available shop items.

 

  • Activity Group: You are able to select a specific activity that you want the Book Now button to display both the activity information and the availability in the calendar.
  • Agent: If you wish to choose specific agents activities, select the agent's name from the dropdown menu.
  • Popup Width: Enter the width that you would like the popup window to be to match the layout of your site.
  • Button settings:
    • Label - we can amend the button text and colour, and the button background colour.
    • Text Colour - Select the colour you would like the text on the Book Now button to show.
    • Background Colour - Select the colour you would like the background on the Book Now button to show.

 

Once you have completed the fields correctly, click the Generate Code button. From the pop-up window, you can copy and paste this code into the location you wish for it to appear on your website page(s).

You will notice a preview button shows in the popup window. Click this button to see how your Book Now integration will look. If you wish to make any changes, simply click the X in the pop-up window and edit the options you wish to change.

 

________________________________________________________________________

Tip: iFrame Integration

If you wish to integrate your Book Now Button as an iFrame please select the URL widget type (under the Type dropdown menu). Also, please see below the behaviour of an iFrame in different scenarios while viewing on a mobile device.

 

Scenario: If no cookies were previously stored on your device (if it's the first time you have accessed the website)

  • Apple devices: If you’re using your TrekkSoft domain and haven’t purchased an SSL Certificate (find out more about SSL Certificates here), you will see a new window with the booking process for the very first time.
  • Android devices: It will always show as a popup.

 

Scenario: If you already have cookies stored in your device (i.e. when you have previously visited a website page)

  • Apple devices: A pop-up window will open on your iPhone screen.
  • Android devices: always a pop-up.

 

Scenario: Without an SSL certificate:

  • Apple devices: Either a new window or popup window will open, depending on the cookies stored on the Apple device.
  • Android devices: It will always be a popup. 

 

Note: Please contact us for more information on our new booking widget.

Last Updated [09/03/2020]