Travel Agency Tribes Docs RSS Feed

Saved List Feature

fluke@travelagencytribes.com (Kitisak Fluke) — Wed, 18 Mar 26 03:41:04 +0000

A lightweight saved list (favorites/wishlist) feature using localStorage and jQuery. No backend required. Data persists across browser sessions indefinitely.

Requirements

jQuery (any recent version)
Font Awesome 6 (for heart icons)
Bootstrap 5 (optional, for layout classes used in examples)

Installation

Include saved-list.js in your layout, after jQuery and before your closing </body> tag.

script_tag src="/layout_bootstrap/js/saved-list.js"

How It Works

Product IDs are stored in localStorage under the key _tat_saved_product_ids as a JSON array of strings.
When the saved list changes, a jQuery event tat:savedlist:changed is triggered on window. Any part of the page can listen to this event.
On page load, all save buttons on the page are scanned and their heart icon state is restored from localStorage.
The navbar badge and icon are also synced on load and on every change.

localStorage Key

All data is stored under a prefixed key to avoid conflicts with other scripts on the same domain.

Key	Value
`_tat_saved_product_ids`	JSON array of product ID strings. Example: `["42","87","103"]`

JavaScript API

The SavedList object is available globally as window.SavedList.

Method	Returns	Description
`SavedList.getAll()`	`Array<string>`	Returns all saved product IDs.
`SavedList.toggle(id)`	`boolean`	Adds the ID if not saved, removes it if already saved. Returns `true` if added, `false` if removed.
`SavedList.has(id)`	`boolean`	Returns `true` if the given ID is currently saved.
`SavedList.count()`	`number`	Returns the number of saved items.
`SavedList.clear()`	`void`	Removes all saved IDs and triggers the changed event.

Example Usage

// Get all saved IDs (e.g. to send to your server)
const ids = SavedList.getAll();
// ["42", "87", "103"]
 
// Check if a product is saved
if (SavedList.has("42")) {
  console.log("Product 42 is saved");
}
 
// Manually toggle a product
const added = SavedList.toggle("42");
console.log(added ? "Added" : "Removed");
 
// Clear all saved items
SavedList.clear();

Events

Event	Triggered on	Description
`tat:savedlist:changed`	`window`	Fired whenever the saved list is modified (toggle or clear). The event passes the updated array of IDs as the second argument.

Listening to changes

$(window).on("tat:savedlist:changed", function(e, ids) {
  console.log("Saved list updated:", ids);
});

Part 1: Save Button (Product Card)

Add a save button inside each product card. The button must have:

Class tat-sl-btn — used by the script to find all buttons on page load
Attribute data-product-id — the unique ID of the product
An <i> tag with class tat-sl-heart-{id} — used to update the icon state
style="pointer-events: none;" on the <i> tag — prevents the icon from intercepting the click event

HTML

<button
  type="button"
  class="tat-sl-btn"
  data-product-id="42"
  aria-label="Save this product"
  style="z-index: 10; position: absolute; top: 0; right: 0;"
>
  <i class="fa-regular fa-heart" id="tat-sl-heart-42" style="pointer-events: none;"></i>
</button>

Liquid Template (loop)

{% raw %}{% for p in products %}
<div class="position-relative">
 
  <!-- product image -->
  <img src="{{p.primary_media.original}}" alt="{{p.title}}">
 
  <!-- save button -->
  <button
    type="button"
    class="tat-sl-btn position-absolute top-0 end-0 border-0 bg-transparent"
    data-product-id="{{p.id}}"
    aria-label="Save {{p.title}}"
    style="z-index: 10;"
  >
    <i class="fa-regular fa-heart fs-3 text-white tat-sl-heart-{{p.id}}" style="pointer-events: none;"></i>
  </button>
 
  <!-- overlay link — must have lower z-index than the button -->
  <a href="{{p.permalink}}" class="position-absolute top-0 start-0 w-100 h-100" style="z-index: 5;"></a>
 
</div>
{% endfor %}{% endraw %}

Important: If your card has a full-size overlay <a> tag, the save button must have a higher z-index than the overlay link. Use inline style="z-index" values to avoid conflicts with CSS utility classes that may or may not be defined in your project.

Icon States

