How to Use Viator’s Widget Builder

If you have a website for your travel business, you can incorporate some of Viator’s product inventory into your site to make it easy for your visitors to book some of your favorite things to do without taking time out of your busy travel-planning day. This is especially great if you have a destination you specialize in, or if you know some of the Viator tours your website visitors might love! There are a few different ways you can use our widget on your site, and this article will go through the steps for each of them.

Create a Widget based on a:

Destination

You select the destination and we pull in the top experiences in that destination
(e.g. top tours in Tokyo)

See the step-by-step guide >

Tour category

You select a category within a destination and we pull in the top experiences in that category
(e.g. Cooking Classes in Rome)

See the step-by-step guide >

e

Curated list of products

You select any tour or activity to provide a curated list of your chosen experiences
(e.g. Mediterranean cooking classes)

See the step-by-step guide >

Building a Widget Based on a Destination

Step 1: In a new tab or window, navigate to travelagents.viator.com and search for the destination you want to feature. In our example below, we used the search bar to find products available in New Orleans, Louisiana.

Widget

Step 2: Navigate to the Widget page by scorolling under the Viator page and selecting “Manage Account”

Step 3: Navigate to the Tools page and select “Create Widget”.

Step 4: Paste your copied Viator link into the “Destination or Category” Box. Then select the number of tours you’d like to show, the language your widget will display, and the currency your widget will display. Use the widget preview on the right to show what your widget will look like once it goes live on your site.

Step 5: Copy the code and add it to your site. 

Building a Widget Based on a Tour Category

Step 1: Search for a destination at travelagents.viator.com. In order to feature a category, you’ll need to select a destination first. We used Rome in the example below.

Step 2: Search for the category from the top. You can choose the parent category (i.e. Food & Drink), but in our example we chose the more specific Cooking Classes category.

Step 3: Once you’ve selected the category you’d like to feature, copy and paste the URL from travelagents.viator.com into the ‘Destination or category’ section of the widget builder.

Step 4: Select the number of tours you’d like to show, the language your widget will display, and the currency your widget will display. Use the widget preview on the right to show what your widget will look like.

Step 5: Copy the HTML code and add it to your site. 

Building a widget based on your own curated list of individual tours

Step 1: Navigate to travelagents.viator.com and search for the specific products you would like to feature in your widget
Step 2: Select “Specific Tours” in the widget builder and then copy and paste the individual product URLs in the fields one-by-one

Step 3: Select the number of tours you’d like to show, the language your widget will display, and the currency your widget will display. Use the widget preview on the right to show what your widget will look like once it goes live on your site.

Step 4: Copy the code and add it to your site. 

[type=select]
[type=select]