The Orizn country comparison widget puts two destinations side-by-side — cost, visa, safety, climate, transport — in one card. Embed it on "X vs Y" SEO pages and turn the most lucrative comparison query in travel into qualified guide sales.
What it does
"X vs Y" is the highest-intent query class in travel — searchers are within 72 hours of booking. Most articles answer it badly: a wall of text, two static tables, no source-of-truth, no personalization. The Orizn country comparison widget collapses the entire answer into one card with three rows and clear winners.
Each comparison row pulls from a different Orizn data source: visa from the visa graph (39 601 cells, 200+ embassy feeds), cost from Numbeo + BackpackerIndex + Orizn's user-submitted aggregator, safety from a composite of Numbeo's Safety Index and the Global Peace Index. Set data-passport and the visa row personalizes to the visitor's nationality.
The widget self-mounts, weighs 16 KB gzipped (slightly heavier because of the climate canvas), and works on every major CMS. Drop the two-line snippet on every "X vs Y" post in your archive and the widget replaces your stale tables with always-fresh data — plus a 50/50 revenue share on any guide sale either side generates.
Widget builder
The widget below runs the exact production script you'd paste on your own site. Every option updates the preview and the snippet instantly — language, theme, colors, white-label, then copy the two-line snippet.
Live preview · updates as you type
The widget above runs the exact production script you would paste on your own site — async, zero dependencies, scoped CSS. Every option on the left maps to a data-* attribute in the snippet.
Features
Specific, sourced features — not generic checkboxes. Every item below is in the production widget today.
Cost (4 lanes), Visa (rule + max stay), Safety (Numbeo + GPI). Each row has a clear winner chip when one country dominates.
Set data-passport and the visa row shows the rule for the visitor's passport, not a generic table. Real value for SEO content targeting specific nationalities.
Full ISO 3166-1 coverage. Both country pickers can be set independently — pre-fill one, let the visitor pick the other, or pre-fill both.
Tap the climate row to expand a 12-month temperature/rainfall chart for both countries, side-by-side. Great for "when to visit" content.
Includes average flight price between major hubs, in-country taxi/bus per km, and the cost of a one-week car rental. Sourced from Skyscanner and Numbeo.
One tap renders a 1200×630 PNG with both flags, the 3 row winners, and an Orizn watermark. Pre-formatted for X and Pinterest.
Both countries get a "See the full guide" CTA. With data-affiliate set, every sale routes 50% to you — whether the visitor picks the left or right country.
Slightly heavier than the single-country widgets because of the climate chart canvas, but still well under the 50 KB "third-party budget" Core Web Vitals threshold.
Where it shines
The widget is general-purpose, but four audiences ship it most often. Recognize yourself in any of these and you'll get value within minutes of pasting the snippet.
Embed the widget on "Vietnam vs Thailand", "Bali vs Lombok", "Portugal vs Spain for nomads". The widget answers the entire query in-page, drastically reducing bounce.
Drop the widget on landing pages comparing destination countries for clients. The visa-aware row makes the cost/quality-of-life trade-off concrete.
Pin on /resources/where-to-go-next. Subscribers comparing Lisbon vs Mexico City vs Bali get a live, sourced answer they can share.
Embed alongside multi-destination packages. The comparison anchors trade-offs; your package answers the next question.
How the data is sourced
Visa row from Orizn's visa graph (200+ embassy feeds, two-source quality gate). Cost row from Numbeo, BackpackerIndex, and an in-house user-submitted aggregator. Safety row composite of Numbeo Safety Index and the Global Peace Index. Climate row from Open-Meteo's 30-year historical normals. Transport from Skyscanner aggregated medians.
Reference
Every option is a data-* attribute on the container div. No JavaScript configuration is required — paste, set the attributes you want, ship.
| Param | Type | Default | Description |
|---|---|---|---|
data-country1 | ISO3 | "" | First country in the side-by-side (e.g. VNM). Visitors can change it. |
data-country2 | ISO3 | "" | Second country in the side-by-side (e.g. THA). Visitors can change it. |
data-passport | ISO3 | "" | Visitor's passport (e.g. FRA). When set, the visa row shows entry rules from their passport's perspective. |
data-lang | string | "auto" | Override the auto-detected browser language. 16 locales supported: en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (Arabic renders RTL). |
data-theme | string | "auto" | Force theme: "auto" (follows OS), "light", or "dark". |
data-affiliate | string | "" | Your ORIZN-XXXXX or aff_… code (both formats work) for the 50/50 revenue share on guide sales. |
data-color | hex | #2563EB | Accent color used for the "winner" chips, focus rings and CTAs. Hex values only (sanitized). |
data-branding | string | "on" | Set to "off" to white-label: hides the "Powered by Orizn" footer, the JSON-LD schema and the orizn.app mention in share texts. |
data-radius | int | 16 | Corner radius in px for the widget card and inputs. |
data-font | string | "system-ui" | Font-family used across the widget. Any CSS font stack works. |
Integrations
Same two-line snippet, slightly different paste path depending on your stack. Detailed step-by-step guides per CMS:
Monetize
Add data-affiliate="ORIZN-XXXXX" to the container div — both ORIZN-… and aff_… code formats are accepted. Every guide purchase a reader makes through the widget is attributed to you for 30 days, with payouts processed monthly via Stripe. No minimum, no clawback, full transparency on the affiliate dashboard.
FAQ
Real questions from developers, bloggers and affiliate marketers integrating the widget. If yours isn't here, the docs at /embed/getting-started cover the long tail.
Related widgets
All five widgets share the same runtime, so adding a second one to the page costs nothing extra. The suite is designed to be combined.
Live visa requirements for 199 passports × 250 destinations.
Live daily, monthly, yearly cost for 195 countries in 50+ currencies.
Mobility rank + 4-axis breakdown for 199 passports, refreshed nightly.
Personalized documents, vaccines, packing and money checklist per trip.
Ready to embed?
Two lines of HTML, zero dependencies, free forever. Add an affiliate code and start earning 50% on every guide your widget sells.