State	Icon class applied
Not saved	`fa-regular fa-heart fs-3 text-white`
Saved	`fa-solid fa-heart fs-3 text-danger`

To customise the icon classes, edit the tatUpdateHeartIcon function in saved-list.js.

Part 2: Navbar Button

Add this anywhere in your navbar. It shows a heart icon and a badge with the count of saved items. The badge is hidden when the count is zero.

Required IDs

Element	ID
Heart icon `<i>`	`tat-sl-navbar-heart-icon`
Count badge `<span>`	`tat-sl-count-badge`

HTML

<a href="/saved" title="Saved list">
  <i class="fa-regular fa-heart" id="tat-sl-navbar-heart-icon"></i>
  <span id="tat-sl-count-badge" class="d-none">0</span>
</a>

Navbar Icon States

State	Icon class applied	Badge
Empty list	`fa-regular fa-heart fs-5`	Hidden (`d-none`)
Has saved items	`fa-solid fa-heart fs-5 text-danger`	Visible, shows count

To customise icon classes or badge style, edit the tatSyncNavbar function in saved-list.js.

Part 3: Saved List Page

The saved list page is intentionally not included in saved-list.js. It lives only on the saved list page itself. It reads IDs from SavedList.getAll(), fetches product data from the API, and renders the cards.

API Endpoint

{% raw %}

Detail	Value
Method	`GET`
URL	`https://api.gttwl.net/post?page_size=100&ids={id},{id},{id}`
Auth	HTTP Basic — username: `agency`, password: your agency token
Response shape	`{ data: { entries: [ ...products ] } }`

{% endraw %}

Replace [AGENCY TOKEN] in the script below with your actual token.

Required HTML elements on the page

Element ID	Purpose
`saved-list-count`	Displays the number of saved items. Updated on load and on remove.
`saved-empty-msg`	Shown when the saved list is empty. Removed from DOM when items exist.
`saved-list-container`	The grid container where product cards are rendered.

HTML

<p>You have <span id="saved-list-count">0</span> saved resort(s).</p>
<p id="saved-empty-msg"></p>
<div class="row g-4" id="saved-list-container"></div>

Page Script

Place this script at the bottom of the saved list page, after saved-list.js.

{% raw %}document.addEventListener('DOMContentLoaded', () => {
  const ids = SavedList.getAll();
  const container = document.getElementById('saved-list-container');
  const emptyMsg = document.getElementById('saved-empty-msg');
 
  document.getElementById('saved-list-count').innerText = ids.length;
 
  if (!ids.length) {
    emptyMsg.textContent = 'No favorite resorts at the moment.';
    return;
  }
 
  if (emptyMsg) emptyMsg.remove();
 
  const authHeader = 'Basic ' + btoa('agency:[AGENCY TOKEN]');
 
  fetch(`https://api.gttwl.net/post?page_size=100&ids=${ids.join(',')}`, {
    method: 'GET',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': authHeader
    }
  })
    .then(r => r.json())
    .then(({ data: { entries: products } }) => {
      container.innerHTML = products.map(p => {
        const price       = p?.custom_fields?.price_category;
        const resortSize  = p?.custom_fields?.resort_size;
        const weddingSize = p?.custom_fields?.wedding_size;
        return `
          <div class="col-lg-6 col-xl-4" data-aos="fade-up">
            <div class="bg-white rounded-4 overflow-hidden position-relative shadow h-100">
              <div class="position-relative">
                <img src="${p?.primary_media?.large || ''}" class="w-100" alt="${p?.title || ''}">
              </div>
              <div class="px-3 pb-5 pt-3">
                <h5 class="lh-sm fs-4 text-primary">${p?.title || ''}</h5>
                <div class="d-flex justify-content-between position-absolute bottom-0 start-0 w-100 px-3 pb-3 fs-tiny gap-4">
                  <div class="d-flex flex-row">
                    ${price && price.length > 1 ? `
                    <div class="d-flex align-items-center lh-sm me-3">
                      <i class="fa-solid fa-dollar-sign"></i>
                      <span class="ms-1">${price}</span>
                    </div>` : ''}
 
                    ${resortSize && resortSize.length > 1 ? `
                    <div class="d-flex align-items-center lh-sm me-3">
                      <i class="fa-solid fa-bed"></i>
                      <span class="ms-1">${resortSize}</span>
                    </div>` : ''}
 
                    ${weddingSize && weddingSize.length > 1 ? `
                    <div class="d-flex align-items-center lh-sm me-3" title="wedding group">
                      <i class="fa-solid fa-users"></i>
                      <span class="ms-1">2 - ${weddingSize}</span>
                    </div>` : ''}
 
                    <div class="d-flex align-items-center lh-sm" title="accessible">
                      <i class="fa-solid fa-wheelchair"></i>
                    </div>
                  </div>
                  <button class="btn btn-sm btn-outline-danger" style="z-index: 10;" onclick="removeSaved('${p.id}', this)">
                    <i class="fa-solid fa-trash" style="pointer-events: none;"></i>
                  </button>
                </div>
              </div>
              <a href="${p?.permalink || '#'}" class="position-absolute top-0 start-0 w-100 h-100" style="z-index: 5;"></a>
            </div>
          </div>
        `;
      }).join('');
    })
    .catch(err => {
      console.error('Fetch error:', err);
      container.innerHTML = '<p class="text-danger">Failed to load saved items.</p>';
    });
});
 
