Il widget calcolatore di budget viaggio Orizn dà ai lettori una stima dei costi giornalieri, mensili e annuali per 195 paesi — alloggio, cibo, trasporti, attività — nella loro valuta. Incorporalo nei tuoi articoli di destinazione e trasforma la curiosità sul costo della vita in vendite qualificate di guide.
Cosa fa
Il costo è il principale fattore decisionale prima di un viaggio. La maggior parte dei contenuti di viaggio lo gestisce male — o un paragrafo vago tipo "economico per il Sud-est asiatico" o una tabella statica che invecchia appena si muovono i tassi di cambio. Il widget calcolatore di budget Orizn sostituisce entrambi con una risposta interattiva e sempre aggiornata.
I visitatori scelgono un paese, uno stile di viaggio (Zaino in spalla / Fascia media / Comfort) e una durata. Il widget restituisce un totale al giorno e un totale del viaggio nella loro valuta, suddiviso in alloggio, cibo, trasporti e attività. Ogni voce proviene da un mix di Numbeo, BackpackerIndex e dei prezzi inviati dagli utenti raccolti ogni notte da Orizn.
Il widget si monta da solo — incolla lo snippet di due righe ovunque nel tuo HTML e viene renderizzato. Funziona su tutti i principali CMS, pesa meno di 15 KB gzip, imposta un singolo cookie first-party per precompilare le visite di ritorno e include un CTA di acquisto guida che puoi monetizzare con la quota affiliata 50/50.
Widget builder
Il widget qui sotto esegue esattamente lo script di produzione che incolleresti sul tuo sito. Ogni opzione aggiorna istantaneamente l'anteprima e lo snippet — lingua, tema, colori, white-label, poi copia lo snippet di due righe.
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.
Funzionalità
Funzionalità specifiche e documentate — non checkbox generiche. Ogni voce qui sotto è nel widget di produzione oggi.
Ogni paese ha quattro voci di costo — alloggio, cibo, trasporti, attività — provenienti da Numbeo, BackpackerIndex e dal nostro aggregatore notturno di prezzi inviati dagli utenti. Ogni voce mostra le fasce budget/media/premium.
I visitatori usano un singolo controllo segmentato per ricalcolare il totale. Utile sia per chi parte due settimane sia per i nomadi digitali full-time che valutano una base di un anno.
I prezzi sono in USD internamente ma vengono mostrati in una qualsiasi di oltre 50 valute grazie a tassi di cambio aggiornati ogni giorno. Rilevamento automatico dalla lingua del visitatore.
Trascina lo slider da 1 a 365 giorni. Il totale si aggiorna in tempo reale senza cambiare pagina.
Un tocco passa tra i preset Zaino in spalla, Fascia media e Comfort. Ogni preset riscala proporzionalmente le quattro voci di costo.
Quando una destinazione richiede un visto, un piccolo chip appare accanto al budget, così i lettori vedono insieme il costo e la regola d'ingresso.
Sotto il risultato appare un CTA "Vedi la guida budget completa per il Vietnam". Con data-affiliate impostato, ogni vendita ti riconosce il 50%.
JS vanilla, caricamento async, CSS isolato. Nessun conflitto con il tuo Tailwind, il tuo Bootstrap o il tuo script di analytics esistente.
Dove rende al meglio
Il widget è generalista, ma quattro tipi di pubblico lo adottano più spesso. Se ti riconosci in uno di questi, ne trarrai valore entro pochi minuti dall'incollare lo snippet.
Inserisci il widget sotto un H2 "Quanto costa?" in ogni guida paese. I lettori escono con un numero concreto, non con un paragrafo vago.
Fissa il widget in homepage. I nuovi iscritti che confrontano Bali con Lisbona ottengono una risposta sui costi in pochi secondi, attribuita al tuo codice affiliato.
Incorporalo su /resources/cost-of-travel. I membri che pianificano il prossimo viaggio generano vendite di guide che ripagano il tuo hosting.
Incorporalo accanto ai pacchetti dell'agenzia. Il widget budget àncora le aspettative; l'offerta dell'agenzia risponde alla domanda successiva.
Da dove vengono i dati
Le quattro voci di costo di ogni paese vengono calcolate ogni notte da Numbeo (indice del costo della vita, ~120 paesi), BackpackerIndex (tariffe giornaliere backpacker, ~80 paesi) e un aggregatore interno di prezzi inviati dagli utenti con esclusione degli outlier. La conversione valutaria usa i tassi mid-market BCE e OXR aggiornati ogni giorno. La ripartizione delle fonti di ogni voce è visibile al passaggio del mouse per trasparenza editoriale.
Riferimento
Ogni opzione è un attributo data-* sul div contenitore. Nessuna configurazione JavaScript richiesta — incolla, imposta gli attributi che vuoi, pubblica.
| Parametro | Tipo | Default | Descrizione |
|---|---|---|---|
data-destination | ISO3 | "" | Precompila il paese di destinazione (es. VNM, THA, MEX). I visitatori possono cambiarlo. |
data-lang | string | "auto" | Forza la lingua al posto del rilevamento automatico del browser. 16 lingue supportate: en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (l'arabo viene visualizzato in RTL). |
data-theme | string | "auto" | Forza il tema: "auto" (segue il sistema operativo), "light" o "dark". |
data-affiliate | string | "" | Il tuo codice ORIZN-XXXXX o aff_… (entrambi i formati funzionano) per la quota 50/50 sulle vendite delle guide. |
data-color | hex | #2563EB | Colore d'accento per pulsanti, focus ring, slider e CTA. Solo valori esadecimali (sanitizzati). |
data-branding | string | "on" | Imposta su "off" per il white-label: nasconde il footer "Powered by Orizn", lo schema JSON-LD e la menzione orizn.app nei testi di condivisione. |
data-radius | int | 16 | Raggio degli angoli in px per la scheda del widget e i campi di input. |
data-font | string | "system-ui" | Font-family usata in tutto il widget. Qualsiasi stack di font CSS funziona. |
data-currency | string | "USD" | Valuta di visualizzazione. Accetta codici ISO 4217 (USD, EUR, GBP, JPY, VND, THB, …) — oltre 50 supportati. |
Integrazioni
Lo stesso snippet di due righe, con un percorso di incollaggio leggermente diverso a seconda del tuo stack. Guide passo-passo dettagliate per CMS:
Monetizza
Aggiungi data-affiliate="ORIZN-XXXXX" al div contenitore — sono accettati entrambi i formati di codice ORIZN-… e aff_…. Ogni acquisto di guida effettuato da un lettore tramite il widget ti viene attribuito per 30 giorni, con pagamenti elaborati mensilmente via Stripe. Nessun minimo, nessun clawback, piena trasparenza sulla dashboard affiliati.
FAQ
Domande reali di sviluppatori, blogger e affiliate marketer che integrano il widget. Se la tua non c'è, la documentazione su /embed/getting-started copre il resto.
Widget correlati
Tutti e cinque i widget condividono lo stesso runtime, quindi aggiungerne un secondo alla pagina non costa nulla in più. La suite è progettata per essere combinata.
Requisiti visto in tempo reale per 199 passaporti × 238 destinazioni.
Classifica di mobilità + ripartizione su 4 assi per 199 passaporti, aggiornata ogni notte.
Costi, visto, sicurezza e clima fianco a fianco per due paesi qualsiasi.
Checklist personalizzata di documenti, vaccini, bagaglio e denaro per ogni viaggio.
Pronto a incorporarlo?
Due righe di HTML, zero dipendenze, gratuito per sempre. Aggiungi un codice affiliato e inizia a guadagnare il 50% su ogni guida venduta dal tuo widget.