Das Orizn Reisebudget-Rechner-Widget liefert Ihren Lesern eine Tages-, Monats- und Jahreskostenschätzung für 195 Länder — Unterkunft, Essen, Transport, Aktivitäten — in ihrer eigenen Währung. Betten Sie es in Ihre Destinationsbeiträge ein und machen Sie aus Neugier auf Lebenshaltungskosten qualifizierte Guide-Verkäufe.
Was es kann
Kosten sind der größte Entscheidungsfaktor vor einer Reise. Die meisten Reiseinhalte behandeln sie schlecht — entweder ein vager Absatz à la „günstig für Südostasien“ oder eine statische Tabelle, die veraltet, sobald sich Wechselkurse bewegen. Das Orizn Budget-Rechner-Widget ersetzt beides durch eine lebendige, interaktive Antwort.
Besucher wählen ein Land, einen Reisestil (Backpacker / Mittelklasse / Komfort) und eine Reisedauer. Das Widget liefert eine Tagessumme und eine Gesamtsumme für die Reise in der eigenen Währung, aufgeschlüsselt nach Unterkunft, Essen, Transport und Aktivitäten. Jede Kategorie speist sich aus einem Mix aus Numbeo, BackpackerIndex und Orizns eigenen, nächtlich aggregierten Nutzerpreisen.
Das Widget mountet sich vollständig selbst — fügen Sie das zweizeilige Snippet irgendwo in Ihr HTML ein und es rendert. Es funktioniert in jedem großen CMS, wiegt unter 15 KB gzipped, setzt ein einziges First-Party-Cookie für die Vorbelegung bei Wiederkehr und bringt einen Guide-Kauf-CTA mit, den Sie über die 50/50-Affiliate-Beteiligung monetarisieren können.
Widget-Builder
Das Widget unten führt exakt das Produktions-Script aus, das Sie auf Ihrer eigenen Website einfügen würden. Jede Option aktualisiert Vorschau und Snippet sofort — Sprache, Theme, Farben, White-Label — dann kopieren Sie die zwei Zeilen 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.
Funktionen
Konkrete, belegte Funktionen — keine generischen Checkboxen. Jeder Punkt unten steckt heute im Produktions-Widget.
Jedes Land hat vier Kostenkategorien — Unterkunft, Essen, Transport, Aktivitäten — bezogen aus Numbeo, BackpackerIndex und unserem nächtlichen Aggregator nutzereingereichter Preise. Jede Kategorie zeigt die Stufen Budget/Mittel/Premium.
Besucher wechseln per Segmented Control und die Summe wird neu berechnet. Nützlich für Zwei-Wochen-Urlauber genauso wie für Vollzeit-Digitalnomaden, die eine Jahresbasis kalkulieren.
Preise werden intern in USD geführt, aber in über 50 Währungen angezeigt — mit täglich aktualisierten Wechselkursen. Automatische Erkennung anhand der Besucher-Locale.
Ziehen Sie den Slider von 1 bis 365 Tagen. Die Gesamtsumme aktualisiert sich in Echtzeit, ohne Seitenwechsel.
Ein Tipp wechselt zwischen den Presets Backpacker, Mittelklasse und Komfort. Jedes Preset verschiebt die vier Kostenkategorien proportional.
Wenn ein Reiseziel ein Visum erfordert, erscheint ein kleiner Chip neben dem Budget — Leser sehen Kosten und Einreiseregel zusammen.
Unter dem Ergebnis erscheint ein CTA wie „Zum kompletten Vietnam-Budget-Guide“. Mit gesetztem data-affiliate leitet jeder Verkauf 50 % an Sie weiter.
Vanilla JS, asynchrones Laden, gescoptes CSS. Kein Konflikt mit Ihrem Tailwind, Ihrem Bootstrap oder Ihrem bestehenden Analytics-Script.
Wo es glänzt
Das Widget ist universell einsetzbar, aber vier Zielgruppen setzen es am häufigsten ein. Erkennen Sie sich in einer davon wieder, profitieren Sie schon Minuten nach dem Einfügen des Snippets.
Setzen Sie das Widget unter eine „Was kostet es?“-H2 in jedem Länderguide. Leser gehen mit einer konkreten Zahl, nicht mit einem vagen Absatz.
Pinnen Sie das Widget auf der Startseite an. Neue Abonnenten, die Bali mit Lissabon vergleichen, bekommen in Sekunden eine Kostenantwort — attribuiert auf Ihren Affiliate-Code.
Einbetten unter /resources/reisekosten. Mitglieder, die ihre nächste Reise kalkulieren, generieren Guide-Verkäufe, die Ihre Hosting-Rechnung finanzieren.
Einbetten neben den Angebotspaketen. Das Budget-Widget setzt den Erwartungsrahmen; das Angebot der Agentur beantwortet die nächste Frage.
Woher die Daten stammen
Die vier Kostenkategorien jedes Landes werden jede Nacht aus Numbeo (Lebenshaltungskosten-Index, ~120 Länder), BackpackerIndex (Backpacker-Tagessätze, ~80 Länder) und einem hauseigenen Aggregator nutzereingereichter Preise mit Ausreißerfilter berechnet. Die Währungsumrechnung nutzt täglich aktualisierte EZB- und OXR-Mittelkurse. Die Quellenaufschlüsselung jeder Kategorie ist per Hover sichtbar — für redaktionelle Transparenz.
Referenz
Jede Option ist ein data-*-Attribut auf dem Container-Div. Keine JavaScript-Konfiguration nötig — einfügen, gewünschte Attribute setzen, veröffentlichen.
| Parameter | Typ | Standard | Beschreibung |
|---|---|---|---|
data-destination | ISO3 | "" | Belegt das Zielland vor (z. B. VNM, THA, MEX). Besucher können es ändern. |
data-lang | string | "auto" | Überschreibt die automatisch erkannte Browsersprache. 16 Locales werden unterstützt: en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (Arabisch wird RTL dargestellt). |
data-theme | string | "auto" | Erzwingt das Theme: "auto" (folgt dem Betriebssystem), "light" oder "dark". |
data-affiliate | string | "" | Ihr ORIZN-XXXXX- oder aff_…-Code (beide Formate funktionieren) für die 50/50-Umsatzbeteiligung an Guide-Verkäufen. |
data-color | hex | #2563EB | Akzentfarbe für Buttons, Fokusringe, Slider und CTAs. Nur Hex-Werte (werden bereinigt). |
data-branding | string | "on" | Auf "off" setzen für White-Label: blendet den „Powered by Orizn“-Footer, das JSON-LD-Schema und die orizn.app-Erwähnung in Share-Texten aus. |
data-radius | int | 16 | Eckenradius in px für die Widget-Karte und die Eingabefelder. |
data-font | string | "system-ui" | Schriftfamilie für das gesamte Widget. Jeder CSS-Font-Stack funktioniert. |
data-currency | string | "USD" | Anzeigewährung. Akzeptiert ISO-4217-Codes (USD, EUR, GBP, JPY, VND, THB, …) — über 50 werden unterstützt. |
Integrationen
Dasselbe zweizeilige Snippet, je nach Stack mit leicht anderem Einfüge-Weg. Detaillierte Schritt-für-Schritt-Anleitungen pro CMS:
Monetarisieren
Fügen Sie data-affiliate="ORIZN-XXXXX" auf dem Container-Div hinzu — die Code-Formate ORIZN-… und aff_… werden beide akzeptiert. Jeder Guide-Kauf eines Lesers über das Widget wird Ihnen für 30 Tage zugeordnet, Auszahlungen erfolgen monatlich via Stripe. Kein Mindestbetrag, keine Rückbuchung, volle Transparenz im Affiliate-Dashboard.
FAQ
Echte Fragen von Entwicklern, Bloggern und Affiliate-Marketern, die das Widget integrieren. Ist Ihre nicht dabei, deckt die Dokumentation unter /embed/getting-started den Rest ab.
Verwandte Widgets
Alle fünf Widgets teilen dieselbe Runtime — ein zweites auf derselben Seite kostet nichts extra. Die Suite ist dafür gemacht, kombiniert zu werden.
Live-Visabestimmungen für 199 Pässe × 199 Reiseziele.
Mobilitätsrang + 4-Achsen-Analyse für 199 Pässe, jede Nacht aktualisiert.
Kosten, Visum, Sicherheit und Klima im Direktvergleich für zwei beliebige Länder.
Personalisierte Checkliste für Dokumente, Impfungen, Packliste und Geld — pro Reise.
Bereit zum Einbetten?
Zwei Zeilen HTML, keine Abhängigkeiten, für immer kostenlos. Fügen Sie einen Affiliate-Code hinzu und verdienen Sie 50 % an jedem Guide, den Ihr Widget verkauft.