function removeSaved(id, btn) {
  SavedList.toggle(id);
 
  // Remove the card column wrapper
  const card = btn.closest('.col-lg-6');
  if (card) card.remove();
 
  // Update count display
  document.getElementById('saved-list-count').innerText = SavedList.count();
 
  // Show empty message if no cards remain
  if (!document.querySelectorAll('#saved-list-container .col-lg-6').length) {
    document.getElementById('saved-list-container').innerHTML =
      '<p class="text-muted">No saved items.</p>';
  }
}{% endraw %}

Notes

The removeSaved function calls SavedList.toggle(id) which also triggers tat:savedlist:changed, so the navbar badge updates automatically.
The remove button uses style="z-index: 10;" and the overlay link uses style="z-index: 5;" so the button stays clickable above the card overlay.
The <i> inside the remove button has style="pointer-events: none;" so clicks always land on the button element, not the icon.
The API returns up to 100 results per call (page_size=100). If a user saves more than 100 items, only the first 100 will be returned.

Global Functions Reference

These functions are exposed on window and can be called from anywhere.

Function	Description
`tatUpdateHeartIcon(id, isSaved)`	Updates the heart icon for a given product ID. Pass `true` for saved state, `false` for unsaved.
`tatSyncNavbar()`	Re-reads the saved list count and updates the navbar heart icon and badge. Called automatically on load and on every change.

DOM IDs and Classes Reference

Selector	Type	Used for
`.tat-sl-btn`	Class	Save button on product cards. Script scans for these on page load to restore saved state.
`.tat-sl-heart-{id}`	Class	The `<i>` icon inside each save button. Replace `{id}` with the product ID.
`#tat-sl-navbar-heart-icon`	ID	The `<i>` icon in the navbar saved list button.
`#tat-sl-count-badge`	ID	The badge element in the navbar that shows the saved count.

Troubleshooting

Heart button not clickable

If your card has a full-size overlay <a> tag, the button's z-index must be higher than the overlay. Use inline style="z-index: 10;" on the button and style="z-index: 5;" on the overlay link.
Make sure the <i> icon has style="pointer-events: none;" so clicks pass through to the button and not the icon.

Icon state not restored on page load

Make sure saved-list.js is loaded after jQuery.
Make sure the button has class tat-sl-btn and attribute data-product-id.
Make sure the icon has class tat-sl-heart-{id} matching the same product ID value.

Navbar badge not showing

Make sure id="tat-sl-navbar-heart-icon" and id="tat-sl-count-badge" exist in the DOM when the page loads.
The badge must start with class d-none. The script removes this class when count is greater than zero.

Saved data lost after browser close

This should not happen with localStorage. Check that the user is not browsing in private or incognito mode — localStorage does not persist after the session ends in private mode.

How to Set Up Custom Fields for Posts

pim.rong2709@gmail.com (Billie R) — Wed, 18 Mar 26 03:13:31 +0000

You can set up custom fields for any type of post to collect additional data. These fields will be rendered dynamically in the post editor.

1. Create a Custom Field Setting

Go to System Settings
Create a new setting with name: Custom Fields - [TYPE]

Example: Custom Fields - Blogs

