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

widget builder-destination-search

Step 1a

Select the “Destination or category” button, if not selected already.

Using the search bar, search for a destination or attraction and select the appropriate destination or attraction that appears in the search results. You can also copy a viator.com destination URL and paste it into the “Destination or category” section of the widget builder

widget builder-destination-customize

Step 1b

Select the number of tours you’d like to show, the language your widget will display, and the currency your widget will display. You also have the option to add campaign tracking, which we recommend adding.

widget builder-destination-copy code

Step 2

Use the widget preview on the right to show what your widget will look like once it goes live on your site. If you’re content with this, copy the code and add it to your site.

Building a Widget Based on a Tour Category

widget builder-category-viator.com

Step 1a

In another window, navigate to viator.com and search for the category within the destination of focus.

Note: you are unable to search for categories in the widget builder.

widget builder-category-paste URL

Step 1b

Then, copy that viator.com URL and paste it into the “Category (URL only)” section of the widget builder. 

widget builder-category-customize

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. While optional, we always recommend adding campaign tracking.

widget builder-category-copy code

Step 2

Use the widget preview on the right to show what your widget will look like once it goes live on your site. If you’re content with this, copy the code and add it to your site.

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

widget builder-curates list-search

Step 1a

Select the “Specific tours” button. Search for specific tours one-at-a-time using the search bar, or individually copy viator.com URs and paste them into the “Specific Tours” section in the widget builder. You can select up to 30 tours or activities per widget.

widget builder-curates list-customize

Step 1b

Select 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.

widget builder-curates list-copy code

Step 2

Use the widget preview on the right to show what your widget will look like once it goes live on your site. If you’re content with this, copy the code and add it to your site.