Accueil / Intégrations / Widget de site web

Widget de site web

Logo Be-Bookable

+

Logo d'intégration CMS personnalisée

Widget de site web

Logo Be-Bookable

+

Logo d'intégration CMS personnalisée
Intégrez votre boutique de location à votre propre site web en deux lignes de code, sur WordPress, Webflow ou tout autre CMS prenant en charge le HTML.

Intégrez votre boutique de location à votre propre site web en deux lignes de code

En résumé

  • Copiez deux lignes de code depuis votre tableau de bord et collez-les dans n'importe quelle page de votre site.
  • Les visiteurs peuvent parcourir les offres, choisir des dates et réserver sans quitter votre site web.
  • Les produits, la disponibilité et les commandes sont gérés directement dans Be-Bookable ; il n'y a donc aucun plugin à installer ni à mettre à jour.
Widget de site web
Choisissez votre plateforme, copiez le code, ajoutez votre nom de domaine et vérifiez que la boutique est bien en ligne.

Pourquoi intégrer la boutique à votre propre site ?

C'est sur votre site web que les clients vous trouvent. Lorsqu'ils peuvent effectuer leur réservation directement sur cette même page, ils n'ont pas besoin de se rendre sur un autre site en cours de route.

N'importe quel site web

WordPress, Webflow, une solution sur mesure ou tout autre CMS vous permettant d'ajouter du code HTML à une page.

Toujours à jour

Les produits, les prix et la disponibilité proviennent directement de votre boutique Be-Bookable.

Uniquement sur vos domaines

Les données de la boutique et les événements analytics ne sont envoyés qu'aux sites figurant dans votre liste de domaines autorisés.

Comment Be-Bookable résout ce problème

  1. Ouvrez les paramètres du widget. Dans votre tableau de bord, allez dans « Intégrations » et cliquez sur « Configurer le widget » sur la fiche « Intégration au site web ».
  2. Choisissez votre plateforme. Choisissez la plateforme de votre site, par exemple WordPress ou Webflow, ou « Site web personnalisé » pour tout le reste. Une courte instruction vous indique où coller le code.
  3. Copiez le code. Cliquez sur « Copier le code » et collez les deux lignes dans un bloc HTML sur la page où la boutique doit s'afficher.
  4. 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.
  5. Vérifiez que cela fonctionne. Collez l'adresse de la page et cliquez sur « Vérifier ». Be-Bookable consulte la page et vous indique si la boutique y est bien en ligne. Dès lors, les réservations effectuées depuis votre site arrivent dans votre aperçu des commandes comme n'importe quelle autre commande.

Où coller le code ?

Le code est identique sur toutes les plateformes. Seul l'endroit où vous devez le coller diffère :

Votre site webOù va le code ?
WordPressDans l'éditeur de blocs, ajoutez un bloc « HTML personnalisé » à la page.
WebflowFaites glisser un élément « Embed » sur la page.
ShopifyDans « Boutique en ligne », « Thèmes », « Personnaliser », ajoutez une section « Liquid personnalisé ».
BigCommerceDans Page Builder, ajoutez un widget HTML à la page.
MagentoAjoutez le code via un bloc CMS ou dans la mise en page.
Tout autre CMSCollez le code à n'importe quel endroit dans le code HTML de la page.

Découvrez-le en action

La boutique de démonstration Brightside sur un exemple de site web : 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

Ai-je besoin d'un plugin ?

Non. Il vous suffit de coller deux lignes de code HTML dans votre page. Il n'y a aucun plugin WordPress ni aucun autre plugin de CMS à installer ou à mettre à jour.

La boutique intégrée utilise les couleurs que vous avez définies pour votre boutique dans Be-Bookable et s'adapte à la largeur de l'espace où vous collez le code. Il n'existe pas de paramètres de style spécifiques pour l'intégration. Pour en savoir plus, consultez la section personnalisation de la boutique.

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 est redirigé vers la page de remerciement de votre site. Si le navigateur bloque l'ouverture du nouvel onglet, c'est alors la page entière qui s'affiche sur Mollie.

Oui, si votre site web 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.

