Intégration sur ton site web

Avec l'intégration web, tu affiches le contenu Bookicorn directement sur ton propre site. Tes clients voient le planning des cours, parcourent les forfaits et découvrent ton équipe. Pour les réservations et les achats, ils sont redirigés de façon transparente vers la plateforme Bookicorn.

Que sont les widgets ?

Les widgets sont des éléments interactifs que tu peux combiner librement. Chaque widget affiche une partie spécifique de ton studio :

Widget	Ce qu'il affiche
Planning de cours	Planning hebdomadaire interactif avec filtrage et détails des cours
Forfaits de crédit	Tous les forfaits avec prix, crédits et lien "Acheter"
Vue d'ensemble des coachs	Ton équipe avec profils et cours à venir
Prochains cours	Liste compacte des prochaines séances
Quick Book	Un cours mis en avant avec lien "Réserver"
Catégories	Catégories de cours à parcourir
Trainer Spotlight	Un coach individuel en vedette
Avis	Avis des clients
Bouton de connexion	Connexion des membres
Statut des crédits	Affichage du solde pour les membres connectés
Mes réservations	Prochaines réservations d'un membre
Carte du lieu	Carte avec ton emplacement

Il existe également des widgets de mise en page (titres, blocs de texte, espacements, séparateurs) pour structurer l'affichage.

Comment ça fonctionne

Étape 1 : Créer une intégration

Dans l'espace admin, aller dans Marketing → Intégrations
Cliquer sur "Nouvelle intégration"
Saisir un nom (ex. "Page d'accueil", "Page des cours")
Choisir un modèle comme point de départ (Planning, Complet, Forfaits uniquement, Focus équipe, Quick-View ou Vide)
Cliquer sur "Créer" - le Widget Builder s'ouvre

Étape 2 : Assembler les widgets

Dans le Widget Builder, tu assembles par glisser-déposer ce qui doit apparaître sur ton site. Tu peux organiser les widgets en lignes avec plusieurs colonnes et adapter les couleurs à ton design.

→ En savoir plus sur le Widget Builder

Étape 3 : Insérer le code d'intégration

Tu reçois un court code HTML à insérer sur ton site :

<script src="https://app.bookicorn.net/widget/loader.js" async defer></script>
<bookicorn-widget studio="ton-studio" integration="ton-integration"></bookicorn-widget>
<a href="https://www.bookicorn.net" target="_blank" rel="noopener" class="bookicorn-backlink" style="display:block;text-align:center;font-size:11px;color:#9ca3af;margin-top:8px;text-decoration:none;font-family:system-ui,-apple-system,sans-serif;">Powered by Bookicorn</a>

→ Guide d'intégration

Étape 4 : C'est prêt

Le widget apparaît immédiatement sur ton site. Toutes les données proviennent en direct de Bookicorn - cours, coachs, forfaits, disponibilités. Les modifications dans Bookicorn sont automatiquement visibles sur ton site.

Avantages

	Description
S'adapte	Les couleurs, la police et le style s'adaptent à ton site
Toujours à jour	Les données viennent en direct de Bookicorn - pas de maintenance manuelle
Responsive	Fonctionne parfaitement sur ordinateur, tablette et téléphone
Isolé	Les styles du widget n'influencent pas ton site et vice versa
Rapide	Se charge de façon asynchrone et ne bloque pas ta page
Sécurisé	Les données sont transmises de façon chiffrée via HTTPS

Prérequis

Add-on requis

L'intégration web est un add-on payant (29 €/mois).

Activer :

Aller dans Paramètres → Boutique Add-on
Sélectionner "Intégration web"
Cliquer sur "Activer"

Exigences techniques

Ton site doit simplement autoriser JavaScript. C'est le cas de tous les sites modernes et constructeurs de sites (WordPress, Wix, Squarespace, Webflow, Jimdo, etc.).

Plusieurs intégrations

Tu peux créer autant d'intégrations que tu veux - pour différentes pages ou différents objectifs :

Intégration	Page	Exemples de widgets
Page d'accueil	Accueil	Prochains cours, forfaits, avis
Planning	/cours	Planning complet avec filtres
Équipe	/equipe	Vue d'ensemble des coachs
Tarifs	/tarifs	Forfaits de crédit

Chaque intégration a son propre code d'intégration et peut être personnalisée séparément.

Terminologie dynamique

Les widgets utilisent automatiquement les termes que tu as configurés dans ton studio. Si tu préfères "Coach" plutôt que "Trainer" et "Ateliers" plutôt que "Cours" - c'est ce qui apparaîtra dans le widget.

Ce paramètre se trouve dans Paramètres → Général → Terminologie.