For paid subscribers, your Public & Listed trips are available in your YouLi Shop, and can also be integrated into any other website for SEO and marketing purposes. This is done using a Javascript snippet to embed a preview of your trip on your own website.
NOTE: WIX websites do not currently support this feature due to their limitations on Javascript.
The embed DOES work well on Wordpress and websites that do not restrict the use of <script> tags.
You can integrate at any time, even before your trips are created or finalized.
It is best to integrate while your website is under development to ensure your trips fit seamlessly into your site design. You might even find you have to build fewer pages because YouLi provides what you need out of the box to showcase your itineraries.
White-label Domain: To make the integration smoother, you can choose to purchase a white-label domain so that your YouLi Trips are hosted on a subdomain of your website domain. If you're interested in this add-on, simply request a demo and our team can tell you if it's right for you.
There are two ways you can embed your trips into your own website:
1. FREE: Embed each individually into your own website. When embedding a single trip, it will remain on your website until you remove it or set it to private, even after the trip date is past.
OR
2. CREW: Embed your YouLi Shop into your own website. Then each time you create a trip (and make it Public & Listed) it will show up where ever you embedded your YouLi Shop in your own website. Trips automatically disappear from the embedded shop when the trip start date has passed.
How-To embed a SINGLE YouLi Trip into your own website:
If you'd like to show your collection of trips listed on YouLi embedded within your website, including the banner image and trip details, follow the instructions below.
1. Set your Account Alias to a short name that you're happy with
2. Click the SHARE TRIP button in the header of your trip, then click INTEGRATE WITH WEBSITE
3. You or your website developer can paste this into the page(s) at the location where you want your trips to be shown. You want to click COPY FOR THIS TRIP.
NOTE: For Wordpress sites, if applicable, be sure to put the snippet in a Group block instead of a regular block. Otherwise the trip may appear at the bottom of the page.
4. For any Trips or Quote Templates that you want to integrate, make them Public and Listed. This can be done under 'Update Trip' -> 'Overview' -> 'Trip Privacy'
Make sure they are trips in the future or with estimated dates. Archived trips will not be shown.
How-To embed ALL your trips (Your Shop) into your own website:
If you'd like to show all of your trips as seen on your YouLi Shop, it is a simular process to the one above.
1. Be sure that your Account Alias is set to a short name that you're happy with
2. Click the SHARE TRIP button in the header of your trip, then click INTEGRATE WITH WEBSITE
3. You or your website developer can paste the Website snippet into the page(s) at the location where you want your trips to be shown.
==> You want to click COPY FOR ALL TRIPS.
This will copy the code which shows ALL your Public and Listed trips. Just like on your YouLi Shop but you control the header and footer content.
Watch our How To list your trip and embed your shop help video for a complete walkthrough.
What is the difference between Private, Public, and Listed again?
Private: Trip cannot be seen by anyone, will not show on your YouLi shop and cannot be embedded.
Public: When you mark your trip as Public you have the option of embedding this singular trip onto your own website without it showing up in your YouLi Shop.
Listed: When you mark your trip as Public & Listed, the trip will show up on your YouLi Shop and you have the option of it being embedded as a solo trip or will show up wherever you have embedded your YouLi Shop onto your own website.
NOTE: Anytime you want to remove a trip from your YouLi Shop, simply uncheck the Listed option. It will immediately be removed once you save.
Pro-Tip: If you have a single trip (either Brochure or Set Departure) embedded on your website, that trip will remain to show even after the date of the trip has passed. However, if it is listed in the Shop, it will disappear from your website once the date has passed.
CLIENT EXAMPLE: RareAir Travel - YouLi Shop & Individual Trips Embedded
Website (YouLi Web): https://rareairtravel.com.au
The website contains the general information about the company, but the itinerary specific information is hosted by YouLi Trips and embedded onto both the home page and the "Departures" page.
YouLi Trips: https://trips.rareairtravel.com.au/i/rareair
When customers click from the website to the YouLi hosted Trips, they still see the rareairtravel.com.au domain, so they trust they are booking from a trusted site.
Again, with the embed & White Label Domain feature customers won't know they are on another platform.
If the above example of embedding the trip info and instead you just want to link from a landing page to the registration form on YouLi, watch this quick video.
CLIENT EXAMPLE: Spice Road Travel - YouLi Shop Embedded
Branded Shop within YouLi:
This is Spice Road Travel's branded YouLi Shop Page. All of the trips they made Public and Listed show up here.
Spice Road Travel's Website: Spice Road Travel's YouLi Shop embedded on spiceroadtravel.com. Since this account has selected spiceroadtravel as their Account Alias, their snippet looks like:
<script src="https://youli.io/embeds/script/trips/spiceroadtravel/?view=card">
</script>
This can be added anywhere on the site. In this case they have put it under "tours":
https://spiceroadtravel.com/wp/tours
TROUBLESHOOTING:
1. Do you have any Public AND Listed Trips?
If you don't see any trips after you've added the code, double check that you have trips that are Public AND Listed as listed in step 4 above. The quickest way to check is to click on your account name in the upper right corner of the the application.
It looks something like this:
Once clicked you'll see an option for "YOUR SHOP"
Click on that to be taken to your collection of Public and Listed trips.
FIX: If there are none shown, then update the trips you want to be Public and Listed before continuing to test the integration. You can always make a test trip and then archive it later.
2. Do you have any Public AND Listed Trips - that are in the future?
If the only Public AND Listed Trips you have in your account are in the past, they will be shown under the PAST tab on your Shop, but they will NOT appear on your website.
This can be confusing since the OPEN tab in this case is hidden, showing only the PAST trips.
FIX: Update the past trip to have future dates or estimated dates from inside the trip, make sure it is Public and Listed before continuing to test the integration. You can always make a simple test trip and then archive it later.
3. Do you have any Public AND Listed Trips - that are in NOT closed?
If the only Public AND Listed Trips you have in your account are closed to registrations, they will not be shown in your Shop but if embedded in your website it will still show.
To re-open a trip, change the close date to a date in the future or clear it altogether.
4. Do you use WIX to host your website?
WIX websites do not currently support this feature due to their limitations on Javascript. Currently, if you use WIX, the best way to include your YouLi Trip Pages is by linking them via a button.
5. Are you not seeing your trip embedded?
If you have a trip in “Brochure” mode that you don’t want listed on your shop, you can leave it as Public (and NOT Listed) and simply click COPY THIS TRIP to grab the snippet and embed it onto your website as a catalog of potential itineraries. This allows you to only make your set departure trips as Listed on your Shop since they can be booked immediately.
6. Don’t want to List your Brochure trips on your YouLi shop but want to embed on a landing page on your website?
If you have a trip in “Brochure” mode that you don’t want listed on your shop, you can leave it as Public (and NOT Listed) and simply click COPY THIS TRIP to grab the snippet and embed it onto your website as a catalog of potential itineraries. This allows you to only make your set departure trips as Listed on your Shop since they can be booked immediately.
7. Wordpress ONLY: Seeing your trip somewhere other than where you placed the snippet?
For Wordpress sites, if applicable, put the snippet in a Group block instead of a regular block. Otherwise the trip may appear at the bottom of the page or in an unexpected location.