Guide des widgets
Votre planning, vos tarifs et les inscriptions, en direct sur votre propre site en trois étapes. Les membres réservent, se connectent et paient directement dans le widget.
L'extension gratuite Class Booking ajoute les widgets sous forme de bloc ou de shortcode et charge le script pour vous. Collez votre clé API et l'adresse de votre studio dans Réglages → Class Booking, puis cliquez sur « Connect and check ».
Dans votre administration Class Booking, activez « Widgets pour votre site » dans Paramètres → Fonctionnalités avancées → Site web et contenu. Ouvrez ensuite Widgets et cliquez sur « Créer une clé API ». Saisissez l'adresse de votre site dans « Domaines autorisés (requis) », une par ligne. La clé complète ne s'affiche qu'une seule fois : copiez-la tout de suite.
Juste après avoir créé la clé, cliquez sur « Copier la configuration ». Le code contient déjà votre clé et l'adresse de votre studio. Collez-le là où vous pouvez ajouter du HTML : un bloc d'intégration ou de code dans Wix, Squarespace ou Webflow, ou le modèle de votre page.
La ligne du script ne doit figurer qu'une fois sur la page. Chaque widget est une balise que vous pouvez placer n'importe où sur la page, et vous pouvez en utiliser autant que vous le souhaitez.
<script src="https://widgets.holdstyring.dk/v1/holdstyring-widgets.min.js" async></script>
<holdstyring-schedule api-key="VOTRE_CLE_API" base-url="https://votre-studio.class-booking.com"></holdstyring-schedule>
<holdstyring-pricing api-key="VOTRE_CLE_API" base-url="https://votre-studio.class-booking.com"></holdstyring-pricing>Remplacez la clé et l'adresse par les vôtres, ou utilisez « Copier la configuration » dans votre administration, qui les remplit pour vous.
Tous les widgets, avec leurs options, sont listés sur la page Widgets de votre administration.
<holdstyring-schedule>Planning avec réservation
<holdstyring-login>Connexion et création de compte
<holdstyring-bookings>Prochaines réservations du membre, avec annulation
<holdstyring-membership>Cartes de séances, abonnement et achats précédents
<holdstyring-pricing>Formules tarifaires avec achat dans le widget
<holdstyring-class-types>Types de cours avec bouton de réservation
<holdstyring-instructors>Aperçu des instructeurs
<holdstyring-gift-cards>Cartes cadeaux avec achat dans le widget
Notre support vous aide à intégrer les widgets à votre site.