Comment ajouter mon calendrier à mon site Web avec JavaScript ?

Momoyoga propose une version JavaScript du calendrier que vous pouvez intégrer à n'importe quelle page de votre site Web.

Nous proposons également d'autres options d'intégration de calendrier telles que Wordpress, Squarespace, Wix.com et Joomla.

JavaScript affiche vos cours pour les 8 semaines à venir (avec un maximum de 100 cours). Si un yogi clique sur Réserver maintenant, il sera redirigé vers Momoyoga.

Dois-je être expert(e) pour y arriver ?

Ajouter le calendrier Momoyoga à votre site Web Squarespace est facile. Vous n'avez besoin que d'environ 60 secondes de votre temps, mais cela nécessite une connaissance minimale de Squarespace. L'installation est très similaire à une installation de Google Analytics (c'est-à-dire copier et coller le code dans les pages de votre site Web).

Remarque : notre équipe d'assistance Momoyoga n'est pas formée au dépannage technique approfondi des intégrations de sites Web. Si vous avez besoin d'aide supplémentaire concernant l'intégration de votre site Web, veuillez contacter le développeur de votre site Web.

Comment ajouter mon calendrier à mon site Web JavaScript ?

Si vous souhaitez intégrer votre emploi du temps Momoyoga à votre site Web JavaScript, suivez attentivement les étapes ci-dessous.

Étape 1 : JavaScript

Placez ces lignes au bas du contenu de la page juste avant la balise de fermeture </body> :

<script src="https://code.jquery.com/jquery-3.3.1.min.js"integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="crossorigin="anonymous"></script>
<script src="https://www.momoyoga.com/schedule-plugin/v2/js/schedule.js" crossorigin="anonymous"></script>

Étape 2 : CSS (facultatif)

Si vous souhaitez utiliser le style du calendrier fourni par Momoyoga, ajoutez la feuille de style suivante à la <tête> de la mise en page de votre site Web :

<link rel="stylesheet" href="https://www.momoyoga.com/schedule-plugin/v2/css/schedule-frontend.css" crossorigin="anonymous">

Étape 3 : Planifier le conteneur

Ajoutez le conteneur <div> suivant à l'endroit où vous souhaitez que le calendrier apparaisse :

<div class="momoyoga-schedule" data-momo-schedule="[URL du calendrier ici]"></div>

Remplacez le contenu de l'attribut data-momo-schedule par l'URL de votre calendrier. Cela pourrait, par exemple, ressembler à https://www.momoyoga.com/mystudioname

Assurez-vous d'inclure le CSS momoyoga-schedule si vous souhaitez utiliser la feuille que nous fournissons.

Vous avez terminé!

Après avoir suivi ces étapes, le calendrier devrait être visible sur votre site Web.

Partager le lien de mon calendrier

Vous pouvez également partager votre emploi du temps sur votre site Web en plaçant un lien à votre planning. Découvrez ici comment ajouter un lien de votre calendrier à votre site Web.