Embedding travel booking widgets into your website

August 18, 2025
This introduction article outlines our 4 main widgets.
Introduction

It is recommended to read our introduction about the travel booking flow widgets and the pages you need to create to support this in this article first.


In summary, the introduction article outlines our 4 main widgets (Searchbox, Results, Availability & Extras, Payment) and the pages you need to create on your website (results, availability & payment) - if we are building your website, we will set these up for you.


 


Getting Your Widget Embed Code

In the sections below, we reference obtaining your own widget code for each of the widgets. To obtain your own widget embed code, just login to your Travelify portal, go to "My Widgets", select the widget you want to embed and, as per the screenshot below, each of your widgets will have a green "Add to website" button which will give you a popup containing the custom HTML code you will need to embed that widget.



Elements Script

Any page that is going to host one (or more) of our widgets needs to have a link to our elements script (it only needs to be added once per page, no matter how many widgets you have on the page). This script should be placed within your page HTML head tags, as close to the end of the head tags as possible. The elements script takes care of loading all of our widgets on the page. It does not affect the loading speed of the page due to the use of the defer attribute (read more about this here). Our latest version now includes an SRI hash for extra security (read more about this here). We also recommend adding the two preconnect links as this can also improve performance with our widgets and the API that powers them.

<head>

...

<link rel="preconnect" href="https://static.travelify.io/" crossorigin />

<link rel="preconnect" href="https://api.travelify.io/" crossorigin />

<script src="https://static.travelify.io/travelify-elements-v1.0.js" integrity="sha512-TeuOMwttHUA+dk4DWHURBgBpRitNvXpCkpTe1UqT9lVlX9kRmaSnIdNo9Nw1UN4EAreRrUXY7i+mba21mLfB4w==" crossorigin="anonymous" defer="defer"></script>

</head>

Searchbox Widget

The first part of the customer booking journey is the searchbox widget which allows customers to search for the product(s) that they would like to book.


Once the searchbox is set up and styled as per your requirements, you can place this on one or as many pages as you require. We recommend placing this in a prominent position on your homepage to help drive bookings.


To embed the searchbox widget into your website, you will normally need a HTML module/plugin (depends on the website builder or platform you are using) and you will place this in the exact position on your page where you want the searchbox to appear. Once you have placed your HTML module/plugin on the page, you can copy your widget code into it as below (this is an example and you will need to get your own widget code by clicking on the "Add to website" button inside Travelify).

<travel-searchbox widgetid="00000" class="travelify-widget"></travel-searchbox>

Important widget setting: you must ensure that you have set the Url to your results page in the searchbox settings (under Miscellaneous). We recommend setting the relative Url to the page rather than the full domain (eg. /results) as below example.

Results Widget

The second page of the booking journey is the results page & widget. This is the page that the customer will be redirected to after performing a search using the searchbox widget.

We recomment that this is the only widget and content on the page (barring header, navigation and footer) as the results widget is design to take up the full page.


Just like the searchbox, ensure you have the elements script on the page, place a HTML module/plugin on the page and paste your results widget code into it as below (again, this is an example only and you need to obtain your own widget code from your Travelify admin).


<travel-results widgetid="00000" class="travelify-widget"></travel-results>


Important widget settings: you must ensure that you have set the Url to your availability/extras page in the widget settings (under Layout). We recommend setting the relative Url to the page rather than the full domain (eg. /availability) as below example. You can also set the Url to your homepage in the other field.

Availability & Extras Widget

The third page of the booking journey is the availability & extras page and widget. This is the page that the customer will be redirected to after selecting a result. It is responsible for not only collecting the travelling passenger/guest information, but can also be used to upsell optional extras such as flight extras (baggage, meal and seat options), transfers, car rental, insurance and various other extras that you want to upsell.

We recomment that this is the only widget and content on the page (barring header, navigation and footer) as the results widget is design to take up the full page.


Just like the results page, ensure you have the elements script on the page, place a HTML module/plugin on the page and paste your availability extras widget code into it as below (again, this is an example only and you need to obtain your own widget code from your Travelify admin).


<travel-avail-extras widgetid="00000" class="travelify-widget"></travel-avail-extras>


Important widget settings: you must ensure that you have set the Url to your basket/payment page in the widget settings (under Layout). We recommend setting the relative Url to the page rather than the full domain (eg. /basket) as below example. You can also set the Url to your results page and homepage in the other fields.

Basket/Payment Widget

The final page of the booking journey is the basket/payment page and widget. This is the page that the customer will be redirected to after entering passenger/guest information and selecting any optional extras. It is responsible for collecting the billing details and processing any payment information from the customer using your payment gateway of choice.

We recomment that this is the only widget and content on the page (barring header, navigation and footer) as the results widget is design to take up the full page.


Just like the last two pages, ensure you have the elements script on the page, place a HTML module/plugin on the page and paste your basket widget code into it as below (again, this is an example only and you need to obtain your own widget code from your Travelify admin).


<travel-basket widgetid="00000" class="travelify-widget"></travel-basket>

 



