SIGN UP

How to: Create specific pages with the Widgety Cruise & Tour Search

Widgety’s new Cruise & Tour Search can be used in many ways to enhance your website, but one of our favourites is creating specific pages of content tailored to your audience, whether that’s displaying a set of results, a ship or even just one single holiday.

While it involves some small tweaks to the HTML code, once you know how it works, it’s a breeze! Let’s walk you through the process and you’ll be creating content-rich webpages in no time. 

				
					<iframe class="widgety-cruise-tour-search" frameborder="0" height="600" preview-nav="true" results-nav="true" src="//www.widgety.co.uk/widgets/szzVxzCykE_byMG5nG4z.widget" tabs="true" width="100%"></iframe>
<script data-widgety="true" src="https://www.widgety.co.uk/assets/widgety_iframe-338e444fa45e2af836a1c162ed7b7fa3b57d6267f6e30c026f7d582a77e34dd7.js"></script>
<script data-widgety="true" src="https://www.widgety.co.uk/assets/deep_linking_iframe-4355a96984c672f2dbc8ef1db67edcde1065f89371539db26a3483f3a6551479.js"></script>
<script src="https://www.widgety.co.uk/assets/widgety_cruise_tour_search_navigation_script-e5c46a5521b82182ecdc1564d7f90c5cfb653f3ffed29c4220e85749607af1de.js"></script>

Understanding the Widget Code

When you first get your Widget embed code, it will look something like the code on the left. It might look a little daunting, but when we break it down into sections you can see that all the key information you need is in the first (highlighted) part, everything after that are scripts that make the Widget run smoothly and don’t need to be touched. 

Within your embed code, you’ll see a ‘source’ tag, written as “src=”, this tells the Widget where to get the information from. Every Widget has it’s own unique source code, and this is the key part you will be changing to create unique content.

 

Access the Standalone Widget Page

The easiest way to make sure you’re changing the right piece of code is to  use the preview link provided. It will look something like this:

https://www.widgety.co.uk/widgets/szzVxzCykE_byMG5nG4z/preview

Replace /preview at the end of the URL with .widget to open the standalone Widget page:

https://www.widgety.co.uk/widgets/szzVxzCykE_byMG5nG4z.widget

This will give you your Cruise & Tour Search on its own page, and we’ll use that URL to generate the specific content. 

Create your Custom Search

On the standalone Widget page, perform the search or navigate to the specific content you want to embed.

Copy the resulting URL from your browser’s address bar.

Example: Searching for all holidays in September 2026 might generate a URL like this:

https://www.widgety.co.uk/widgets/
szzVxzCykE_byMG5nG4z/holidays/result
.widget?selected_months_date_from[]
=2026-09-01

Edit the Embed Code

Replace the src= value in the first part of your original embed code with the new URL. Remove https: from the beginning of the new URL for it to work correctly.

Looking at the example below, the bit that has changed is in the first section, on the 4th line.  We’ve swapped 

src=”//www.widgety.co.uk/widgets/szzVxzCykE_byMG5nG4z.widget”

for

src=”//www.widgety.co.uk/widgets/szzVxzCykE_byMG5nG4z/holidays/result.widget?selected_months_date_from[]=2026-09-01″

Original Embed Code

				
					<iframe class="widgety-cruise-tour-search" frameborder="0" height="600" preview-nav="true" results-nav="true" src="//www.widgety.co.uk/widgets/szzVxzCykE_byMG5nG4z.widget" tabs="true" width="100%"></iframe>
<script data-widgety="true" src="https://www.widgety.co.uk/assets/widgety_iframe-338e444fa45e2af836a1c162ed7b7fa3b57d6267f6e30c026f7d582a77e34dd7.js"></script>
<script data-widgety="true" src="https://www.widgety.co.uk/assets/deep_linking_iframe-4355a96984c672f2dbc8ef1db67edcde1065f89371539db26a3483f3a6551479.js"></script>
<script src="https://www.widgety.co.uk/assets/widgety_cruise_tour_search_navigation_script-e5c46a5521b82182ecdc1564d7f90c5cfb653f3ffed29c4220e85749607af1de.js"></script>

Updated Embed Code

				
					<iframe class="widgety-cruise-tour-search" frameborder="0" height="600" preview-nav="true" results-nav="true" src="//www.widgety.co.uk/widgets/szzVxzCykE_byMG5nG4z/holidays/result.widget?selected_months_date_from[]=2026-09-01" tabs="true" width="100%"></iframe>
<script data-widgety="true" src="https://www.widgety.co.uk/assets/widgety_iframe-338e444fa45e2af836a1c162ed7b7fa3b57d6267f6e30c026f7d582a77e34dd7.js"></script>
<script data-widgety="true" src="https://www.widgety.co.uk/assets/deep_linking_iframe-4355a96984c672f2dbc8ef1db67edcde1065f89371539db26a3483f3a6551479.js"></script>
<script src="https://www.widgety.co.uk/assets/widgety_cruise_tour_search_navigation_script-e5c46a5521b82182ecdc1564d7f90c5cfb653f3ffed29c4220e85749607af1de.js"></script>

Before

After

Simplify the Display

If you wish, you can make the embedded results look more focused by hiding the ‘Search Results’ and the ‘Find a Holiday’ navigations at the top. 

To do this, change these parameters in the embed code:

  • preview-nav="true" → preview-nav="false"
  • results-nav="true" → results-nav="false"
  • tabs="true" → tabs=”false”

Add the Edited Code to your Website & Test

Now you can copy your new embed code and paste it anywhere that accepts HTML. This should only take a moment to do on most websites, and we’re here to help if you need us. We also have a series of guides for different types of web builders coming soon!

Lastly, go to the webpage where you’ve put your shiny new Widget and check to make sure that it’s displaying what you want. If it’s not, it’s usually down to something small like quotation marks being accidentally added or removed around the part of the code you changed. 

You’re done! You now have a tailored Widget on your website. You can repeat this process to create as many pages of content as you like.

A final example of what your finished code might look like, with the embedded result below.

				
					<iframe class="widgety-cruise-tour-search" 
        frameborder="0" 
        height="600" 
        preview-nav="false" 
        results-nav="false" 
        src="//www.widgety.co.uk/widgets/szzVxzCykE_byMG5nG4z/holidays/result.widget?selected_months_date_from[]=2026-09-01" 
        tabs="true" 
        width="100%">
</iframe>
<script data-widgety="true" src="https://www.widgety.co.uk/assets/widgety_iframe-338e444fa45e2af836a1c162ed7b7fa3b57d6267f6e30c026f7d582a77e34dd7.js"></script>
<script data-widgety="true" src="https://www.widgety.co.uk/assets/deep_linking_iframe-4355a96984c672f2dbc8ef1db67edcde1065f89371539db26a3483f3a6551479.js"></script>
<script src="https://www.widgety.co.uk/assets/widgety_cruise_tour_search_navigation_script-e5c46a5521b82182ecdc1564d7f90c5cfb653f3ffed29c4220e85749607af1de.js"></script>

Rediscover Travel Content

Call us on 023 8042 8000 or get in touch using our Contact Us page.

About Widgety

Widgety For

Learn More

Follow Us

Facebook-f Twitter Linkedin-in Instagram

© 2024 Widgety Limited