The Orizn travel budget calculator widget gives readers a daily, monthly, and yearly cost estimate for 195 countries — accommodation, food, transport, activities — in their own currency. Embed it on your destination posts and turn cost-of-living curiosity into qualified guide sales.
What it does
Cost is the single biggest pre-trip decision driver. Most travel content handles it badly — either a paragraph of vague "affordable for Southeast Asia" or a static table that goes stale the moment exchange rates move. The Orizn budget calculator widget replaces both with a live, interactive answer.
Visitors pick a country, a travel style (Backpacker / Mid-range / Comfort), and a trip length. The widget returns a per-day total and a full-trip total in their own currency, broken down by accommodation, food, transport, and activities. Every lane is sourced from a mix of Numbeo, BackpackerIndex, and Orizn's own nightly user-submitted prices.
The widget is fully self-mounting — drop the two-line snippet anywhere in your HTML and it renders. It works on every major CMS, weighs less than 15 KB gzipped, sets a single first-party cookie for return-visit pre-fill, and ships with a guide-purchase CTA you can monetize with the 50/50 affiliate share.
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.
Each country has four cost lanes — accommodation, food, transport, activities — sourced from Numbeo, BackpackerIndex and our user-submitted nightly aggregator. Each lane shows budget/mid/premium tiers.
Visitors flip a single segmented control to recompute the total. Useful for both two-week vacationers and full-time digital nomads pricing a one-year base.
Prices live in USD internally but display in any of 50+ currencies via daily-refreshed FX rates. Auto-detects from the visitor's locale.
Drag the slider from 1 day to 365 days. Total updates in real time without page navigation.
One tap switches between Backpacker, Mid-range, and Comfort presets. Each preset shifts the four cost lanes proportionally.
When a destination requires a visa, a small chip appears next to the budget so readers see the cost and the entry rule together.
A "See the full Vietnam budget guide" CTA appears under the result. With data-affiliate set, every sale routes 50% to you.
Vanilla JS, async loading, scoped CSS. No conflict with your Tailwind, your Bootstrap or your existing analytics script.
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.
Drop the widget under a "How much does it cost?" H2 in every country guide. Readers leave with a concrete number, not a vague paragraph.
Pin the widget on the homepage. New subscribers comparing Bali to Lisbon get a side-by-side cost answer in seconds, attributed to your affiliate code.
Embed on /resources/cost-of-travel. Members pricing their next trip generate guide sales that fund your hosting bill.
Embed alongside agency packages. The budget widget anchors expectations; the agency offer answers the next question.
How the data is sourced
Each country's four cost lanes are computed nightly from Numbeo (cost-of-living index, ~120 countries), BackpackerIndex (backpacker daily rates, ~80 countries), and an in-house user-submitted aggregator with outlier rejection. Currency conversion uses daily-refreshed ECB and OXR mid-market rates. Each lane's source breakdown is visible on hover for editorial transparency.
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-destination | ISO3 | "" | Pre-fill the destination country (e.g. VNM, THA, MEX). Visitors can change it. |
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 buttons, focus rings, sliders 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. |
data-currency | string | "USD" | Display currency. Accepts ISO 4217 codes (USD, EUR, GBP, JPY, VND, THB, …) — 50+ supported. |
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.
Mobility rank + 4-axis breakdown for 199 passports, refreshed nightly.
Side-by-side cost, visa, safety and climate for any two countries.
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.