That completes the customer booking journey as the confirmation is displayed within the basket/payment widget. Our other widgets can normally be placed where required on your website.


February 20, 2026
VIDEO TRAINING - The Travelgenix RSS link builder lets you display live product feeds to your audience on website pages and within marketing emails.
February 20, 2026
VIDEO TRAINING - This video will help you to create offer boxes for your website
February 19, 2026
This 30-day plan is designed to fit into a busy schedule. We aren't rebuilding the internet here; we are just making sure your travel business is seen and heard in all the right places. Think of this as a "Couch to 5K" for your website. By the end of the month, you’ll have a site that Google recognises and customers trust. Your 30-Day "Get Seen" Calendar Week 1: Setting the Foundations (The "Check-In") Focus: Telling the search engines you are open for business. Day 1: Set up Google Search Console. Submit your sitemap so Google can start "reading" your pages. Day 2: Set up Google Analytics 4. Check that it’s tracking your own visits so you know it's working. Day 3: Claim your Google Business Profile. Fill in every detail—don’t skip the phone number or the bio! Day 4: Upload 5 high-quality travel photos to your Google Business Profile. These are your "shop window" images. Day 5: Review: Look at Search Console. Has Google found any errors? If not, great—you’re officially on the map. Week 2: Solving Problems (The "Scratch the Itch") Focus: Finding out what travellers want and giving it to them. Day 8: Go to AnswerThePublic. Search for your top destination (e.g., "Skiing in France"). Pick the 3 most common questions people ask. Day 9: Write a short, helpful 300-word "Quick Guide" on your site answering one of those questions. Day 10: Use Canva to create a stunning graphic for that guide. Post it on your social media with a link back to your site. Day 11: Answer the second question from your list as a new blog post or "Expert Tip" page. Day 12: Review your Google Business Profile. Has anyone left a review? If so, reply with a friendly "Thank you!" Week 3: Building Buzz (The "Digital Recommendations") Focus: Getting the word out and looking like the expert you are. Day 15: Use Canva to create a "Top 5 Tips" checklist for a specific holiday type you sell. Day 16: Share that checklist on LinkedIn or Facebook. Ask people to tag a friend who needs a holiday. Day 17: Reach out to a local partner (maybe a luggage shop or a local cafe) and ask if they’d share your "Top 5 Tips" link on their page. Day 18: Write your third "Answer" post from your Week 2 research. Day 19: Check Google Analytics. Which of your three posts got the most clicks? This is your "winner"—write more like this! Week 4: Refining & Repeating (The "Consistency Loop") Focus: Checking the data and planning for next month. Day 22: Go back to Google Search Console. See if any new "search terms" have appeared. Are people finding you for things you didn't expect? Day 23: Update your Google Business Profile with a "Weekly Update" post about a current travel trend or a new solution you offer. Day 24: Use Canva to refresh your website’s main banner or "Hero" image. Keep it seasonal! Day 25: Look at Google Analytics. Identify the page where people "drop off" (leave the site). Read through it—is it too technical? Make it simpler and more engaging. Day 26: Plan your next 3 "Answer" topics for next month using AnswerThePublic. The "Golden Rule" for Success Don't try to do this all in one day. 20 minutes a day is far better for your business than a 10-hour sprint once a month. Google loves consistency; it shows them you are a reliable, active solution provider.
February 18, 2026
Building a successful travel website isn’t a "set and forget" project—it’s more like tending a garden. If you water it regularly, it blooms; if you leave it, the weeds take over. Here is your step-by-step guide to using those five essential tools to keep your business growing. 1. Google Search Console: Your Direct Line to Google Purpose: To make sure Google can see your pages and tell you if anything is broken. Step-by-Step: Verify Your Site: Go to Search Console and add your website URL. You’ll need to prove you own it by adding a small bit of code to your site (most website builders have a simple box for this). Submit a Sitemap: This is essentially a "map" of your site that helps Google find every page. Most sites create one automatically at yourwebsite.com/sitemap.xml. Paste that link into the "Sitemaps" section. Check for "Crawl Errors": Once a month, look at the "Indexing" report. If Google says a page can’t be found, it’s like having a broken link in your shop window. Fix it! The Result: You'll see which search terms people are using to find you. Timeline: It takes 1–4 weeks for Google to start showing your data. Ongoing Effort: Check this once a month. As you add new tours or blog posts, check here to ensure Google has "seen" them. 2. Google Analytics 4 (GA4): Your Business X-Ray Purpose: To see where your visitors come from and what they do before they book. Step-by-Step: Set Up a Property: Sign up at Google Analytics. Follow the prompts to create a "Data Stream" for your website. Install the Tag: Copy the "Measurement ID" (it starts with G-) and paste it into your website builder's analytics settings. Watch the "Acquisition" Report: Go to Reports > Acquisition > Traffic acquisition. This tells you if people are coming from Google, Facebook, or clicking links in your emails. The Result: You’ll stop guessing what works. If your Instagram posts aren't bringing visitors, you’ll know. Timeline: Data starts appearing within 24 hours. Ongoing Effort: Review this weekly. Look for which pages people stay on the longest—that’s the content they find most helpful! 3. Google Business Profile: Your Local Megaphone Purpose: To show up on Google Maps and in local search results. Step-by-Step: Claim Your Business: Go to Google Business and search for your company name. If it’s not there, create it. Fill Every Box: Add your phone number, website, and opening hours. Crucial: Add high-quality photos of your tours or your happy team. Verify: Google will usually send a postcard or ask for a quick video to prove you’re real. The Result: You’ll appear when someone nearby searches for "Travel Agent" or "Tour Operator." Timeline: You can show up within days of verification. Ongoing Effort: Post an "Update" (like a mini-blog post) once a week and reply to every single review. Active profiles rank higher! 4. Canva: Your Visual Hook Purpose: To create professional-looking images that stop people from scrolling past your brand. Step-by-Step: Pick a Template: Search Canva for "Travel Instagram" or "Travel Brochure." Customise with Your Photos : Drag and drop your own holiday photos into the template. Use your brand colours so people recognise you. Download and Share: Use the "Share" button to download high-res versions for your site or social media. The Result: Your business looks like a global powerhouse, even if you’re a team of one. Timeline: Instant. You’ll have a professional design in 10 minutes. Ongoing Effort: Use this daily or weekly. Visuals go out of date fast; keep your "shop window" fresh with new, seasonal imagery. 5. AnswerThePublic: Your Content Crystal Ball Purpose: To find out exactly what questions travellers are asking so you can provide the answers. Step-by-Step: Search Your Niche: Go to AnswerThePublic and type in a destination or service, like "Luxury Maldives" or "Walking tours London." Download the Data: It will show you a "wheel" of questions people ask (e.g., "Is the Maldives expensive in May?"). Write the Solution : Pick one of those questions and write a short, helpful article on your website answering it. The Result: You become the "expert" that Google loves to recommend. Timeline: Writing an article takes a few hours; seeing it rank on Google takes 3–6 months. Ongoing Effort: Do this once a month. Search trends change with the seasons (winter sun vs. summer city breaks), so always check what people are curious about now. The Reality Check Digital growth is a marathon, not a sprint. You won't see a flood of bookings overnight, but by using these tools consistently, you are building an "asset" that works for you 24/7.
February 16, 2026
So, you’ve launched your new travel site. It looks fantastic, the imagery is dream-worthy, and you’re ready to send people on the trip of a lifetime. The only problem? It’s a bit quiet. If your website feels like a luxury resort with no guests, don't worry. It’s a common itch for new sites, and we’re going to scratch it. Here is how we get you off the back streets and onto the high street of the internet. Why Is Nobody Seeing My Beautiful Site? (The Itch) The biggest frustration for any travel business is knowing you have the perfect solution for a holidaymaker, but they simply aren't finding you. You're competing with the giants, and Google can sometimes feel like a VIP club where you’re not on the list. The secret isn't "better tech"—it's being helpful. People don't search for "websites," they search for "where is the best place for a quiet half-term break?" or "how do I plan a trek in Peru?" When you start answering those questions, the traffic starts flowing. The Visibility Roadmap: Your 3-Step Plan 1. Talk to the Search Engines Think of Google as a giant filing cabinet. If you haven't told them you exist, they can't file you under "Amazing Travel Expert." You need to "check in" so they know your doors are open. 2. Answer the Questions Travellers Are Asking Instead of just listing prices, tell stories. Write about the "top 5 hidden beaches" or "how to pack for a safari." When you provide the answers, Google rewards you by putting you in front of the people asking. 3. Get Digital Recommendations In the travel world, word of mouth is everything. The digital version is getting other reputable websites to mention yours. It’s like a "thumbs up" that tells search engines you’re a trusted expert. The Traffic Toolkit: How to Drive Visitors Google's Front Page (Organic Search): This is the long game. By regularly adding fresh, helpful advice to your site, you’ll naturally climb the rankings. The "Scroll-Stoppers" (Social Media): Don't just post "Book Now." Post a video of a sunset or a tip on how to skip the queues at the Louvre. Give them a reason to click through to your site. The Local Map: If you have an office or a specific region you cover, appearing on the map is a "quick win" for building trust. Your Travel Tech Stack: Simple Tools for Big Results You don't need to be a coder to use these. They are your eyes and ears on the web.
January 12, 2026
VIDEO TRAINING - This tool helps Travelify choose a better default flight for flight plus accommodation holidays.
November 28, 2025
VIDEO TRAINING - This Guide will walk you through the process of creating a new Role in Travelify.
November 27, 2025
VIDEO TRAINING - This Guide walks you through the process of creating a New User in Travelify
November 26, 2025
VIDEO TRAINING - Learn how to efficiently add a Promotion Code in Travelify
November 25, 2025
VIDEO TRAINING - Learn how to efficiently complete the process of adding a Voucher Code in Travelify
Show More