Travel agent event registration
This page explains every way you can customize the registration form for TA meetups and events. You do not need to write code — copy the embed snippet, adjust the settings below, and paste it on your website.
Quick start
Add two pieces to your page: a mount point (an empty
box where the form appears) and a script that loads
the form. Mozio will give you an data-event-id for your
event — that value is required.
- Copy the embed code from Try it yourself (or use the minimal example below).
- Paste it into your page where the form should show.
-
Load the production script from
https://mozio-front-end-widgets.vercel.app/mozio-ta-registration.js(this preview uses).
data-event-id on the
mount div. Everything else has sensible defaults (English, staging API
for testing).
Try it yourself
Change any setting and click Update preview. The form below reloads with your choices, and the embed code updates automatically.
Live preview
Embed settings reference
Set these on the mount <div> as
data-* attributes. They are the main way partners
customize the widget.
| What you change | HTML attribute | Required? | Default | Example | What visitors see |
|---|---|---|---|---|---|
| Event | data-event-id |
Yes | — | nyc-event-dev |
Which list and fields signups go to in Mozio’s system. |
| API environment | data-api-env |
No | staging |
production |
Whether signups hit test or live Mozio APIs. |
| Language | data-locale |
No | en_US |
fr |
All form labels and messages. |
| Campaign | data-campaign |
No | empty | nyc-2026 |
Stored with the signup for reporting (invisible on the form). |
| Referral | data-referral |
No | empty | agent-ref-123 |
Referral meetup event on travel-agent signup and event reserve (invisible on the form). |
| Redirect URL | data-redirect-url |
No | none | https://partner.com/thanks |
Browser navigates here after a successful registration. |
| Primary color | data-color-primary |
No | Mozio blue | #fcba03 |
Button and link accent color. |
Valid data-api-env values: staging,
testing, production. Invalid values fall
back to staging.
Page URL options
Add these as query parameters on the page URL where the widget is embedded (not on the script URL). Useful for white-label landing pages and A/B tests without changing the embed HTML.
| What you change | URL parameter | Default | Example | What visitors see |
|---|---|---|---|---|
| Language override | locale or lang |
from data-locale |
?locale=de_DE |
Overrides embed language. |
| Brand name | wl_name |
Mozio |
?wl_name=Acme%20Travel |
“Mozio” in text becomes your brand (title-cased). |
| Skip account step | signup_required=false |
signup required | ?signup_required=false |
After contact details, goes straight to thank-you (no password). |
| Color override | primary_color |
from embed | ?primary_color=%230b77d5 |
Same as primary color on the embed; URL wins if both set. |
| Partner reference | wl |
none | ?wl=acme-travel |
Not visible; used on backend requests for attribution. |
Registration flow
Visitors typically move through these steps:
- Contact details — name, email, phone, company, country.
-
Account creation (optional) — password and currency
if they are new travel agents and account creation is enabled.
Skipped when:
-
The page URL includes
signup_required=false, or - They already have a travel agent account with that email.
-
The page URL includes
-
Thank you — confirmation; optional redirect if
data-redirect-urlis set.
<noscript>JavaScript required.</noscript> for
visitors with JS disabled.
Languages
Set data-locale to one of the codes below. English
(en_US) is built into the script; other languages load
automatically from the CDN when the form opens.
en_USEnglish (US)caCatalande_DEGermanes_ESSpanishfrFrenchid_IDIndonesianit_ITItalianja_JPJapaneseko_KRKoreannlDutchplPolishptPortuguesept_BRPortuguese (Brazil)ru_RURussiansvSwedishth_THThaivi_VNVietnamesezh_CNChinese (Simplified)zh_TWChinese (Traditional)
Tracking & events
For analytics or custom behavior, your site can listen for events that bubble up from the form (requires a developer on your team):
-
mozio:ta-registration-complete— fired when registration finishes successfully. -
mozio:ta-registration-error— fired on configuration or submission errors.
To re-scan the page after adding the widget dynamically (e.g. in a
single-page app), call
window.MozioTaRegistration.init() once the mount div is
in the DOM.
Mozio setup (internal)
Partners only need data-event-id. Mozio operations
configures the mapping on the server:
-
TA_REGISTRATION_EVENTS— JSON map from event ID to ActiveCampaign list, custom field IDs, and optional tags. -
ACTIVE_CAMPAIGN_API_URLandACTIVE_CAMPAIGN_API_KEY— credentials for syncing contacts.
Example event key used in this preview:
nyc-event-dev. Each new meetup needs a new event ID entry
before go-live.
Troubleshooting
- Form does not appear
-
Check that
data-event-idis set, the script URL is correct, and JavaScript is enabled. Open the browser console for errors. - Wrong language
-
Confirm
data-localeand that locale files are deployed on the CDN (non-English loads/ta-registration/locales/<locale>.json). - Signups not in ActiveCampaign
-
Verify
data-api-envisproductionon the live page and the event ID exists inTA_REGISTRATION_EVENTS. - Color does not apply
-
Use hex format (
#0b77d5) or a CSS color name. Check ifprimary_colorin the page URL overrides the embed. - Still on account step but want one-step signup
- Add
?signup_required=falseto the page URL.
Hello widget (technical demo)
A minimal sample widget for engineers — not used for TA meetups.