Docs

Démarrer

Intégrez les widgets voyage Orizn sur votre site en moins de 60 secondes. Cinq widgets, une balise script, tous les grands CMS pris en charge.

Démarrage rapide Plateformes Widgets Parametres Thème FAQ

Démarrage rapide

Trois étapes, 60 secondes

Choisissez un widget, copiez le snippet, collez-le dans votre HTML. Pas de build, pas de clé API requise.

Choisissez un widget

Choisissez l'un des cinq widgets de la page d'accueil. Chacun est autonome, pèse moins de 15 Ko et fonctionne indépendamment.

Voir les widgets

Copiez le snippet

Deux lignes : un conteneur div et une balise script async .

html

<div id="orizn-visa"></div>
<script src="https://visa.orizn.app/embed/visa.js" async></script>

Collez dans votre HTML

Fonctionne d'emblée sur WordPress, Ghost, Substack, Webflow, Framer, Wix et toute page HTML brute. Le widget se monte dès que le script est chargé.

WordPressGhostSubstackWebflowFramerWixRaw HTML

Plateformes

Des snippets pour chaque stack

Même widget, chemin de collage légèrement différent selon l'endroit où vous publiez.

Déposez les deux lignes n'importe où dans le <body> d'un site statique.

html

<div id="orizn-visa"></div>
<script src="https://visa.orizn.app/embed/visa.js" async></script>

Widgets

Les cinq snippets

Chaque widget embarque son propre script. Combinez-les sur la même page — le runtime est partagé.

html

<div id="orizn-visa"></div>
<script src="https://visa.orizn.app/embed/visa.js" async></script>

Référence

Parametres

Chaque option est un attribut data-* sur le div conteneur. Aucune configuration JavaScript requise.

Communs à tous les widgets

Param	Type	Par defaut	Description
`data-lang`	string	"auto"	Force la langue détectée automatiquement (16 locales : en fr es de it pt ja ko zh ru ar hi th vi tl tr — ar s'affiche en RTL).
`data-theme`	"auto" \| "light" \| "dark"	"auto"	Force le thème clair/sombre. Par défaut, suit l'OS du visiteur.
`data-affiliate`	string	""	Votre code ORIZN-XXXXX ou aff_… (les deux formats fonctionnent). Requis pour toucher le partage 50/50.
`data-color`	hex	#2563EB	Couleur d'accent des boutons, focus et CTA (hex uniquement).
`data-branding`	"on" \| "off"	"on"	Mode white-label. "off" masque le pied « Powered by Orizn », le schéma JSON-LD et les mentions orizn.app au partage.
`data-radius`	int (px)	16	Rayon des angles de la carte du widget, en pixels.
`data-font`	font-family	system stack	Police utilisée dans tout le widget.
`data-api`	origin URL	https://visa.orizn.app	Remplace l'origine de l'API (staging ou proxy).
`data-no-cookie`	bool	false	Désactive le cookie orizn_passport utilisé pour pré-remplir au retour.

Spécifiques à un widget

Param	S'applique à	Type	Description
`data-destination`	visa, budget, checklist	ISO3	Pré-remplit le pays de destination (ex. THA, JPN, USA).
`data-passport`	score, checklist, compare	ISO3	Pré-remplit le pays du passeport (ex. FRA, USA, DEU).
`data-country1`	compare	ISO3	Premier pays à comparer côte à côte.
`data-country2`	compare	ISO3	Deuxième pays à comparer côte à côte.
`data-currency`	budget	string	Devise affichée (USD, EUR, GBP, JPY, etc.).

Personnalisation

Thème

Deux attributs suffisent pour fondre totalement le widget dans votre site.

data-theme

Accepte "auto", "light" ou "dark". Auto suit la préférence OS du visiteur et se met à jour en temps réel.

data-color

N'importe quelle couleur hex (#2563EB par défaut). Utilisée pour les boutons, focus, liens et CTA.

White-label complet. Réglez data-branding="off" pour retirer le pied « Powered by Orizn », et utilisez data-radius / data-font pour le visuel. Toute la palette est exposée en propriétés CSS personnalisées que vous pouvez surcharger depuis votre feuille de style : --orizn-accent, --orizn-bg, --orizn-fg, --orizn-fg2, --orizn-border, --orizn-input-bg, --orizn-card-bg, --orizn-shadow, --orizn-radius, --orizn-font.

#orizn-visa .orizn-w {
  --orizn-bg: #111;
  --orizn-accent: #10b981;
}

Les langues sont automatiques. Chaque widget détecte la langue du navigateur du visiteur et bascule entre 16 locales nativement (en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr — l'arabe s'affiche en RTL). Forcez-en une avec data-lang si besoin.

Monetiser

Gagnez 50 % sur chaque guide vendu

Ajoutez votre code data-affiliate et chaque conversion vous est attribuée pendant 30 jours. Paiements mensuels via Stripe, sans minimum.

Creer votre compte affilie

Dépannage

Problèmes courants

Si quelque chose cloche, passez ces quatre vérifications avant de nous contacter.

Retour à tous les widgets

Prêt ?

Créez votre compte widget — Gratuit

Suivez les impressions, gérez votre affiliation, récupérez votre snippet depuis un tableau de bord épuré.
Sans carte bancaire.

Impressions et clics suivis par widget
Partage d'affiliation 50/50 sur chaque guide vendu
Requêtes illimitées avec votre clé API

Créer mon widget — Gratuit

Déjà un compte ? Se connecter