Binibigyan ng Orizn travel budget calculator widget ang mga mambabasa ng tantiya ng gastos kada araw, buwan, at taon para sa 195 bansa — tuluyan, pagkain, transportasyon, mga aktibidad — sa sarili nilang currency. I-embed ito sa iyong mga destination post at gawing qualified na benta ng guide ang pag-uusisa sa cost of living.
Ano ang ginagawa nito
Ang gastos ang pinakamalaking salik sa desisyon bago ang biyahe. Karamihan sa travel content ay hindi ito nahahawakan nang maayos — alinman sa talatang malabong "abot-kaya para sa Southeast Asia" o static na table na nalalaos sa sandaling gumalaw ang exchange rate. Pinapalitan ng Orizn budget calculator widget ang pareho ng live at interactive na sagot.
Pipili ang mga bisita ng bansa, travel style (Backpacker / Mid-range / Comfort), at haba ng biyahe. Ibinabalik ng widget ang kabuuan kada araw at kabuuan ng buong biyahe sa sarili nilang currency, hinati-hati sa tuluyan, pagkain, transportasyon, at mga aktibidad. Bawat lane ay mula sa kombinasyon ng Numbeo, BackpackerIndex, at sariling nightly user-submitted prices ng Orizn.
Ganap na self-mounting ang widget — ilagay ang two-line snippet kahit saan sa iyong HTML at magre-render ito. Gumagana sa bawat pangunahing CMS, tumitimbang ng wala pang 15 KB gzipped, nagtatakda ng iisang first-party cookie para sa pre-fill sa pagbabalik, at may kasamang guide-purchase CTA na maaari mong i-monetize gamit ang 50/50 affiliate share.
Widget builder
Ang widget sa ibaba ay nagpapatakbo ng eksaktong production script na ipe-paste mo sa sarili mong site. Bawat opsyon ay agad na nag-a-update sa preview at sa snippet — wika, tema, mga kulay, white-label, pagkatapos ay kopyahin ang 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.
Mga Feature
Mga espesipiko at may pinagmulang feature — hindi generic na checkbox. Bawat item sa ibaba ay nasa production widget na ngayon.
Bawat bansa ay may apat na cost lane — tuluyan, pagkain, transportasyon, mga aktibidad — mula sa Numbeo, BackpackerIndex at ang aming user-submitted nightly aggregator. Bawat lane ay may budget/mid/premium tier.
Iisang segmented control lang ang pipindutin ng mga bisita para muling kalkulahin ang kabuuan. Kapaki-pakinabang kapwa sa mga two-week vacationer at full-time digital nomad na nagpepresyo ng one-year base.
Naka-USD ang mga presyo internally pero ipinapakita sa alinman sa 50+ currency gamit ang FX rates na nire-refresh araw-araw. Awtomatikong dine-detect mula sa locale ng bisita.
I-drag ang slider mula 1 araw hanggang 365 araw. Real-time na nag-a-update ang kabuuan nang walang page navigation.
Isang tap para lumipat sa pagitan ng Backpacker, Mid-range, at Comfort preset. Bawat preset ay proporsyonal na nag-a-adjust sa apat na cost lane.
Kapag nangangailangan ng visa ang destinasyon, lumalabas ang maliit na chip sa tabi ng badyet para sabay na makita ng mga mambabasa ang gastos at ang panuntunan sa pagpasok.
Lumalabas ang CTA na "Tingnan ang buong Vietnam budget guide" sa ilalim ng resulta. Kapag nakatakda ang data-affiliate, bawat benta ay nagruruta ng 50% sa iyo.
Vanilla JS, async loading, naka-scope na CSS. Walang conflict sa iyong Tailwind, Bootstrap o umiiral na analytics script.
Saan ito pinakamahusay
General-purpose ang widget, pero apat na audience ang pinakamadalas mag-ship nito. Makilala mo lang ang sarili mo sa alinman sa mga ito at makakakuha ka ng halaga ilang minuto matapos i-paste ang snippet.
Ilagay ang widget sa ilalim ng H2 na "Magkano ang gastos?" sa bawat country guide. Aalis ang mga mambabasa na may kongkretong numero, hindi malabong talata.
I-pin ang widget sa homepage. Ang mga bagong subscriber na nagkukumpara ng Bali sa Lisbon ay makakakuha ng side-by-side na sagot sa gastos sa loob ng ilang segundo, naka-attribute sa iyong affiliate code.
I-embed sa /resources/cost-of-travel. Ang mga miyembrong nagpepresyo ng susunod nilang biyahe ay lumilikha ng mga benta ng guide na tumutustos sa iyong hosting bill.
I-embed sa tabi ng mga package ng agency. Ang budget widget ang nag-a-anchor ng expectations; ang alok ng agency ang sumasagot sa susunod na tanong.
Paano kinukuha ang datos
Ang apat na cost lane ng bawat bansa ay kinakalkula gabi-gabi mula sa Numbeo (cost-of-living index, ~120 bansa), BackpackerIndex (backpacker daily rates, ~80 bansa), at isang in-house na user-submitted aggregator na may outlier rejection. Ang currency conversion ay gumagamit ng ECB at OXR mid-market rates na nire-refresh araw-araw. Makikita sa hover ang source breakdown ng bawat lane para sa editorial transparency.
Reference
Bawat opsyon ay isang data-* attribute sa container div. Walang kailangang JavaScript configuration — i-paste, itakda ang mga attribute na gusto mo, i-ship.
| Param | Uri | Default | Paglalarawan |
|---|---|---|---|
data-destination | ISO3 | "" | I-pre-fill ang destinasyong bansa (hal. VNM, THA, MEX). Maaari itong palitan ng mga bisita. |
data-lang | string | "auto" | I-override ang awtomatikong na-detect na wika ng browser. 16 na locale ang suportado: en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (ang Arabic ay nire-render nang RTL). |
data-theme | string | "auto" | Pilitin ang tema: "auto" (sumusunod sa OS), "light", o "dark". |
data-affiliate | string | "" | Ang iyong ORIZN-XXXXX o aff_… code (parehong format ay gumagana) para sa 50/50 revenue share sa mga benta ng guide. |
data-color | hex | #2563EB | Accent color para sa mga button, focus ring, slider at CTA. Hex values lamang (sina-sanitize). |
data-branding | string | "on" | Itakda sa "off" para mag-white-label: itinatago ang "Powered by Orizn" footer, ang JSON-LD schema at ang banggit ng orizn.app sa mga share text. |
data-radius | int | 16 | Corner radius sa px para sa widget card at mga input. |
data-font | string | "system-ui" | Font-family na ginagamit sa buong widget. Gumagana ang anumang CSS font stack. |
data-currency | string | "USD" | Currency ng display. Tumatanggap ng ISO 4217 code (USD, EUR, GBP, JPY, VND, THB, …) — 50+ ang suportado. |
Mga Integration
Parehong two-line snippet, bahagyang naiibang paraan ng pag-paste depende sa iyong stack. Detalyadong step-by-step na gabay kada CMS:
Mag-monetize
Idagdag ang data-affiliate="ORIZN-XXXXX" sa container div — parehong tinatanggap ang mga format na ORIZN-… at aff_…. Bawat pagbili ng guide na ginawa ng mambabasa sa pamamagitan ng widget ay naka-attribute sa iyo sa loob ng 30 araw, na may mga payout na pinoproseso buwan-buwan sa pamamagitan ng Stripe. Walang minimum, walang clawback, buong transparency sa affiliate dashboard.
FAQ
Mga totoong tanong mula sa mga developer, blogger at affiliate marketer na nag-i-integrate ng widget. Kung wala rito ang sa iyo, sinasaklaw ng docs sa /embed/getting-started ang long tail.
Mga kaugnay na widget
Lahat ng limang widget ay gumagamit ng parehong runtime, kaya walang dagdag na gastos ang pagdaragdag ng pangalawa sa pahina. Dinisenyo ang suite para pagsamahin.
Live na visa requirements para sa 199 pasaporte × 238 destinasyon.
Mobility rank + 4-axis breakdown para sa 199 pasaporte, nire-refresh gabi-gabi.
Magkatabing gastos, visa, kaligtasan at klima para sa alinmang dalawang bansa.
Personalized na checklist ng mga dokumento, bakuna, packing at pera kada biyahe.
Handa nang mag-embed?
Dalawang linya ng HTML, zero dependencies, libre magpakailanman. Magdagdag ng affiliate code at magsimulang kumita ng 50% sa bawat guide na naibenta ng iyong widget.