2. Define Field Structure

We support two formats:

2.1 Legacy Format

NAME:LABEL:TYPE

Example:

package_price:Package Price:number

2.2 JSON Format (Recommended)

This format allows full customization and supports UI options.

[
  {
    "name": "package_price",
    "label": "Package Price",
    "type": "number",
    "default_value": 100,
    "placeholder": "Enter your package price",
    "required": false,
    "ui": {
      "help_text": "Enter price in USD"
    }
  }
]

3. Supported Field Types

Text (default)

Any unknown type will fallback to a normal input field.

{
  "name": "title",
  "label": "Title",
  "type": "text"
}

Number

{
  "name": "price",
  "label": "Price",
  "type": "number"
}

Textarea

{
  "name": "description",
  "label": "Description",
  "type": "textarea"
}

Select

{
  "name": "price_category",
  "label": "Price Category",
  "type": "select",
  "values": [
    { "label": "Moderate", "value": "moderate" },
    { "label": "Luxury", "value": "luxury" }
  ],
  "placeholder": "Select category"
}

HTML Editor

Rich text editor (full HTML editing).

{
  "name": "content",
  "label": "Content",
  "type": "html_editor"
}

Date

Uses a date picker input.

{
  "name": "publish_date",
  "label": "Publish Date",
  "type": "date",
  "placeholder": "Select date"
}

4. Common Properties

name – field key (used in post[data])
label – display label
type – input type
default_value – default value
placeholder – input placeholder
required – make field required
ui.help_text – helper text shown below input

5. How Data is Stored

All custom field values are stored inside:

post[data][FIELD_NAME]

Example:

post[data][package_price] = 100

6. Notes

JSON format is recommended for flexibility
Fields are rendered in a responsive grid (1–3 columns depending on type)
html_editor and textarea use full width
select, number, and date use smaller width

Handling Change and Feature Requests

sirromariof@gmail.com (Romario) — Thu, 19 Feb 26 04:32:33 +0000

These are generally technical requests having to do with the structure or organisation of a website or the addition, augmentation or removal of something from the website.

1. Identify what type of request the client is making:

1. An update to an existing feature.

2. A new addition to the website.

3. Removal of an existing feature.

2. Find out why.

It is important to understand why the customer is making the request. This way you can advise them as best as possible, as you are generally the subject expertise.

3. Find out if the request is feasible

Find out from the technical team if the request is possible. If so, is there a cost associated and what is the timeline required.

4. Communicate

Let the client know the details and come to an agreement on moving forward, set expectations.

1. Ensure they agree to the timeline

2. Ensure they agree to the cost

3. Ensure they are kept in the loop of the progress.

TravelOnly - Agency Settings

anabelunga@gmail.com (Anabel Fernandez) — Thu, 19 Feb 26 04:32:33 +0000

For TravelOnly Websites, we are using Settings that allow you add some specific content that is custom for each travel agency. Here is the list of available settings:

Custom Accounts and code

Setting name	Valor
softvoyage_alias	softvoyage alias characters
plcode	TravelBrands booking code

Adding code to the template

Setting name	Valor
google_analytics	Google Analytics Code
custom_head_html	Will appear just before </head> tag close
custom_footer_html	Will appear just before </body> tag close
facebook_pixel	Facebook Pixel Code
email_support	update support email

Agency Social Links

Setting name	Valor
facebook	Facebook Page URL
twitter	Twitter Page URL
linkedin	Linkedin Page URL
google	Google Plus Page URL
instagram	Instagram Page URL
pinterest	Pinterest Page URL

Use the following settings if the individual post is not showing the proper layout

Setting name	Valor
location:permalink	/location/:permalink
blog:permalink	/blog/:permalink
offer:permalink	/offer/:permalink
product:permalink	/product/:permalink
testimonial:permalink	/testimonial/:permalink
photo:permalink	/photo/:permalink
user:permalink	/user/:username

TravelOnly - Mass Publishing Standard Content

sirromariof@gmail.com (Romario) — Thu, 19 Feb 26 04:32:33 +0000

Step 1:

Navigate to the Content Section and you will be inside the inbox section.

The inbox is where every product created exists and a the publishing feed is where you can add the products you want to mass publish.

