Writing about your travels is a lot of fun but many of us are visual consumers of information. Who doesn’t like pulling out the map or spinning the globe, to see where that place is in the world? I know when I’m travelling, my parents are always at home with an atlas, trying to get a picture of where I’ve been or where I’m going. Our trip widget helps you do just that on your travel blog!
Our trip to Travel Tech Europe in London.
Adding Your Trip Widget is Easy
You don’t need to be an HTML wiz to use our trip widget. All you need is one little line of HTML – that’s it!
There’s nothing to it. Just replace the trip id above with your own and plug the code into your blog. It’s that simple. Here are some easy steps to follow to get a trip into your blog.
- Create a trip on Travel to Live.
- Once created, you’ll see your browser’s URL has changed to https://travelto.live/map/trip/xxx/. If you don’t know how to find the URL in your browser, look for the share button in the top right of the page. Click it and you’ll see the current link. Copy that xxx!
- Replace AX6pz in the above code with what you copied.
- In your blog editor, switch to HTML and paste in the code. Done!
Now you have your very own trip widget embedded in your blog. This trip widget will update as you update the trip on our site. You don’t need to do any more work or ever touch the code again. Easy right?
There are a couple things you can do to customize the trip widget. Depending on your blog editor, you might be able to change the width and height. Our version of WordPress always sets the width and height of an iframe automatically but if you’ve got more control, you can change the appearance very easily. Just add width=”xxx” or height=”xxx” to the above code, as seen below.
<iframe src=”https://travelto.live/embedded/trip/AX6pz/” width=”300″ height=”300″></iframe>
Go ahead and set it to whatever you want. Switch back to Visual mode or look at a preview to see how it looks.
Another thing you can do is limit your trip to a certain day. Travel to Live allows you to add any number of days to your trip. To show only one of them, add ?day=xxx to the end of the URL in the code.
The above example would show only events on the first day of your trip. This way, you can show your readers only the stuff related to your latest blog post.
We realize some of you don’t want to muck around with HTML. Although our trip widget is very easy to add to any blog that supports HTML, we also plan to make it even easier. In the future, you’ll be able to add the widget with a WordPress plugin, so stay tuned to this blog for future updates.