How does the "Embed Code" Marketing Tool work on my website?
The “Embed Code” lets you place a TravelNet Marketing Tool directly inside a page on your website.
You copy a short code from your tool, paste it into your website builder (Wix, WordPress, Cornerstone, Elementor, etc.), and the offer appears on your site.
Video Explanation will be added shortly!
Before You Start
You will need:
Active Marketing Tool
An active Marketing Tool in your My Marketing Tools section
Your Website Access
Access to your website builder (e.g. Wix, WordPress + Elementor, Cornerstone, etc.)
Editing Permission
Permission to edit the page where you want the tool to show
Step-by-Step Guide
01
Open your Marketing Tool detail page
- Log in to https://app.travelnet.id
- Click the bar chart icon in the left menu to go to My Marketing Tools.
- Click on the tool instance you want to use (or the Detail button) to open its detail page.
02
Find the Embed Code option
- On the detail page, look at the right side of the screen.
- You will see a panel with integration options (for example: QR code, link, embed code).
- Click the option called “Embed Code” or similar.
03
Open the Embed Code window
- After clicking, a new window or panel opens.
- This window shows:
- A short explanation of how to use the embed code
- A box with code you can copy
04
Copy the embed code
- Click inside the code box.
- Select the full code or click the button "Copy Code"
- The code is now in your clipboard, ready to paste into your website.
05
Open your website builder
- In a new browser tab, log in to your website builder (Wix, WordPress, Cornerstone, Elementor, etc.).
- Open the page where you want the TravelNet tool to appear (for example, your home page or a campaign page).
06
Add a “custom code” or “HTML” element
- In your website builder, look at the list of elements or widgets.
- Find an element named something like:
- “HTML”
- “Custom code”
- “Raw content”
07
Paste the embed code into the element
- Click on the new HTML/custom code element you just added.
- Paste the embed code you copied from TravelNet into the field.
- Save or apply the changes inside your builder.
08
Check the preview in your builder
- In many builders you will already see a preview of the tool inside the page editor.
- If not, do not worry, it will still show on the live page after you publish.
09
Save and publish your page
- Click Save and then Publish/Update in your website builder.
- Open your website in a new browser tab and go to the page you edited.
- You should now see your TravelNet Marketing Tool Offer or Campaign embedded directly on your site.
10
Confirm the tool works
- Click the button or try the form like a traveler would.
- Make sure it opens the correct offer and the signup flow works.
Image Guide
01
Follow the first Step from the Step-by-step explanation and open your marketing tool details page
02
Select the "embed code" sharing option
03
Open it and copy the code
04
Open your Website Builder, open your the desired page and look for the "custom code" or "html" element
- You can find the platforms own custom code element guides here:
05
You embedded tool should look similar to the following example