To add products to the publishing feed hover over the 3 dots beside the product and hover over add to feed then click publishing.

Step 2:

Navigate to the "Publishing" Feed on the left hand side of the page.

Step 3:

Click the green publishing button at the top right hand side of the page. A form will pop up.

Step 4:

Select the sites you want to publish the content to, then click the "Publish Feed" button to publish the content to your sites.

TravelOnly - Updating home page banner text

matthew@travelagencytribes.com (Matthew Mcfarlane) — Thu, 19 Feb 26 04:32:33 +0000

Step 1:

Go to your admin and click the settings dropdown menu, select the System Settings option shown:

Step 2: Click the Menu beside Go and scroll to create a custom setting select it then press Go.

Step 3: Add "headline_banner" as the name of the setting then add the text you want for the main headline in the text box.

After that click save.

Repeat step 2 and 3 but change the title to subheadline_banner for the subheadline.

Uniglobe - Footer

anabelunga@gmail.com (Anabel Fernandez) — Thu, 19 Feb 26 04:32:33 +0000

The image above show you the website footer and sections, what is about and elements to customize.

First Column is about the head agency information: Agency Name, Address, Phone Number, Fax Number, Email.

Second Column are some quick links: Meet the Team, Our Locations, Contact Us, Careers (when available). You will be able to add new links via settings, creating the setting "new_menu_footer" and add the HTML code <li><a href="Menu Link">New Menu Item</a></li>, if you want to add more just repeat the same code.

The Third Column is where the social links are and to update them you will use the same settings as in the header, will automatically update. Please check the list of settings.

In the fourth column is the link for subscribe to the newsletter.

Additional is a code on each column in case you want to add more content and instead of using settings you will create a partial page from design page, just be sure to use the correct permalinks, they are very easy to remember: _footer_column1, _footer_column2, _footer_column3, _footer_column4.

At the end of the footer are the general links, for credits, privacy and terms. Similar to the second column you will be able to add new links via settings, creating a new setting "new_menu_credits" and adding the HTML code <li><a href="Menu Link">New Menu Item</a></li>, if you want to add more just repeat the same code.

Uniglobe - Landing Page Services

anabelunga@gmail.com (Anabel Fernandez) — Thu, 19 Feb 26 04:32:33 +0000

A “Travel Style Landing Page” on your site is a page that describe a service that you offer to a particular travel audience. Landing Pages are great for SEO because they describe and show all the related content for that specific service.

Uniglobe West Template, has a group of Landing Pages that were created by default. They are showing as verticals on the design home page under "Travel Styles" section.

Click on one of the verticals in the home page and you will see a "Travel Style Landing Page". Also, you can access through the top menu. The following image shows you the structure of a Landing Page Ex: "Cruise Landing Page".

As described in the image above for a "Landing Page" you will need a "Title" (Use a short Title, be specific), a "Content" (Brief description of your service), and a Nice Picture (Find a nice picture to sell the service, best image size is 1500px x 900px, but you should be ok if at least has 1200px width landscape).

The following sections are about the related content: suppliers, products, testimonials, blogs and agents. All of them with the same Landing Page last-tag. For Example, if the Landing Page last-tag is "cruise" will show all related content with tag "cruise". For that reason, the last-tag of the Landing Page must be unique for that Landing Page.

Note: Unlike the product and blog page, for Services and Suppliers Landing Pages we use the last-tag to show the related content.

Subcategories

Another related content inside the Landing Page are the subcategories, they are also landing pages but with a different tags.

Example, if you want to add related subcategory/ies inside the Landing Page "Travel Group" just need, from admin, create a new Landing Page (be sure to have a Title, a content and a Banner image). Before you save add the tags; first-tag: subcategory_group and last-tag: the unique Landing Page tag.

Is very simple, just take the last-tag main category and add "subcategory_" in front of the main tag. For the example above the Landing Page main tag is "group", as a result the subcategory first-tag will be "subcategory_group". If the main tag is "luxury" the first-tag subcategory will be "subcategory_luxury".

TravelOnly - Main CMS

anabelunga@gmail.com (Anabel Fernandez) — Thu, 19 Feb 26 04:32:33 +0000

The place to manage and publish all Agencies content is the Main CMS http://travelonly.gttcms.com/ (use the same login credentials as the app admin).

All Blogs, Products, Photos, Landing Posts are here and you can publish to all agencies simultaneously.

From the home-page you can access and check all websites traffic (last 30 days), leads and the link to see the complete Analytics. It is the best place to get right away all the agencies online activity, the most popular pages, traffic sources and leads.

Get access to all content through the top-menu:

Content: create/update posts for websites (Products, Blogs, Videos, Photos, Landing Pages, HTML Pages).
Ads: Currently, TravelOnly template doesn't have assigned Ads Zones.
My Account: Access to user/users account, sites and CMS information.

TravelOnly - Travel Styles (Landing Pages)

anabelunga@gmail.com (Anabel Fernandez) — Thu, 19 Feb 26 04:32:33 +0000

A “Travel Style Landing Page” on your site is a page that describe a service that you offer to a particular travel audience.

TravelOnly Template, has a group of Landing Pages that were created by default. They are showing in the home-page inside a slider "Travel Styles" section.

Click on one of the verticals and you will see a "Travel Style Landing Page". Also, you can access through the top menu too. The following image shows you the structure of a Landing Page Ex: http://travelonlytest.gttwl2.com/ocean-river-cruising

The following sections are about the related content: suppliers, products, testimonials and blogs. All of them with the same Landing Page last-tag. For Example, if the Landing Page last-tag is "cruise" will show all related content with tag "cruise". For that reason, the last-tag of the Landing Page must be unique.

All Default Landing Pages were created from the Main CMS, you can find the list here: http://travelonly.gttcms.com/landing_pages. They are very easy to detect, they are the ones with first-tag "specialty"

The rest of the landing Pages are the suppliers and we explain them in another post.

TravelOnly - Creating A New Site

sirromariof@gmail.com (Romario) — Thu, 19 Feb 26 04:32:33 +0000

You can create a new website with ease in our content management system.

Here goes!

1. First Step, Sign In To Your Team:

2. Click The Menu Icon on the top right hand corner and click the sites option in the second row.

3. You'll be taken to the sites section, you'll notice a red button with a "+" floating on your screen, click that to create a new website, a form will pop up for you to fill out.

4. Fill the form that pops up with the appropriate information and select "TravelOnly" from the templates available, then submitting the form by clicking the "Add Target" button.

5. That's it! Your site is created! You'll be brought to this Site Editing Page, where you can update the sites information.

6. To Launch a new site with a "travelonly" domain or a custom domain, click the URLS tab and the following fields will show:

7. Copy & Paste the CName into the "Alternate Domains" field and add your live domain to the CName field, like below:

That's all there is to it!

Visit https://api2.gttwl.net/admin/reset_password to set your password.

TravelOnly - Updating Your About Page

sirromariof@gmail.com (Romario) — Thu, 19 Feb 26 04:32:33 +0000

The About Us Page for all agencies will be similar to: https://travelonly.gttwl2.com/en/about (one agent-oriented agency).

The Graphic above shows you all the elements under the page, from the single agent information to the default title and content.

Updating Agent Information (left side)

Go to the agent/member edit page on admin, from there you can update the agent photo and replace the default image, add the phone number and/or personal social media links.

Multiple Agents

If you add more than one agent the left side will automatically remove and the list of agents will show at the bottom of the page.

Updating About Page Content

The default information comes from a page created under the TravelOnly CMS and published to the agency. Follow the following steps if you want to use your information:

1- Unpublish the “About Us” page that comes from the “TravelOnly CMS” clicking on the right icon under “ACTIONS” column.

2- Create a new page with the title “About Us” and permalink “/en/about” (permalink must be the same) and select the type of page “Page (HTML rich text editor)”.

3- Start adding your content inside the body “editor” and don't forget to save.

Note: If the agency has only one agent, the agent will show on the left side exactly as the first image but with the new content.

TravelOnly - Update Domain Name

matthew@travelagencytribes.com (Matthew Mcfarlane) — Thu, 19 Feb 26 04:32:33 +0000

It's easy to point your domain to our servers.

Please follow the instructions EXACTLY as described below.

Step #1

Create a CNAME entry to point "www.yourdomain.com" to "gttwl2.com"

Note: replace"www.yourdomain.com to your actual domain

Step #2

Create an A record to point "yourdomain.com" to "51.81.251.175"

Note: replace"yourdomain.com to your actual domain

Step #3

Note: replace "yoursite.gttwl2.com" to your actual domain

That's it! In many cases, it may take up to 24 hours to fully resolve. But it may be faster.

Activating your website as a sub-domain

matthew@travelagencytribes.com (Matthew Mcfarlane) — Thu, 19 Feb 26 04:32:33 +0000

You already have a domain and want your new site as a subdomain.

It's easy to do.

Please follow the instructions EXACTLY as described below.

Step #1

Create a CNAME entry to point "subdomain.com" to "gttwl2.com"

Note: replace"subdomain.com to your actual domain

Step #2

Create another CNAME entry to point "www.subdomain.com" to "gttwl2.com"

Step #3

Note: replace "yoursite.gttwl2.com" to your actual sub domain

That's it! In many cases, it may take up to 24 hours to fully resolve. But it may be faster.

NOTE:

If you're using our older platform, please make the CNAME entry point to "gttwl.com" instead!

Uniglobe - Header

anabelunga@gmail.com (Anabel Fernandez) — Thu, 19 Feb 26 04:32:33 +0000

The Header of the website is where the logo and the main menu is.

The default menu is: About (Team, Location), Blog, Resources (Travel tool box, Newsletter) and Contact. The custom links will be added/updated via settings. Please check the list of settings.

The social links are just bellow the main menu and are also add/update via settings.

There is also another setting to add new menu links, if the agency request it. Just need to create a setting name "new_menu", you must need to add an HTML code <li><a href="Menu Link">New Menu Item</a></li>.

Same HTML code you must add if you want to add an additional link under the dropdown resources. Just need to create the setting "resource".

Uniglobe - Tags

anabelunga@gmail.com (Anabel Fernandez) — Thu, 19 Feb 26 04:32:33 +0000

Tags are very important, they are page keywords and they also allow you to put the related content together as a flexible way to organize your content.

Order is also important, only the first and last tags define the related content:

We use a first tag to group same kind of “Landing Pages” for example for “Travel Specialties” (Cruise Travel, Luxury Travel, Escorted Tour...) we use as a first-tag: “specialty”. Or to define suppliers, Landing Pages with first-tag: "supplier".

The “last tag” will be to define the specific topic. For example “Cruise” tag: “cruise”. If the topic has more than one keyword we suggest to join them in only one word for example “Ocean Cruises” tag: “ocean_cruises”. If you use tag: “ocean cruises” the system will read them as a separate words “ocean” and “cruises”.

Please check the Service Landing Page and Product Page to see how the tags are used for related content.

Uniglobe - Product Page

anabelunga@gmail.com (Anabel Fernandez) — Thu, 19 Feb 26 04:32:33 +0000

The product is just about the travel offer page, the suppliers offers and sales. The following image show you the structure of a example product page.

Product Title

Give your product an engaging, short and descriptive at the same time.

Content

Is about a description for that specific offer. Write all the necessary details.

When creating the content, please do not copy and paste from another source because you also will be coping all the styles and layout from that source. Use the editor correctly:

When having a subtitle use an h3, never use a h1 because that element is assigned to the product title.
Do not use tables for creating layout or position the elements inside the page, only when is a real table content.
Do not assign specific sizes or styles, like different colors, backgrounds. Keep it simple, clean and easy to read. The template styles are there for that reason.
Use the bullets if you want to list some content or features.

Summary

Is to summarize about the product and will be used as a meta description of your “Travel Offer”. By default, when the teaser is not there the system will automatically take part of the content as a meta description.

Primary Image

Select a good destinations pictures, 1500px x 900px is the recommended size but you can use another size, you only must keep the width minimum 1024px and 1MB maximum weight.

The template has the option to add selected offers, products with tag: banner, to the home-page slider banner, for that reason we recommend avoiding images with text, logos or any specific graphic inside.

Destination

If the offer belongs to a specific destination we encourage you adding there, is excellent for SEO.

Terms and Conditions

Write here all the important terms related to the offer. Always will show at the end of the content.

Supplier Logo

The supplier is one of the related content inside the product page. Here will show the logo and link to the Supplier Page, with the same source as the product.ex: celebrity, norwegian, transat... Each source is unique.

