Office de Tourisme — site d'exemple

Bienvenue sur le site de votre destination

Cette page fictive montre l'intégration du widget « Dali » de MAAVI dans le flux d'un site d'Office de Tourisme existant : deux lignes de code, aucune iframe.

Préparer mon séjour

Le bloc ci-dessous est le widget. Il est inséré ici par <div data-dali="chat"></div> et vit dans la page (Shadow DOM : aucun style ne fuit dans un sens ni dans l'autre).

À découvrir (contenu du site hôte)

Patrimoine & musées

Rubrique éditoriale du site de l'Office — le widget n'y touche pas.

Marchés & terroir

Un exemple de contenu existant qui continue de vivre autour du widget.

Nature & panoramas

La page hôte garde sa grille, ses polices et ses couleurs.

Pour le prestataire web de l'OT

Intégration en deux lignes, où vous voulez dans la page :

<script src="https://widget.maavi.fr/widget.js" data-ot="perpignan" defer></script>
<div data-dali="chat"></div>

Optionnel : data-api pour pointer une autre API, et un <div data-dali="inspire"></div> pour détacher le bloc « Composez votre séjour » ailleurs dans la page. Changer data-ot suffit pour servir un autre office (thème, libellés et fiches arrivent de sa configuration). Langue automatique FR·EN·ES.