How does the "Marketing Tool Button" work?
The “Marketing Tool” Button is a ready-made call-to-action button for your website or emails.
You choose the text for the button, copy the code from your tool, and place it where you want people to click and join your offer.
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 Button integration
- On the detail page, look to the right side of the screen.
- You will see a panel with integration options (for example: QR code, link, embed code).
- Click on the option called “Marketing Tool Button”
03
Open the Marketing Tool Button window
- A new window or panel opens.
- You see:
- A preview of how the button will look
- A text field where you can change the button text
- A code box or link you will copy later
04
Choose your button text
- In the text field, type the message you want on the button.
- Keep it short and clear. Examples:
- “Win your dream trip to Guatemala”
- “Join the Dream Trip contest”
- “Get your free travel eSIM”
- The text should make it very clear what the traveler gets when they click.
05
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.
06
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 "Marketing Tool Button" 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

06
The offer will open up as a pop-up window when clicking the button.




