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 1a: 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 Tokyo.

Step 1b: Once you search for a destination, copy the URL from travelagents.viator.com and paste it into the “Destination or category” section of the widget builder

Step 1c: 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 2: Select your partner type – in this case it will be Travel Agent if you’re signed up for the Travel Agent Program. (If you’re not yet signed up, you can create your account here!) You’ll find your Travel Agent ID once you’re logged in under Manage Account > Agent Details.

Step 3: 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 1b: Search for the category from the left side. You can choose the parent category (i.e. Food, Wine & Nightlife), but in our example we chose the more specific Cooking Classes category.

Step 1c: 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 1d: 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 2: Select your partner type – in this case it will be Travel Agent if you’re signed up for the Travel Agent Program. (If you’re not yet signed up, you can create your account here!) You’ll find your Travel Agent ID once you’re logged in under Manage Account > Agent Details.

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

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

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

Step 1c: 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 2: Select your partner type – in this case it will be Travel Agent if you’re signed up for the Travel Agent Program. (If you’re not yet signed up, you can create your account here!) You’ll find your Travel Agent ID once you’re logged in under Manage Account > Agent Details.

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

[type=select]
[type=select]