How to add TripCreator "Create a Trip" widget to your website

TripCreator "Create a trip" widget allows your site visitors to create an itinerary from scratch and book it in one checkout.

First of all, what is a TripCreator "Create a trip" widget?

TripCreator "Create a trip" widget is a tool that allows your site visitors to create an itinerary from scratch and book it in one checkout.

1. How to modify the appearance of the widget:

You can modify the widget and access its code in your account admin portal:

  • In admin, go to "App settings" and then click on "Widget" in the upper bar – https://admin.tripcreator.io/settings/widget

On the top of the page you can see how the widget will appear on your website. Every change that you make in the form below will automatically preview.

Screenshot 2019-02-14 at 16.39.58

  • In the form below the preview, you can change the layout, title and subtitle, choose colours and labels of your widget.
Screenshot 2019-02-14 at 16.44.15

2. How to add the HTML code of the widget to your website:

When you are ready to embed the widget to your website you need to:

1) Click on "Copy code" button below the code snippet section – now you have copied the code to your clipboard.

Screenshot 2019-02-14 at 16.45.55

2. In your content management system on your website, open up the HTML viewer.

3. Paste the widget code you just copied into the HTML viewer window on your website and save the changes.

4. You now have the TripCreator widget on your website.

Below you can see a few examples of how the widget can look like on a website:

Screenshot 2018-10-12 10.20.47

Screenshot 2018-09-27 10.21.29