Follow

Create "Book Now" Buttons for your Website

If you prefer to keep your current website instead of creating a new one with TrekkSoft, you can still manage your sales and bookings by integrating “Book Now” buttons throughout your website.

Creating a button

When creating a “Book now” button, you’ll need to decide on the type of integration you want to implement on your site and the type of content you want it to display. Then, you can generate a code for your booking button and add it to your current website.

To start, head over to Design and Pages and then Website Integration at the top navigation bar. This will bring you to the Widgets page.

Booknow1.gif

 

Screen_Shot_2017-12-14_at_10.04.41.png

STEP 1: SELECT A LANGUAGE

Select a language for your booking process.

STEP 2: SELECT AN INTEGRATION TYPE

What integration types are there?

You need to consider which type of integration you would like to implement on your website and how the booking procedure will look like. This will depend on your website and the Content Management System you use. For example, some websites will not work with JavaScript’s FancyBox code and will need to use the HTML version.

Let’s quickly run through each one:

  • Fancybox/Lightbox (JavaScript required)
    A small popup will appear at the top of the page. Your customer will not be redirected to an external site and a new window will not be opened. When choosing this option, you will have to set the width of the popup in pixels.

Fancybox1.gif

  • New Window (No JavaScript required)
    This option will open a new popup window. Do note that this may be blocked by ad blockers and the customer will have to manually enable the pop-up.

newwindow1.gif

  • Link to TrekkSoft Website (No JavaScript required)
    This option will redirect the user from the current page they’re on (the page on your website with the “book now” button) to your TrekkSoft activity page.

LinktoTSsite1.gif

  • URL (For advanced users)
    This will create a popup window that goes to the "widget" view (booking view) of its destination page. It displays the same view as the JavaScript Fancybox in the first example. We advise that this option be adopted by advanced users because it is difficult to manage the formatting of the popup and widget view.

 

STEP 3: DETERMINE WHAT CONTENT TO SHOW CUSTOMERS

What is content type?

Not to be mistaken for the text on your button, Content Type refers to the content you want to show your customers after they click on the button - what information do you want to show them?

The Fancybox and URL button types will bring the customer to the widget view of your content page, while the New Window and Link to TrekkSoft Website options will go directly to the desktop version.

NOTE: The Activities Overview and Activity Finder options are not available for the Link to TrekkSoft Website integration.

Activities Overview (select a group)

This page displays an overview of your activities. You can either display all of your tours, or select a group of activities you’ve created. A group, also called collections, is a selection of activities that you have grouped together.

This is what the activities overview looks like in the New Window and Link integrations:

 

And this is what it looks like in the Fancybox and URL integrations:



Activity Finder

This content view allows customers to search through all of your tours. They can filter tours based on date, price and location. Here is what it looks like:


 

Activity Details (select an activity)

This view shows the details of a specific tour, an activity you choose when generating the button code. This page will also display the description, highlights and itinerary of the chosen activity, as well as a map with the location of the tour and an image gallery.

This is what it looks like in the New Window and Link Version:


 

And this is what it looks like in the Fancybox and URL version:

Activity Booking (select an activity)

The activity booking view shows the customer all of the available dates for a particular tour. It also allows them to select which dates they would like to purchase a ticket for.

This is what it looks like in the New Window and Link Version:

And this is what it looks like in the Fancybox and URL version:


 

Shop Overview (select a category)

The shop overview section displays all or a selected few items in your shop (LINK).

This is what it looks like in the New Window and Link Version:

And this is what it looks like in the Fancybox and URL version:

 

STEP 4: SELECT IF THIS BUTTON  IS SPECIFIC TO AN AGENT

STEP 5: EDIT BUTTON TEXT

buttonsettings.png

If you want the button to say something else than “Book Now!”, you can change the text in the Label field.

The two last options will adjust the colour of the text and the actual button. Click on the coloured box to pick a colour of your choice.

STEP 6: GENERATE A CODE

When you’re done, simply press Generate Code and implement the generated code into your website.  

STEP 7: EMBED THIS CODE ON YOUR CURRENT WEBSITE

Finally, embed this code to any page on your current website and you’re good to go!

 

Note: We know this is a complex step, please remember that you can always reach out to your assigned customer success manager to help you out.

 

 

 

 

 

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk