Le widget calculateur de budget voyage Orizn donne à vos lecteurs une estimation de coût par jour, par mois et par an pour 195 pays — hébergement, nourriture, transport, activités — dans leur propre devise. Intégrez-le à vos articles destination et transformez la curiosité « combien ça coûte ? » en ventes de guides qualifiées.
Ce qu'il fait
Le coût est le premier critère de décision avant un voyage. La plupart des contenus voyage le traitent mal — soit un paragraphe vague du type « abordable pour l'Asie du Sud-Est », soit un tableau statique périmé dès que les taux de change bougent. Le widget calculateur de budget Orizn remplace les deux par une réponse interactive et à jour.
Le visiteur choisit un pays, un style de voyage (Routard / Intermédiaire / Confort) et une durée. Le widget renvoie un total par jour et un total pour le séjour dans sa propre devise, ventilé entre hébergement, nourriture, transport et activités. Chaque poste croise Numbeo, BackpackerIndex et les prix soumis par les utilisateurs d'Orizn, agrégés chaque nuit.
Le widget se monte entièrement seul — collez le snippet de deux lignes n'importe où dans votre HTML et il s'affiche. Il fonctionne sur tous les grands CMS, pèse moins de 15 Ko gzippé, ne pose qu'un seul cookie first-party pour le pré-remplissage au retour, et embarque un CTA d'achat de guide monétisable avec le partage affilié 50/50.
Générateur de widget
Le widget ci-dessous exécute exactement le script de production que vous collerez sur votre site. Chaque option met à jour l'aperçu et le snippet instantanément — langue, thème, couleurs, marque blanche — puis copiez les deux lignes de code.
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.
Fonctionnalités
Des fonctionnalités précises et sourcées, pas des cases à cocher génériques. Tout ce qui est listé ci-dessous est dans le widget en production aujourd'hui.
Chaque pays a quatre postes de dépense — hébergement, nourriture, transport, activités — issus de Numbeo, BackpackerIndex et de notre agrégateur nocturne de prix soumis par les utilisateurs. Chaque poste affiche trois niveaux : petit budget / intermédiaire / premium.
Un simple contrôle segmenté recalcule le total. Utile aussi bien pour des vacanciers de deux semaines que pour des nomades digitaux qui chiffrent une base à l'année.
Les prix sont stockés en USD en interne mais s'affichent dans plus de 50 devises via des taux de change rafraîchis chaque jour. Détection automatique depuis la locale du visiteur.
Faites glisser le curseur de 1 à 365 jours. Le total se met à jour en temps réel, sans rechargement de page.
Un tap bascule entre Routard, Intermédiaire et Confort. Chaque préréglage ajuste proportionnellement les quatre postes de dépense.
Quand la destination exige un visa, une petite pastille apparaît à côté du budget : le lecteur voit le coût et la règle d'entrée d'un seul coup d'œil.
Un CTA « Voir le guide budget Vietnam complet » apparaît sous le résultat. Avec data-affiliate défini, chaque vente vous reverse 50 %.
JavaScript vanilla, chargement asynchrone, CSS isolé. Aucun conflit avec votre Tailwind, votre Bootstrap ou votre script analytics existant.
Là où il excelle
Le widget est généraliste, mais quatre profils l'adoptent le plus souvent. Si vous vous reconnaissez dans l'un d'eux, vous en tirerez de la valeur quelques minutes après avoir collé le snippet.
Placez le widget sous le H2 « Combien ça coûte ? » de chaque guide pays. Vos lecteurs repartent avec un chiffre concret, pas un paragraphe vague.
Épinglez le widget sur votre page d'accueil. Les nouveaux abonnés qui hésitent entre Bali et Lisbonne obtiennent la réponse chiffrée en quelques secondes, attribuée à votre code affilié.
Intégrez-le sur /resources/cout-du-voyage. Les membres qui chiffrent leur prochain trip génèrent des ventes de guides qui financent votre hébergement.
Placez-le à côté de vos offres. Le calculateur de budget pose le cadre ; votre offre répond à la question suivante.
D'où viennent les données
Les quatre postes de dépense de chaque pays sont calculés chaque nuit à partir de Numbeo (indice du coût de la vie, ~120 pays), de BackpackerIndex (tarifs journaliers routard, ~80 pays) et d'un agrégateur maison de prix soumis par les utilisateurs avec rejet des valeurs aberrantes. La conversion de devises utilise les taux médians BCE et OXR rafraîchis chaque jour. La ventilation des sources de chaque poste est visible au survol, par transparence éditoriale.
Référence
Chaque option est un attribut data-* sur la div conteneur. Aucune configuration JavaScript requise : collez, définissez les attributs voulus, publiez.
| Paramètre | Type | Défaut | Description |
|---|---|---|---|
data-destination | ISO3 | "" | Pré-remplit le pays de destination (ex. VNM, THA, MEX). Les visiteurs peuvent en changer. |
data-lang | string | "auto" | Force la langue au lieu de la détection automatique du navigateur. 16 locales acceptées : en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (l'arabe s'affiche en RTL). |
data-theme | string | "auto" | Force le thème : "auto" (suit l'OS), "light" ou "dark". |
data-affiliate | string | "" | Votre code ORIZN-XXXXX ou aff_… (les deux formats fonctionnent) pour les 50 % de partage de revenus sur les ventes de guides. |
data-color | hex | #2563EB | Couleur d'accent des boutons, anneaux de focus, curseurs et CTA. Valeurs hexadécimales uniquement (assainies). |
data-branding | string | "on" | Passez à "off" pour la marque blanche : masque le pied de page « Powered by Orizn », le schéma JSON-LD et la mention orizn.app dans les textes de partage. |
data-radius | int | 16 | Rayon des coins en px pour la carte du widget et les champs. |
data-font | string | "system-ui" | Police utilisée dans tout le widget. N'importe quelle pile de polices CSS fonctionne. |
data-currency | string | "USD" | Devise d'affichage. Codes ISO 4217 acceptés (USD, EUR, GBP, JPY, VND, THB, …) — plus de 50 devises. |
Intégrations
Le même snippet de deux lignes, avec un chemin d'intégration légèrement différent selon votre stack. Guides pas à pas détaillés par CMS :
Monétisation
Ajoutez data-affiliate="ORIZN-XXXXX" à la div conteneur — les formats de code ORIZN-… et aff_… sont tous deux acceptés. Chaque achat de guide effectué par un lecteur via le widget vous est attribué pendant 30 jours, avec paiements mensuels via Stripe. Pas de minimum, pas de reprise, transparence totale sur le tableau de bord affilié.
FAQ
De vraies questions posées par les développeurs, blogueurs et affiliés qui intègrent le widget. Si la vôtre n'y figure pas, la documentation sur /embed/getting-started couvre le reste.
Widgets associés
Les cinq widgets partagent le même runtime : en ajouter un second sur la page ne coûte rien de plus. La suite est conçue pour être combinée.
Formalités de visa en direct pour 199 passeports × 232 destinations.
Rang de mobilité + détail sur 4 axes pour 199 passeports, actualisé chaque nuit.
Coût, visa, sécurité et climat côte à côte pour deux pays au choix.
Check-list documents, vaccins, valise et argent, personnalisée par voyage.
Prêt à intégrer ?
Deux lignes de HTML, zéro dépendance, gratuit à vie. Ajoutez un code affilié et gagnez 50 % sur chaque guide vendu via votre widget.