You can embed WeTravel widgets, such as the Book Now button, Pricing Packages, Trip Overview, Inquiry Form, or any other available widget, directly into your Weebly website. This allows visitors to explore your trips and complete their bookings without leaving your site.
Weebly supports Custom HTML embeds, which makes it compatible with all WeTravel widgets that provide embed code.
💡 Important: The embedded checkout pop-up requires JavaScript to function correctly. It works on Weebly plans that allow Custom HTML elements. If you cannot add Custom HTML, you may need to upgrade your Weebly plan.
The steps in this guide apply to all WeTravel widgets. Wherever you see “embed code,” you can use the code for any widget type.
Before You Begin
Get Your WeTravel Embed Code
Log in to your WeTravel account.
Open the trip you want to embed.
Go to Promote → Embed.
Select the widget you want (Book Now, Pricing Packages, Trip Overview, Inquiry Form, etc.).
Click Copy Code.
You will paste this code into your Weebly page using one of the options below.
Add the Embed Code to Your Weebly Website
Weebly uses a drag-and-drop editor. You will embed WeTravel widgets using the Custom HTML element.
This is the recommended method for embedding WeTravel widgets in Weebly.
Option 1: Embed Using the Weebly Custom HTML Element
Log in to your Weebly account.
Open your website and click Edit Site.
Navigate to the page where you want the widget to appear.
From the left panel, drag the Embed Code or Custom HTML element onto the page.
Click inside the element and select Edit Custom HTML.
Paste your WeTravel embed code.
Click outside the element to save.
Publish your site.
Option 2: Replace an Existing Button with a WeTravel Embed
If your page already has a “Book Now” or “Register” button:
Edit the page.
Delete or hide the existing button.
Drag a Custom HTML element into the exact location.
Paste your WeTravel embed code.
Publish and preview.
Option 3: Use a Direct WeTravel Link (If HTML Is Restricted)
If your Weebly plan or theme restricts Custom HTML:
Go to your WeTravel trip.
Copy the Trip Booking Link (Promote → Direct Link).
Edit your Weebly button.
Set the button link to the WeTravel URL.
Save and publish.
Note: This option redirects users to WeTravel, rather than opening the embedded checkout overlay.
Embedding WeTravel Widgets in Reusable Sections
If you want the widget to appear on multiple pages:
Add the Custom HTML element with the embed code.
Save the page.
Duplicate the page or section.
Update surrounding content as needed.
Publish.
Advanced Notes for Weebly Users
Weebly does not support PHP templates or dynamic fields like WordPress. However, you can still:
Duplicate pages to simulate different trip layouts.
Use different embed codes per page.
Control visibility by page placement.
Use CSS (advanced users) to hide or show elements.
If you require dynamic behavior (such as automatically loading different trips), Weebly may require multiple pages or a custom-built solution.
Preview and Test Your Page
After embedding the widget:
Preview the page in the editor.
Publish and test on the live site.
Click Book Now to ensure the checkout overlay opens.
Test on desktop and mobile.
Disable third-party scripts if the widget does not load.
Troubleshooting
If the widget does not appear:
Confirm you used a Custom HTML element.
Make sure the full embed code was pasted.
Check that your Weebly plan allows Custom HTML.
Remove extra formatting around the code.
Test embedding the widget on a blank page.
Republish the site after changes.
Need Help Finding Where to Embed the Widget?
Weebly themes and layouts can vary. If you’re unsure:
Where to place the Custom HTML element
Whether your plan supports embeds
Whether to use embed code or direct links
How to replace an existing booking button
We’ll help you find the best solution. Email info@wetravel.com with:
A link to your Weebly website
A screenshot of your Weebly editor
A short explanation of how you want the booking experience to work
Our in-house team will assist you with the next steps!