Paramétrez un widget Storyguide sur votre site web

Vous souhaitez paramétrer votre base de données ? Cliquez ici pour accéder au tutoriel

Introduction

Storyguide vous permet d’intégrer un guide de voyage sur votre site internet. Vous trouverez dans ce tutoriel les éléments pour vous guider dans cette démarche :

Etape 1 : Créer un projet (passer à l’étape 2 si le projet est déjà créé)
Etape 2 : Personnaliser votre Widget
Etape 3 : Récupérer le code d’intégration

Voici notre tutoriel vidéo 🙂

Vous préférez avoir la méthode par écrit ? c’est pas ici :

Étape 1 : Créer votre projet

  1.  Rendez-vous sur https://admin.cirkwi.com/ et inscrivez-vous ou connectez vous à votre compte                                                                                                                          
  2.  Renseignez ensuite les informations demandées pour votre structure                                                           
  3. Cliquez en haut à gauche sur “Ma Structure” puis en bas à droite sur « Générer votre projet”, votre guide ainsi que votre widget sont automatiquement générés                                      

Étape 2 : Personnaliser votre widget

4. Cliquez sur « Mes widgets » dans le menu à gauche

5.Cliquez sur le “crayon”, vous pouvez ainsi prévisualiser votre widget ainsi que votre carte.

Vous pouvez configurer votre widget et le prévisualiser, et le menu à gauche vous permettra de personnaliser vos paramètres :

  • Nom du widget : nommez votre widget
  • Langue : sélectionnez la langue d’affichage de votre Storyguide (pour accéder aux langues, souscrivez à l’abonnement Pro)
  • Choix du guide : choisissez parmi vos guides celui que vous souhaitez mettre en avant dans votre widget                                    
  • Dimension : vous pouvez ajuster la largeur et hauteur de votre Storyguide (les paramètres par défaut sont optimisés)
  • Storyguide : afficher ou cacher les autres Storyguides disponibles
  • Liste des résultats : vous permet d’afficher la liste des résultats
  • Menu des thématiques : afficher/cacher le menu des thématiques
  • Barre de recherche: afficher/cacher la barre de recherche
  • Densité des points sur la carte: basse, moyenne et haute : détermine le nombre de points visibles à un certain niveau de zoom

6.Lorsque le résultat vous plait, enregistrez vos modifications

Étape 3 : Récupérer votre code d'intégration

7.Cliquez ensuite sur “Voir le code d’intégration” puis sur “Copier le code” en haut à droite

8. La dernière étape consiste simplement à copier/coller ce code dans l’éditeur de page de votre site web, à l’endroit voulu.

 

Besoin d’un petit coup de pouce pour l’intégration sur votre site internet ? Consultez ce tutoriel pour savoir comment intégrer le code à votre site web

A bientôt 🙂