How to Use Viator’s Widget Builder
…and earn easy commission!
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.
*Note: this tutorial covers WordPress – more to come!
Building a widget based on a destination
To showcase Viator products in a particular destination, you’ll follow the 3 steps on the widget builder:
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 that URL 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.
Note: for category-based widgets, the top products will be pulled in automatically as they are displayed on Viator.com
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.
*Note: Your Travel Agent ID will start with a T. Look out for the green check mark next to your name to let you know it’s a valid ID.
Step 3: Copy the code and add it to your site. For instructions on how to add it to your WordPress site, see below!
Building a widget based on a tour category
To add a widget based on a tour category, you’ll follow the same steps above, except for Step 1a you will use a category URL to pull in the tours you want. To find the category URL:
(1) Navigate to travelagents.viator.com
(2) Search for the destination of your choice (in our example below, we searched for Rome)
(3) Select a category from the left side, then copy and paste that URL into the widget builder
Now, you can follow Step 2 and Step 3 as directed above.
Building a widget based on your own curated list of individual tours
If you have a list of products you go back to again and again, but they aren’t all in the same destination, using the individual tour option of the widget builder is a great way to showcase your own curated list of tours for your website visitors.
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” and then copy and paste the individual product URLs in the fields one-by-one
Step 1c: 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.
You can now follow Step 2 and Step 3 as directed above.
Adding your widget to a WordPress post or page
Step 1: Log in to your WordPress account. Once you’re logged in you will see your dashboard. Create a page or post about the tour category and destination you want to feature.
Step 2: In the navigation menu on the left side, click the page or post on which you want to add the widget (in the image below, we clicked Posts.) Then, click the post (or page) you want to edit.
Step 3: Click on the 3 vertical dots above the editor to view more options. Choose the Edit as HTML option. You will then see the text in HTML format – this is where you’ll add the code from the widget builder.
Step 4: You will then see the text in HTML format this is where you’ll add the code from the widget builder.
Step 5: Copy the code from the widget builder and then paste onto your site. In this example, we’re using Rome as the destination, and VIP & Exclusive tours as the category.
Now you’ll be able to earn commission when people visit your site and book Viator products from your widget! Below is how it will look on your site, and what the customer will see when they click on a product.
Don’t have a WordPress site? We also have tutorials for those with Weebly or Wix sites!
Tutorial for Adding Your Widget to a Weebly Website
Tutorial for Adding Your Widget to a Wix Blog Post
Tutorial for Adding Your Widget to a Wix Website