You can integrate WeTravel booking into your Wix website using several approaches, depending on how your site is built. Because Wix restricts custom HTML and JavaScript embeds on standard pages, the most common and reliable solution is to use a Lightbox to display the WeTravel checkout.
This guide explains the recommended Lightbox setup, as well as alternative solutions for Wix sites that use repeaters, events, or booking-style layouts.
These instructions apply to all WeTravel booking flows (Book Now, Calendar, and Download Brochure). The same logic can be reused for different trips.
💡Important: The standard WeTravel HTML embed code is not compatible when pasted directly into Wix pages. Instead, Wix requires indirect solutions such as Lightboxes or booking URLs.
Before You Begin
For Wix integrations, you will usually use a direct WeTravel booking link rather than the full embed code.
Log in to your WeTravel account
Open the trip you want to embed
Go to Promote → Direct Link
Copy the Trip Booking Link or Payment Link
You will use this link in a Lightbox or as a button link, depending on your Wix setup.
Recommended Solution: Using a Wix Lightbox (Popup Checkout)
This is the most flexible and commonly used solution for Wix websites.
The idea is:
A “Book Now” button opens a Wix Lightbox
Inside the Lightbox, you display the WeTravel checkout using an embed-compatible block or iframe-style element
The Lightbox background is semi-transparent, creating a pop-up checkout experience
Step 1: Create a Wix Lightbox
Open your Wix Editor
Go to Add → Interactive → Lightbox
Choose a blank Lightbox
Name it something like “WeTravel Checkout.”
Step 2: Style the Lightbox Background
Click the Lightbox background
Set the background color to gray or black
Reduce opacity to create a semi-transparent overlay
Ensure the Lightbox is centered
This gives the appearance of a modal checkout.
Step 3: Add the WeTravel Checkout Inside the Lightbox
Inside the Lightbox, you have two standard options depending on the Wix editor and site configuration.
Option A: Use an Embed / iFrame element (when available)
Add an Embed or iFrame element inside the Lightbox
Set the source URL to your WeTravel Trip Booking Link
Resize the element to fit the checkout view
Option B: Use a button inside the Lightbox that opens the WeTravel link
Add a button inside the Lightbox
Link the button to the WeTravel booking URL
Set the link to open in the same window
Note: Availability of embed elements may vary depending on the Wix editor version and plan.
Step 4: Link Your “Book Now” Button to the Lightbox
Select your main “Book Now” button on the page
Click Link
Choose Lightbox
Select your “WeTravel Checkout” Lightbox
Save changes
Alternative Solution: Using a Direct Booking URL (No Lightbox)
In some Wix setups, the Lightbox approach may not be ideal or necessary.
You can link directly to WeTravel if:
You want a more straightforward setup
You are okay redirecting users to WeTravel
Your site uses Wix Events or booking components
Steps:
Select the button or clickable element
Set the link to your WeTravel Trip Booking URL
Choose whether it opens in the same tab or a new tab
Save and publish
Special Case: Wix Repeaters (Trip Cards, Lists, or Grids)
Some Wix sites display trips using Repeaters.
In this case, the solution depends on how the repeater data is managed.
Option A: Static Repeaters
Manually assign a different WeTravel booking URL to each repeater item’s button
Option B: Dynamic Repeaters (Connected to CMS)
Store the WeTravel booking URL in a CMS field
Connect the button link to that CMS field
This allows each trip card to open the correct WeTravel checkout.
Special Case: Wix Events or Booking Features
If your site uses Wix Events or other booking-style tools:
Check if there is a Booking URL or External Link field
If available, paste the WeTravel Trip Booking URL there
Disable or bypass the default Wix checkout if possible
This replaces Wix’s booking flow with WeTravel.
Multiple Solutions, Depending on Your Setup
Wix does not have a single universal solution. Depending on your site, you may use:
Lightboxes
Direct booking links
Repeaters with dynamic URLs
CMS-connected buttons
Event external booking links
All of these are valid and commonly used.
Preview and Test Your Wix Site
After setting everything up:
Preview the site in the Wix editor
Publish and test the live site
Click Book Now to confirm that the checkout opens correctly
Test on desktop and mobile
Confirm Lightbox closes correctly
Troubleshooting
If the checkout does not appear:
Confirm the button is linked to the correct Lightbox or URL
Verify the WeTravel link works on its own
Make sure pop-ups are not blocked
Check that the Lightbox is not hidden on mobile
Try opening the link in the same tab instead of a new one
Need Help Finding the Best Wix Setup?
Wix sites vary widely depending on:
Editor type
Use of CMS or repeaters
Events or booking features
Lightbox restrictions
Page layouts
If you’re unsure which approach to use, email info@wetravel.com with:
A link to your Wix website
A screenshot of your Wix editor
A short explanation of how you want the booking experience to work
Our in-house team will help you choose the best solution and guide you through the process step by step.