Viator Partner Blog

Looking for a way to boost sales with an easy, dynamic and automated solution? We have it!

Our most productive partners utilize our iframe Widgets to automate the product listings on their websites.

Here are some examples of the widgets:

Available widgets include: Top Sellers, Top Rated, Whats New, Find Things to do (search widget) and a Custom widget.

These widgets are dynamically updated by Viator and show our best products — once in place there are no updates by you required!

Best of all - these widgets can be configured to match your website’s color, theme, or size.

You can locate the ability to make widgets within the Partner Admin site: Marketing Tools => Widgets

We have made it very easy to customize and produce these widgets. All controls are found on a single page, you can alter the colors, size, fonts, text and more.

Simply select a destination and adjust the values (if needed) - then select “Create”. The Module will be previewed below, with the code at the bottom of the page. Simply copy this code and place it on your website.

We have recently updated our widgets to allow the ability to open a new window and pass the SUBPUID parameter (see below for more information).

Here is a sample page where a Top Seller widget is placed on the left hand side of the page:

http://www.localsguidesanfrancisco.com/

For Advanced users - we have added two new functions to the widgets: a SUBPUID parameter and the ability to open a new window.

Note - you must manually add these parameters to the code produced by the Viator Admin site.

Here are details:

Viator widgets have two new parameters that will allow partners to determine if they want links in the widget to open in a new browser window, and be able to pass through a subPUID. This applies to custom, top sellers, top rated and what’s new widgets. The Find things to do widget does not support these new parameters.

The new parameters are:

* linkNewWindow: This is a boolean (i.e. true or false) which indicates whether product links in the generated widget should open in a new window. By default the parameter is set to false, meaning that the links will open in the existing browser window.
* SUBPUID: This is the SubPUID of the partner; if provided, it will be appended onto each product’s URL as a request parameter.

Adding these parameters to the generated widget code is simple. The standard widget code looks like this:

<!– Begin Viator Partner Widget –>
<style type=”text/css”>
<!– CSS settings go here –>
</style>
<div id=”viatorWidgetDiv_cd6d281f” style=”display: none”>
<div
id=”viatorWidgetDiv_cd6d281f_action”>http://www.partner.viator.com/widgets/hotsellers.jsp
<http://partner.localhost/widgets/hotsellers.jspa%3C/div></div>
<div id=”viatorWidgetDiv_cd6d281f_PUID”>7058</div>
<div id=”viatorWidgetDiv_cd6d281f_destinationID”>357</div>
<!– More parameters go here –>
</div>
<script type=”text/javascript” >
<!– JavaScript activation code goes here –> </script>
<!– End Viator Partner Widget –>

Every Viator widget has a special randomly-generated ID string, which is a sequence of letters and numbers which uniquely identifies the generated widget (this allows several widgets to be included on the same page without the widget code getting confused). This ID appears as the “id” value in the surrounding “div” element - so in the example above, the widget ID would be “viatorWidgetDiv_cd6d281f”.

To make links appear in a new window, just add this line between the “<div id=…>” element and the “</div>” element:
<div id=”(Widget ID)_linkNewWindow”>true</div>

To add a SubPUID to a widget, just add this line between the “<div id=…>” element and the “</div>” element:
<div id=”(Widget ID)_SUBPUID”>(SubPUID Value)</div>

So for the example above, to make links open in a new window and to add a SubPUID of 1234, add these two lines:
<div id=”viatorWidgetDiv_cd6d281f_linkNewWindow”>true</div>
<div id=”viatorWidgetDiv_cd6d281f_SUBPUID”>1234</div>