Widget pour site web

Guide d'installation simple

Ce guide vous montre comment ajouter le widget Bridebook à votre site web de lieu.

Ce que le widget permet aux couples de faire

  • ●  Envoyer une demande
  • ●  Réserver une visite
  • ●  S'inscrire à une journée portes ouvertes

Avant de commencer

Trouvez votre code de widget ici : Bridebook Business → Développez votre activité → Widget pour site web → Installer

Ou accédez-y directement : Obtenir votre code de widget

Tout ce que les couples envoient via le widget apparaîtra automatiquement dans Bridebook Business, avec le tag Widget pour site web.

Deux façons d'ajouter le widget

Intégré

Le widget s'affiche directement sur votre page, visible immédiatement, comme un formulaire de contact intégré au site.

Toujours visible

Pop-up

Le widget s'ouvre lorsqu'un couple clique sur un bouton, comme « Réserver une visite » ou « Envoyer une demande ».

S'ouvre au clic
Diagramme widget intégré vs pop-up

Vous ne savez pas quelle option choisir ? L'option intégrée fonctionne mieux pour les pages de contact et de demande. Le pop-up fonctionne mieux si vous avez déjà des boutons sur votre site.


1

Ajouter le widget directement à une page (Intégré)

Utilisez cette option si vous souhaitez que le widget apparaisse immédiatement sur la page.

Pages adaptées au widget intégré

Page de contact Page de demande Page Nous rendre visite

Étape 1 — Copiez votre code intégré depuis Bridebook

  1. 1Accédez à Bridebook Business
  2. 2Ouvrez : Développez votre activité → Widget pour site web → Installer
  3. 3Choisissez l'option intégré
  4. 4Copiez le code

Il ressemblera à ceci :

<iframe width="100%" height="600" src="https://enquiry.bridebook.com?publicId=YOUR_PUBLIC_ID&widgetId=YOUR_WIDGET_ID"> </iframe>
Important : L'iframe doit se terminer par </iframe> et non par />. Un iframe à fermeture automatique peut casser le reste de votre page.

Étape 2 — Collez le code dans votre site web

  1. 1Ouvrez l'éditeur de votre site web
  2. 2Accédez à la page sur laquelle vous souhaitez placer le widget
  3. 3Ajoutez un bloc HTML personnalisé ou un bloc de code personnalisé
  4. 4Collez-y le code complet
Utilisateurs WordPress : Ajoutez le code à l'aide d'un bloc HTML personnalisé.

Étape 3 — Publiez et vérifiez

  1. 1Enregistrez et publiez la page
  2. 2Ouvrez la page et vérifiez que le widget apparaît
  3. 3Envoyez une demande test et vérifiez qu'elle arrive dans Bridebook Business


Si cela ne fonctionne pas

  • ☐  data-public-id et data-widget-id sont-ils toujours présents dans le code ?
  • ☐  Votre éditeur de site web a-t-il supprimé une partie du code ?
  • ☐  Avez-vous copié le code complet depuis Bridebook ?
  • ☐  Avez-vous collé le code dans un bloc HTML personnalisé ou un bloc de code ?
  • ☐  Avez-vous publié la page du site web ?
  • ☐  Si vous utilisez le mode pop-up, avez-vous ajouté data-bb-open au bon bouton ?
Problème courant : Utiliser un iframe à fermeture automatique /> au lieu de </iframe> peut casser le reste de votre page. Fermez toujours correctement la balise iframe.

Ce qu'il faut envoyer à votre développeur web

Si vous avez besoin d'aide pour l'installation, copiez et collez ce message à votre développeur :

Copiez ce message

Veuillez ajouter le Widget pour site web Bridebook à notre site web.

Nous souhaitons utiliser :
[Widget intégré / Widget pop-up]

Bridebook a fourni ce code d'installation :
[collez votre code ici]

Pour le mode pop-up, veuillez ajouter data-bb-open au bouton qui doit ouvrir le widget.

Vous souhaitez vous lancer ?

Obtenez votre code de widget depuis Bridebook Business et commencez à recevoir des demandes depuis votre site web.

Obtenir votre code de widget