Remember always check the spreadsheet the list of sources, copy and paste from the sheet and be sure don't leave any space before or after.

Consultants

It is a section with the list of up to 3 related agents. Agents with the same first product tag:

royal_caribbean, leisure, hot_deals, cruise, last-minute, Royal Caribbean International, RCI, cruise sale, Adventure on Deck, calgary, banner, featured.

The list above is an example of a product tags. If the agent has the tag "royal_caribbean" will show in the right side of the product page. Which means, that always use as a first-tag of the product the one you want to show the specialized agent/s, doesn't matter if is about the supplier, a destination or a kind of travel.

Even though you can add as many tags as you want, remember always keep all the ones used for related content inside the spreadsheet.

Others

Also inside the template of the product page are:

The Itinerary, a good feature when the product is about a whole tour and you want to show the day by day activities and details.
The Price of the offer, you can show the minimum price of the offer.
Additional Images.

Uniglobe - Careers

anabelunga@gmail.com (Anabel Fernandez) — Thu, 19 Feb 26 04:32:33 +0000

Uniglobe Agencies have the ability to add employment positions to the website inside the career page. Is very simple and here is how you can do it.

From the website admin create a new content, you have two ways to do it, from home page dashboard clicking dashboard red button "ADD CONTENT" or top menu "Content" dropdown "Content".

What kind of content to create? Just select "Question".

Add as a Title the Job position and inside the content write as many details you can describing what is about.

In the right side you will find two sections, the first one to update the post status, by default is draft, just update when you are sure all the information is correct, also you can set an specific date to publish it.

The second section is about tags, you can add as many tags as you want but the most important is "career" is the only one tag that will show the post inside the Careers Page ex:http://uw-template.gttwl2.com/careers

Last Step is save the post and the "Carrers" link will automatically show in the footer of the website.

If you click in that link will open the page Careers with the Job/s position listed

TravelOnly - Website Admin

anabelunga@gmail.com (Anabel Fernandez) — Thu, 19 Feb 26 04:32:33 +0000

Getting Access to Admin

Log into the admin area of the website here. Use your admin Email and Password credentials. After you login, the system will show you a dropdown to select your agency and redirect you to the admin dashboard, where you can manage the agency information, customers, leads, content...

Note: If you forgot your password, click on Forgot Password section.

Admin Dashboard

From the dashboard you will get immediately access to the recent website activity, new customers, leads, requests, website traffic...

Admin Menu

Agency: Name and website link
Main: Link to dashboard/admin home-page
People: Access to the customers and agents list.
Content: Create and update website content, website template design, file manager and other database options.
Marketing: Manage Leads, Landing Pages (update and create) and Website Analytics.
Settings: Access to Site Information, System Settings and Integrations.
Help: request Support.
Account: Option to logout.
Dropdown: Access to all agencies admin.

Uniglobe - Supplier Page

anabelunga@gmail.com (Anabel Fernandez) — Thu, 19 Feb 26 04:32:33 +0000

Suppliers are the agency travel partners like: Transat, West Vacations, Gadventures, Trafalgar, Oceania Cruises... They will list inside the Travel Service Landing Page depend the kind of travel style. Inside the system they are Landing Page posts with first-tag: "supplier".

If you want to add a supplier inside a Travel Service Page just need to add the Travel Style main tag just in the middle of the lists of tags, only be sure to left the first-tag for "supplier" and the last-tag for the unique tag "unique_tag". The following example is from Viking River Cruises and the unique tag is "viking_river".

Note: Always check the spreadsheet with the list of tags and sources. If add a new supplier be sure to update.

The following example is a list of suppliers inside the Cruise Travel Style Page:

The following image shows you the GAdventures Page and all the parts:

The structure of the supplier Landing Page is very similar to any other Landing Page the main difference is the top, we do not use a banner image but the supplier logo instead. The rest of the content is about the related content like products, blogs, agents and also a video section (is not visible on the example above)

Related Products

Products with the same "source" as the supplier, will list up to 6 with the link to view more in case there are more suppliers offers.

Related Blogs

Blog posts with the same last-tag or unique tag from the supplier, as we explained above. A limit of 3 blog posts will show with the link to see them all.

Related Agents

Agents with the same last-tag or unique tag from the supplier.

Ad Banner, exactly as is happening in the home page.