Déroulement de la vidéo :
Etape 1 : Ouvrir l'éditeur
Connectez-vous à Wix et ouvrez l'éditeur. Vous avez un bouton "Modifier" situé dans le coin inférieur gauche après s'être connecté.
Étape 2 : Trouver une place
Recherchez un espace libre approprié sur votre site web. Si vous n'avez actuellement pas d'espace libre, ajoutez une bande. Cliquez sur "+" > "Bande" > "Classique" dans le menu de gauche. Glissez-déposez la bande à l'endroit désiré. Ou créez une nouvelle page en allant "Menu Site" > "Ajouter page".
Etape 3 : Ajouter un élément HTML
Ensuite, ajoutez un élément HTML. Allez dans "+" > "Plus" > "iFrame HTML" . Glissez-déposez l'élément à l'endroit désiré.
Etape 4 : Entrer le code du calendrier en ligne
Cliquez sur le bouton "Saisir Code" pour ouvrir une nouvelle fenêtre. Le code du calendrier en ligne peut être inséré ici. Le code du calendrier du ligne se trouve dans FitogramPro sous "Paramètres" > "Calendrier en ligne" > "Partager l'outil de réservation".
Page de destination : Ici, vous pouvez choisir entre les différentes vues, qui doivent être affichées en premier lorsque vous consultez le site. Vous pouvez toujours naviguer vers toutes les vues du calendrier, il s'agit seulement de la première vue.
Comment souhaitez-vous intégrer votre calendrier ? : Pour intégrer le calendrier directement (sans redirection) à votre site Web, choisissez "Intégrer le calendrier en ligne sur votre site Web".
Type de code : Vous pouvez choisir ici si vous voulez avoir le script ou le code iFrame. Puisque Wix a besoin d'une adresse de site web pour intégrer le calendrier de manière idéale, récupérez le code de l'iFrame.
Afficher & Copier le lien : Dans le code IFrame, il y a une URL qui suit "src=" et qui est entre guillemets. Copiez l'adresse de ce site Web. Étant donné qu'il ne s'agit que d'une partie du code, vous ne pouvez pas utiliser le bouton "Copier le code".
Ensuite, vous pouvez coller le code dans Wix. Cliquez sur le bouton " Intégrez un site " pour ouvrir une petite fenêtre. Ici vous pouvez entrer l'adresse du site web. Cliquez ensuite sur le bouton bleu " Appliquer ".
Etape 5 : Redimensionner
Ajustez la taille du planning en ligne en cliquant sur les points blancs et en maintenant le bouton gauche de la souris enfoncé. Ajustez la taille dans toutes les directions. Relâchez le bouton gauche de la souris lorsque vous êtes satisfait de la taille.
NOTES :
Wix convertit automatiquement les codes externes en codes iFrame. Cela peut entraîner des problèmes d'affichage. Nous recommandons d'ajuster la taille du calendrier en ligne pour la vue mobile.