Configurer le widget de réservation multilingue
Installer et personnaliser le widget Regiondomod sur votre site pour capter des réservations directes dans plusieurs langues.
Le widget de réservation Regiondomod s'intègre dans n'importe quelle page de votre site (WordPress, Wix, Webflow, code sur mesure). Il affiche vos activités, gère les disponibilités en temps réel et prend en charge les paiements — le tout en 12 langues. Ce guide couvre l'installation, la personnalisation visuelle et la configuration multilingue.
Prérequis
- Un compte opérateur Regiondomod actif
- Accès administrateur au CMS ou au code HTML de votre site
- Au moins une activité publiée dans votre catalogue
- Les langues cibles configurées dans Paramètres → Langues
Étape 1 : Générer votre code d'intégration
Ouvrez Paramètres → Widget
Cliquez sur "Nouveau widget". Nommez-le selon son emplacement (ex : "Page d'accueil", "Fiche excursion Vieux-Port"). Un compte peut héberger jusqu'à 20 widgets simultanés avec des configurations différentes.
Choisissez le mode d'affichage
Trois modes disponibles : Catalogue complet (grille de toutes vos activités), Filtre catégorie (une seule catégorie), Activité unique (encart réservation pour une fiche précise).
Copiez le snippet HTML
Le code généré ressemble à <script src="https://widget.regiondomod.org/v1/wgt.js" data-widget-id="wgt_abc123" async></script>. Collez-le dans la page cible juste avant la balise de fermeture </body>.
Étape 2 : Configurer les langues affichées
Ouvrez l'onglet Langues du widget
Cochez les langues à activer parmi les 12 disponibles (FR, EN, DE, IT, ES, NL, PT, PL, RU, JA, KO, ZH). Le widget affichera un sélecteur de langue en haut à droite.
Choisissez la détection automatique
Trois options : détection par navigateur (Accept-Language HTTP), détection par géolocalisation IP, ou langue par défaut fixe. La détection navigateur donne les meilleurs résultats dans 85 % des cas.
Vérifiez que vos activités sont traduites
Le widget affiche automatiquement le contenu dans la langue sélectionnée. Une activité sans traduction dans la langue cible affiche le contenu français par défaut, ce qui nuit à l'expérience. Vérifiez le taux de complétion des traductions dans Catalogue → Traductions.
Étape 3 : Personnalisation visuelle
Alignez les couleurs à votre charte
Dans l'onglet Design, définissez la couleur principale (boutons, liens), la couleur secondaire (accents), la couleur de fond et la couleur de texte. Utilisez les codes hexadécimaux exacts de votre charte graphique.
Sélectionnez une typographie
Quatre familles disponibles (Inter, Roboto, Lato, Merriweather) ou "Hériter du site" pour utiliser la police déjà chargée par votre CMS. Cette dernière option évite le chargement d'une police additionnelle et améliore la vitesse.
Ajustez les rayons de bordure
De 0 (angles vifs) à 16 px (design très arrondi). Alignez ce paramètre avec le style général de votre site pour une intégration visuelle cohérente.
Étape 4 : Tester avant publication
Utilisez l'aperçu en direct
L'onglet Aperçu simule le widget dans toutes les langues configurées et sur trois formats (bureau, tablette, mobile). Vérifiez la lisibilité des textes, le contraste des boutons et le comportement des sélecteurs.
Effectuez une réservation de test
Activez le mode "Réservation test" (badge visible sur le widget). Effectuez un parcours complet, de la sélection d'activité au paiement. Les réservations test n'apparaissent pas dans votre chiffre d'affaires et sont marquées comme telles dans le tableau de bord.
Désactivez le mode test et publiez
Une fois validé, désactivez le mode test dans les paramètres du widget. Toutes les réservations suivantes seront traitées en production.
Suivi de performance
Le widget remonte automatiquement les événements dans l'écran Analyse → Widget : impressions, ouvertures de fiche, mises au panier, conversions, revenu généré. Vous pouvez également brancher Google Analytics 4 ou Matomo pour un suivi croisé avec le reste de votre site. Contactez support@regiondomod.org avec l'objet "Widget multilingue" pour toute question spécifique à votre configuration.