Skip to main content
All CollectionsSharing & Sending
How to Embed an Itinerary to Your Website
How to Embed an Itinerary to Your Website

Embedding an itinerary on a website.

Stephanie Gries avatar
Written by Stephanie Gries
Updated over a week ago

To learn how to embed an Itinerary to your website, follow along with these steps!

Note: PDF attachments will not be viewable itineraries embedded to your website. This is to protect the agent and clients from sensitive information being exposed to search engines.

1. Go to the trip you want to embed

Find the trip you'd like to embed, and then open it as though you're going to make changes.

2. Click on ...More

It will be in the top left corner of the screen, right next to Settings.

3. Click Embed

When you click on ...More, two options will appear:

  • People

  • Embed

Click on Embed

4. Copy and Paste

There you will find the code necessary to embed! Just copy and paste what you're needing!

Note: If you are using Wix or Wordpress you can usually put this in your header to enable embeddable itineraries on any page in your website. specific instructions are available here.

This is the code that you will copy an paste onto your website where you would like to embed the itinerary. You will want to either use our pre-formatted code for your specific trips or follow our instructions to build your own:

Build Your Own Itinerary Code (Expert)

When adding <div data-travefy-itinerary-id="{{put the id here}}" class="travefy-itinerary"></div> you will want to locate the itinerary id and add it where it says {{put the id here}} . Completely replace {{put the id here}} including the curly brackets with the itinerary id.

When in the itinerary builder press "Send to Clients" and then press "Preview". Once you are viewing the URL shareable itinerary you can copy part of the following text in bold in the URL:
Complete url:
Extracted id: gavc6uqxngpmburxjgfr2kuxhdre2

Did this answer your question?