Website Widget
Guide d'installation simple
Ce que le widget permet aux couples de faire
- ● Envoyer une demande de renseignements
- ● Réserver une visite
- ● S'inscrire à une journée portes ouvertes
Avant de commencer
Trouve ton code widget ici : Bridebook Business → Grow your business → Website widget → Install
Ou accède directement : Récupère ton code widget
Deux façons d'ajouter le widget
Intégré
Le widget s'affiche directement sur ta page, visible immédiatement, comme un formulaire de contact intégré au site.
Toujours visiblePop-up
Le widget s'ouvre lorsqu'un couple clique sur un bouton, comme "Réserver une visite" ou "Envoyer une demande".
S'ouvre au clicTu ne sais pas lequel utiliser ? Intégré fonctionne mieux pour les pages de contact et de demande. Pop-up fonctionne mieux si tu as déjà des boutons sur ton site.
Ajouter le widget directement sur une page (Intégré)
Utilise cette option si tu veux que le widget apparaisse immédiatement sur la page.
Bonnes pages pour le widget intégré
Étape 1 — Copier ton code intégré depuis Bridebook
- 1Va sur Bridebook Business
- 2Ouvre : Grow your business → Website widget → Install
- 3Choisis l'option intégrée
- 4Copie le code
Il ressemblera à ceci :
<iframe
width="100%"
height="600"
src="https://enquiry.bridebook.com?publicId=YOUR_PUBLIC_ID&widgetId=YOUR_WIDGET_ID">
</iframe></iframe> et non />. Un iframe auto-fermant peut casser le reste de ta page.Étape 2 — Coller le code dans ton site web
- 1Ouvre l'éditeur de ton site
- 2Va sur la page où tu veux le widget
- 3Ajoute un bloc HTML personnalisé ou un bloc de code personnalisé
- 4Colle le code complet dedans
Étape 3 — Publier et vérifier
- 1Enregistre et publie la page
- 2Ouvre la page et vérifie que le widget apparaît
- 3Envoie une demande de test et vérifie qu'elle arrive dans Bridebook Business
Faire ouvrir le widget via un bouton (Pop-up)
Utilise cette option si tu as déjà un bouton sur ton site et que tu veux qu'il ouvre le widget.
Bon texte pour les boutons
Bonnes pages pour le pop-up
Étape 1 — Copier ton script pop-up depuis Bridebook
- 1Va sur Bridebook Business
- 2Ouvre : Grow your business → Website widget → Install
- 3Choisis l'option pop-up
- 4Copie le code du script
Il ressemblera à ceci :
<script
src="https://enquiry.bridebook.com/widget.js"
data-public-id="YOUR_PUBLIC_ID"
data-widget-id="YOUR_WIDGET_ID">
</script>Étape 2 — Ajouter le script à ton site web
Colle le script dans la section <head> de ton site web :
<head>
Colle le script Bridebook ici
</head>Étape 3 — Connecter un bouton pour ouvrir le widget
- 1Trouve le bouton ou lien qui doit ouvrir le widget
- 2Ajoute l'attribut
data-bb-open
Exemples :
<a href="#" data-bb-open>
Envoyer une demande
</a>
<button data-bb-open>
Réserver une visite
</button>Étape 4 — Publier et vérifier
- 1Enregistre et publie ton site
- 2Clique sur le bouton et vérifie que le widget s'ouvre en pop-up
- 3Envoie une demande de test et vérifie qu'elle arrive dans Bridebook Business
Si ça ne fonctionne pas
- ☐ Les attributs
data-public-idetdata-widget-idsont-ils toujours présents dans le code ? - ☐ Ton constructeur de site a-t-il supprimé une partie du code ?
- ☐ As-tu copié le code complet depuis Bridebook ?
- ☐ As-tu collé le code dans un bloc HTML ou code personnalisé ?
- ☐ As-tu publié la page du site ?
- ☐ En mode pop-up, as-tu ajouté
data-bb-openau bon bouton ?
/> au lieu de </iframe> peut casser le reste de ta page. Ferme toujours correctement la balise iframe.Ce qu'il faut envoyer à ton développeur web
Si tu as besoin d'aide pour l'installation, copie et colle ce message à ton développeur :
Copie ce message
Nous souhaitons utiliser :
[Embedded widget / Pop-up widget]
Bridebook a fourni ce code d'installation :
[colle ton code ici]
Pour le mode pop-up, merci d'ajouter data-bb-open au bouton qui doit ouvrir le widget.
Prêt à commencer ?
Récupère ton code widget depuis Bridebook Business et commence à recevoir des demandes depuis ton site web.
Récupère ton code widget