Widget de planning et formulaire de contact pour votre site

1. Ouvrez Réglages → Studio, carte Widget pour votre site.

1. Copiez les deux lignes de code affichées, de la forme : <div data-brimly="votre-salle"></div> puis <script src="https://brimly.fr/embed.js" async></script>.

1. Collez-les dans votre site, à l'endroit où le planning doit apparaître : bloc « Code » ou « HTML personnalisé » (WordPress, Wix, Squarespace, Webflow…).

1. Publiez la page de votre site.

Un lien d'aperçu (brimly.fr/widget/votre-salle) permet de voir le rendu avant de l'intégrer.

• Il affiche le même planning que votre page publique (vue Semaine ou Liste), avec vos réglages (prof, durée, places, couleur).
• Il s'adapte à la largeur disponible et ajuste sa hauteur tout seul.
• Il se met à jour automatiquement : rien à refaire quand vous changez le planning.
• Les boutons (Réserver, Essayer…) ouvrent votre page Brimly dans un nouvel onglet, sur la bonne semaine. La réservation et le paiement se font là.

Le widget transmet aussi la source de la visite (UTM, Google Ads, Meta) jusqu'à l'inscription : voir Tracking & attribution.

• Vérifiez que les deux lignes sont collées (la balise div et la balise script).
• Vérifiez l'identifiant dans data-brimly="…" : il doit être exactement celui de votre salle (copiez le code depuis Réglages → Studio plutôt que de le retaper).
• Collez le code dans un bloc qui accepte le HTML/JavaScript (bloc « Code » ou « Embed »), pas dans un bloc de texte.
• Certains éditeurs n'exécutent pas les scripts en mode aperçu : publiez la page puis testez sur le site en ligne.
• Testez l'aperçu brimly.fr/widget/votre-salle : s'il fonctionne, le problème vient de l'intégration sur votre site.

Toujours bloqué ? Écrivez-nous via la bulle de chat avec l'adresse de votre page.

Dans Réglages → Studio, carte Prospects depuis votre site, Option 1 — Formulaire clé en main :

1. Copiez les deux lignes : <div data-brimly-form="votre-salle"></div> puis <script src="https://brimly.fr/embed.js" async></script>.

1. Collez-les dans un bloc « Code » de votre site (Squarespace, Wix, WordPress…).

Le formulaire demande : prénom, email, téléphone (optionnel) et un message. Le visiteur clique sur Être recontacté·e et voit « Merci, c'est bien reçu ! ». Aperçu : brimly.fr/widget/votre-salle/contact.

• La personne est ajoutée à vos adhérents avec le tag Prospect (ciblable dans vos campagnes).
• Son message et son téléphone sont enregistrés en note sur sa fiche (« 📥 Formulaire du site web »).
• Vous recevez une notification « Nouveau prospect depuis votre site 🎉 ».
• Elle reçoit un email au nom de votre salle (« Bienvenue chez <votre salle> ») avec un bouton Activer mon compte pour choisir son mot de passe et réserver. Si vous lui répondez, la réponse arrive dans votre boîte.

Si l'email correspond déjà à un adhérent de votre salle, aucun doublon n'est créé et aucun email de bienvenue n'est envoyé ; vous recevez « Un adhérent vous a recontacté via votre site ». Si la personne a un compte Brimly dans une autre salle, la notification vous propose de l'ajouter depuis Adhérents → Ajouter.

Utilisez l'Option 2 — Garder votre formulaire actuel de la carte « Prospects depuis votre site » :

1. Copiez l'adresse secrète affichée (…/api/hooks/leads/<clé>).

1. Dans Zapier, créez un Zap « <votre formulaire> → Webhooks by Zapier », action POST, vers cette adresse (même principe avec Make).

Les champs email, prénom, nom, téléphone et message sont reconnus automatiquement, même avec des noms variés (« Prénom », « first name », « Courriel »…). Le prospect suit ensuite le même parcours qu'avec le formulaire clé en main.

Cette adresse est propre à votre salle : ne la publiez pas sur votre site.