Embed Instructions
Step 1 - HTML
For each tour you want to embed, add a div with an ID that matches the tour's ID and add a class labeled “tourwrist-tour-embed”. Also add a class labeled “”. See the examples below:
You can copy and paste this, but be sure to change the tour ID to the tour that you want to display. The tour ID can be found in the tour’s website URL shown in the example below.
http://tourwrist.com/tours/701 means 701 is the ID.
Step 2 - TourWrist® Javascript
The embeds require only one javascript and one javascript function call to function. You can copy and paste this, but you only ever want to have this one time in your page.
Step 3 - Javascript Function
For best performance, put the "loadEmbeds()" call in an "onLoad" function or at the end of the <body> tag.
This code will set the size of the embed to its default (635 px x 400 px) and create a thumbnail in your page that is (180 px x 60 px).
- Or -
This code sets direct embeds to your own custom size values, (In this case, a width of 300 px and height of 150 px).
Note
Since the code to make this operate is written in javascript, you must be able to include javascript calls in your site. Below is a list of services that we have been notified that you will not be able to embed tours in.
- Wordpress.com
- Posterous