Back to Onboarding

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.

Placeholder
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
Image

03

Open it and copy the code
Image

04

Open your Website Builder, open your the desired page and look for the "custom code" or "html" element
 

05

You embedded tool should look similar to the following example
Image

06

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

Any Questions?