It's possible to integrate TrekkSoft to your own website, the only requirement is to embed a Book Now button!
Last update [Oct 2, 2022]
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 colors 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 > Product & Booking Settings > Booking Widget (shown below).
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.
- 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 drop down 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 color, and the button background color.
- Text color- Select the color you would like the text on the Book Now button to show.
- Background Color - Select the color 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.
Checkout our widget article to get more details on Booking widget Integration Types and Booking widget addition options.
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.