Menu de navigation
<aside> <img src="/icons/list-indent_gray.svg" alt="/icons/list-indent_gray.svg" width="40px" /> Accédez à la section "Tableau de bord" puis sélectionnez "Widget" pour accéder au générateur de Widgets
</aside>
Le widget peut afficher les parcours en fonction de leur priorité d'affichage. Activez cette option pour mettre en avant des parcours spécifiques directement sur votre site.
En sélectionnant l'option “Afficher les parcours” pour le widget, vous avez la possibilité de présenter l'ensemble de vos activités ou de se concentrer uniquement sur un type d'activité spécifique. Ceci offre la flexibilité de concevoir des widgets personnalisés pour les intégrer dans des pages dédiées de votre site web.
Incluez le code HTML dans votre page web à l'endroit souhaité pour que le widget soit visible par les visiteurs. Si vous gérez une marque blanche multilingue, utilisez le code HTML correspondant à chaque langue.
<div id="loopi-widget-destination" data-url="votreURL.loopi-velo.fr" data-balade="false"></div>
Ajoutez le script JavaScript à la fin de votre document HTML pour activer le widget.
<script src="<https://widget.loopi-velo.fr/widget-destination.js>"></script>
Vérifiez l'exemple de rendu pour prévisualiser le widget. Assurez-vous qu'il s'affiche correctement et que les parcours sont bien listés selon les paramètres choisis.
<aside> <img src="/icons/exclamation-mark_gray.svg" alt="/icons/exclamation-mark_gray.svg" width="40px" /> Assurez-vous de tester le widget sur différentes pages et appareils pour garantir sa fonctionnalité et son intégration harmonieuse avec le design de votre site.
</aside>