Build widgets and tracked links for your website
Use the Omio Affiliate Tool to create a search widget or a tracked redirect link for your website.
Choose the option that fits your page, set any available route or display options, and preview the result. Widgets let travellers search for transport on your site; redirect links send them to Omio with route details supplied by your site.
Add your Impact Radius partner ID to track bookings, then copy the generated code or link and follow the integration instructions.
Contact [email protected] if you have any questions.
Live demo
Code Example
Copy and paste code this code snippet to your website.
<script>
(function addWidget(d) {
var widgetStyle = d.createElement('link');
widgetStyle.setAttribute('rel', 'stylesheet');
widgetStyle.setAttribute('href', 'https://www.omio.com/gcs-proxy/b2b-nemo-prod/bundle/en/bundle.css?v=' + new Date().getTime());
d.head.appendChild(widgetStyle);
var widgetScript = d.createElement('script');
widgetScript.setAttribute('src', 'https://www.omio.com/gcs-proxy/b2b-nemo-prod/bundle/en/bundle.js?v=' + new Date().getTime());
d.body.appendChild(widgetScript);
})(document);
</script>
<div
data-omio-widget="true"
data-partner-id="omio-affiliates"
></div>Multiple widgets in one page
To render multiple widgets in one page, simply add the script tag only once and create multiple divs with attribute data-omio-widget="true", along with their respective data attributes.
Preview
Embed code
<script>
(function addWidget(d) {
var widgetStyle = d.createElement('link');
widgetStyle.setAttribute('rel', 'stylesheet');
widgetStyle.setAttribute('href', 'https://www.omio.com/gcs-proxy/affiliate-widgets-prod/destination/destination.css?v=' + new Date().getTime());
d.head.appendChild(widgetStyle);
var widgetScript = d.createElement('script');
widgetScript.setAttribute('src', 'https://www.omio.com/gcs-proxy/affiliate-widgets-prod/destination/destination.js?v=' + new Date().getTime());
d.body.appendChild(widgetScript);
})(document);
</script>
<div
data-omio-widget="destination"
data-items="W3siZGVzdGluYXRpb25JZCI6Mzc5NzI3LCJkZXN0aW5hdGlvbk5hbWUiOiJQYXJpcyIsImxpbmtVcmwiOiJodHRwczovL3d3dy5vbWlvLmNvbS90cmF2ZWwvcGFyaXMifSx7ImRlc3RpbmF0aW9uSWQiOjM4MDU1MywiZGVzdGluYXRpb25OYW1lIjoiTG9uZG9uIiwibGlua1VybCI6Imh0dHBzOi8vd3d3Lm9taW8uY29tL3RyYXZlbC9sb25kb24ifSx7ImRlc3RpbmF0aW9uSWQiOjM3NjIxNywiZGVzdGluYXRpb25OYW1lIjoiQmVybGluIiwibGlua1VybCI6Imh0dHBzOi8vd3d3Lm9taW8uY29tL3RyYXZlbC9iZXJsaW4ifV0="
></div>Preview
Embed code
<script>
(function addWidget(d) {
var widgetStyle = d.createElement('link');
widgetStyle.setAttribute('rel', 'stylesheet');
widgetStyle.setAttribute('href', 'https://www.omio.com/gcs-proxy/affiliate-widgets-prod/route/route.css?v=' + new Date().getTime());
d.head.appendChild(widgetStyle);
var widgetScript = d.createElement('script');
widgetScript.setAttribute('src', 'https://www.omio.com/gcs-proxy/affiliate-widgets-prod/route/route.js?v=' + new Date().getTime());
d.body.appendChild(widgetScript);
})(document);
</script>
<div
data-omio-widget="route"
data-items="W3siZGVzdGluYXRpb25JZCI6MzgwNTUzLCJkZXN0aW5hdGlvbk5hbWUiOiJMb25kb24iLCJsaW5rVXJsIjoiaHR0cHM6Ly93d3cub21pby5jb20vdHJhdmVsLzM3OTcyNy8zODA1NTMiLCJvcmlnaW5JZCI6Mzc5NzI3LCJvcmlnaW5OYW1lIjoiUGFyaXMifSx7ImRlc3RpbmF0aW9uSWQiOjM3NjIxNywiZGVzdGluYXRpb25OYW1lIjoiQmVybGluIiwibGlua1VybCI6Imh0dHBzOi8vd3d3Lm9taW8uY29tL3RyYXZlbC8zODg0OTgvMzc2MjE3Iiwib3JpZ2luSWQiOjM4ODQ5OCwib3JpZ2luTmFtZSI6IlJvbWUifSx7ImRlc3RpbmF0aW9uSWQiOjM4MDU1MywiZGVzdGluYXRpb25OYW1lIjoiTG9uZG9uIiwibGlua1VybCI6Imh0dHBzOi8vd3d3Lm9taW8uY29tL3RyYXZlbC8zNzYyMTcvMzgwNTUzIiwib3JpZ2luSWQiOjM3NjIxNywib3JpZ2luTmFtZSI6IkJlcmxpbiJ9XQ=="
></div>How your route details are used
Use From and To to preview the link with sample cities. These fields don’t set a fixed route in the copied template. In your website, pass the traveller’s departure point, destination, and departure date when they click. A departure point, destination, and departure date are required; the return date is optional. This link won’t fall back to a general search if required details are missing.
https://omio.sjv.io/c/{partner_id}/4057579/7385?u=https%3A%2F%2Fwww.omio.com%2Flinks%2F626fa8a9-f982-43d0-ace9-9a13f6b14612%3FdeparturePosTerm%3D{departure}%26arrivalPosTerm%3D{arrival}%26departureDate%3D{YYYY-MM-DD}Integrate the redirect link
The copied link is a template. When a traveller clicks it, replace {departure}, {arrival}, and {YYYY-MM-DD} with the departure point, destination, and departure date. In the Omio URL inside the u parameter, use departurePosTerm for the departure point and arrivalPosTerm for the destination. URL-encode each value for the Omio destination URL, then URL-encode the complete Omio URL as the value of u. Keep the Impact tracking URL and its identifiers intact, using the configured partner ID. See the integration example for a complete URL.