Embedded Itineraries can be added to any website.  The instructions for adding them are available here.

Sometimes, web hosting sites like WordPress.com will have restrictions around what can be added.  For this particular hosting site you may need to make a few tweaks to make them work.  Here's what you need to do.

Add the script.  You will need to add a plugin like Header & Footer Scripts to enable the script to run on your site.  Install and Activate the plugin from the WordPress Admin page.  Installation instructions are here.  Once installed, add the following script to the Footer section in Header & Footer Scripts.  You only need to do this one time.

<script data-version="v0" id="travefy-itinerary-embedder" type="text/javascript"> 
(function () { function l() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = '//d1h0qti89a78h.cloudfront.net/embed/itinerary.1.0.js';
var e = document.getElementById('travefy-itinerary-embedder');
e.parentNode.insertBefore(s, e);
}
if (window.attachEvent) {
window.attachEvent('onload', l);
} else {
window.addEventListener('load', l, false);
} })();
</script>


Now you should be able to add an itinerary via the code below:

<div data-travefy-itinerary-id="put the id here" class="travefy-itinerary"></div>

You can add this tag to any Post or Page you'd like and the embedded itinerary will appear there.

Note: You'll need to be in "Text" or "HTML" mode when editing the Post of Page.  The itinerary tag will not work if added in "Visual" mode.

Did this answer your question?