Ajoutez une boutique de location à votre site Webflow à l'aide d'un seul élément « Embed »
En résumé
- Faites glisser un élément « Embed » sur votre page et collez deux lignes de code.
- Les clients choisissent leurs dates et effectuent leur réservation sans quitter votre site.
- Votre design Webflow reste inchangé. Les locations sont gérées dans Be-Bookable.
Pourquoi louer depuis votre propre site Webflow ?
Vous avez conçu votre site Webflow avec soin. La boutique étant intégrée à l'une de ses pages, les clients effectuent leurs réservations directement au sein de ce site, et non sur un site distinct.
Un élément
La boutique est un élément « Embed » unique que vous pouvez placer dans n'importe quelle section.
Votre design tout autour
Votre navigation, vos sections et votre pied de page restent autour de la boutique.
Toujours à jour
Les produits, les prix et la disponibilité proviennent directement de Be-Bookable.
Comment ajouter Be-Bookable à Webflow
- Ouvrez les paramètres du widget. Dans votre tableau de bord Be-Bookable, rendez-vous dans la section « Intégrations » et cliquez sur « Configurer le widget » sur la fiche « Intégration au site web ».
- Choisissez Webflow. Cliquez sur la vignette Webflow. La boîte de dialogue indique où placer le code : « Faites glisser un élément “Embed” sur votre page et collez le code ci-dessous. »
- Copiez le code. Cliquez sur « Copier le code ». Il s'agit de deux lignes : un espace réservé pour votre boutique et le script Be-Bookable.
- Ajoutez votre nom de domaine. Saisissez le nom de domaine de votre site web dans « Domaines autorisés », puis enregistrez. Si votre site fonctionne avec et sans www, ajoutez les deux.
- Vérifiez que cela fonctionne. Collez l'adresse de la page publiée, puis cliquez sur « Vérifier ». Be-Bookable ouvre la page et vous indique si la boutique y est bien en ligne. Dès lors, les réservations effectuées depuis votre site vous parviennent dans votre aperçu des commandes comme n'importe quelle autre commande.
Le code est identique sur toutes les plateformes. Toutes les fonctionnalités du widget sont expliquées sur la widget pour site web page.
Qui gère quoi
Votre site Webflow reste le vôtre. Be-Bookable ne gère que la partie location :
Découvrez-le en action
La boutique de démonstration Brightside sur un site web d'exemple : une page de catégorie et une page de produit avec le calendrier de réservation, sous le menu propre au site.
Foire aux questions
Dois-je écrire du code ?
Non. Vous copiez deux lignes depuis votre tableau de bord Be-Bookable et vous les collez dans un élément « Embed ». Vous ne les modifiez pas.
La boutique fonctionne-t-elle dans l'aperçu Webflow ?
Vérifiez-le sur le site publié. La vérification nécessite également l'adresse publiée, car elle ouvre la page telle qu'un visiteur la verrait.
Puis-je modifier l'apparence de la boutique ?
La boutique intégrée utilise le logo et les couleurs que vous avez définis dans Be-Bookable et occupe toute la largeur de l'espace où vous collez le code. Il n'existe pas de paramètres de style distincts pour l'intégration.
Comment les clients paient-ils ?
Les paiements en ligne sont traités par Mollie. Comme Mollie ne s’ouvre pas au sein d’un autre site web, la page de paiement s’ouvre dans un nouvel onglet. Une fois le paiement effectué, le client accède à la page de remerciement de la boutique sur votre site. Si le navigateur bloque l’ouverture du nouvel onglet, c’est alors la page entière qui s’affiche sur Mollie. Pour en savoir plus, consultez la rubrique paiements en ligne.
Puis-je suivre les réservations dans Google Analytics ?
Oui, si votre site utilise Google Tag Manager. La boutique envoie les événements « view_item », « add_to_cart » et « purchase » vers le dataLayer de votre page, mais uniquement sur les domaines figurant dans votre liste d'autorisations.