Oui. Le script ajoute des données structurées (schema.org) à votre page, ce qui permet aux moteurs de recherche de comprendre qu'il s'agit d'une boutique de location et à qui elle appartient. Le texte, les titres et les photos concernant la boutique sont pleinement pris en compte pour votre page ; ainsi, une brève présentation au-dessus de la boutique contribue à son référencement. Les pages produits elles-mêmes sont indexées dans le cadre de votre boutique Be-Bookable.

Oui. L'adresse de votre page suit le visiteur tout au long de sa navigation dans la boutique, par exemple /rent#tents/dome-tent. Partagez ce lien et la boutique s'ouvrira directement sur ce produit. Un visiteur qui actualise la page reste également à l'endroit où il se trouvait.

Oui, si votre boutique propose plusieurs langues. Ajoutez l'attribut « data-lang » avec la valeur « nl », « de » ou « en » au code, par exemple sur la page en allemand de votre site web, et la boutique s'affichera dans cette langue. Sans cela, la boutique utilise la langue que le visiteur a choisie précédemment, la langue du navigateur ou votre langue principale. Pour en savoir plus, consultez paramètres linguistiques.

Autres intégrations

Paiements en ligne

Mollie

Les clients effectuent leur paiement lors du passage en caisse par carte bancaire, PayPal et par les autres moyens de paiement que vous activez dans Mollie. L'argent est directement versé sur votre propre compte Mollie.

Connexion en quelques clics, sans clés API.

En savoir plus sur Mollie

Livraison

Sendcloud

Vous créez l'étiquette d'expédition et de retour directement à partir de la commande et choisissez le transporteur pour chaque commande. Le statut de la commande suit celui du colis.

Connexion avec les clés de votre compte Sendcloud.

En savoir plus sur Sendcloud

Site web

WordPress

Intégrez votre boutique de location à n'importe quelle page WordPress, même si vous la créez avec Elementor. Aucun plugin n'est à installer.

Deux lignes de code dans un bloc HTML personnalisé.

En savoir plus sur WordPress

Boutique en ligne

Shopify

Ajoutez des articles en location à votre boutique Shopify, en complément de ce que vous vendez déjà. Il n'y a aucune application à installer.

Deux lignes de code dans une section « Liquid personnalisé ».

En savoir plus sur Shopify

Site web

Webflow

Intégrez votre boutique de location dans votre site Webflow, dans la section de votre choix.

Deux lignes de code dans un élément « Embed ».

En savoir plus sur Webflow

Boutique en ligne

Magento

Ajoutez des offres de location à votre boutique Magento. Aucune extension ni aucun module n'est à installer.

Deux lignes de code dans un bloc CMS ou dans la mise en page.

En savoir plus sur Magento

Boutique en ligne

BigCommerce

Ajoutez des offres de location à votre boutique BigCommerce. Aucune application n'est à installer.

Deux lignes de code dans un widget HTML de Page Builder.

En savoir plus sur BigCommerce

Assistant IA

Assistant IA (MCP)

Interrogez Claude, ChatGPT ou Cursor concernant vos réservations et vos ventes, et laissez-les modifier les prix, les stocks et les horaires d'ouverture.

Activez-le dans l'application, collez une adresse et validez.

En savoir plus sur l'assistant IA
Configurez votre propre logiciel de location pour
Matériel événementiel. Outils. Mobilier de bureau. Électronique. Gadgets. Articles de fête. Matériel de fitness. Costumes. Équipement de plein air. Articles pour bébés. Photographie. Électroménager. Matériel médical. Matériel de jardinage. Matériel audio. Électroménager de cuisine. Équipement de sports nautiques. Réalité virtuelle.  Matériel de camping. Jeux de société. Instruments de musique. Outillage de bricolage. Équipements sportifs. Projecteurs. Tentes de camping. Outils électriques. Montres de luxe. Jouets éducatifs. Tentes de réception. Technologies de bureau. Matériel de couture. Systèmes de karaoké. Équipement de plage. Boutiques éphémères. Fauteuils de massage. Matériel de ski. Matériel de pêche. Outils de projet. Imprimantes 3D. Kits de robotique. Purificateurs d'air. Vélos électriques. Consoles de jeux. Casques de réalité virtuelle. Kits pédagogiques. Silent disco.