Connectez Biloki à votre site internet

Pourquoi utiliser le widget de réservation ?

Le widget de réservation vous permet d'accepter des réservations directement depuis votre site internet directement connecté à votre calendrier pour éviter les doublkes réservations, sans passer par une plateforme et sans commission externe :

• Le voyageur choisit ses dates, réserve et paie en ligne, directement sur votre site
• Les prix et les disponibilités affichés viennent de votre calendrier Biloki, exactement comme pour Airbnb ou Booking.com - zéro double saisie, zéro risque de double réservation
• La réservation n'est créée qu'une fois le paiement confirmé par Stripe, jamais avant

💡 Le widget se compose de deux briques : un widget de réservation (la fiche de réservation d'un logement précis) et, en complément, un widget de recherche qui regroupe plusieurs hébergements, à afficher sur la 1ère page de votre site.

Étape 1 — Connecter un compte de paiement Stripe

Rendez-vous dans Paramètres > Paiements. Dans la section « Ajouter un compte de paiement », indiquez un nom de compte, puis cliquez sur Configurer un compte de paiement pour suivre le parcours de vérification Stripe (identité, coordonnées bancaires, etc.).

• Vous pouvez connecter plusieurs comptes Stripe - un par propriétaire par exemple, ou un compte pour vous-même
• Donnez à chaque compte un nom clair et reconnaissable (le nom du propriétaire concerné, par exemple) : c'est ce nom qui vous permettra de vous y retrouver au moment d'associer le bon compte au bon logement (étape 2)
• Chaque compte affiche son statut : En attente (vérification Stripe non terminée) ou Connecté
• Un des comptes peut être désigné par défaut via le bouton Définir par défaut — c'est celui qui sera utilisé par un widget si aucun compte n'est explicitement choisi pour cet hébergement
• Connecter un compte Stripe ne coûte rien en soi : les frais ne s'appliquent que sur les paiements effectivement reçus (frais standards Stripe de 1,25%), pas à la connexion du compte

Étape 2 — Activer le widget de réservation par hébergement

Dans le menu de gauche, allez dans Hébergements, sélectionnez le logement concerné, puis ouvrez Widget de réservation dans l'onglet « Votre hébergement ». Quatre options sont à cocher :

• Activer le widget — active le moteur de réservation pour ce logement
• Afficher les équipements - Récupère les infos que vous avez dans votre guide voyageur
• Afficher les photos - Récupère les infos que vous avez dans votre guide voyageur
• Afficher les informations pratiques - Récupère les infos que vous avez dans votre guide voyageur

Ces contenus (photos, équipements, informations pratiques) sont repris automatiquement de ce qui a déjà été synchronisé avec Airbnb et Booking.com - rien à ressaisir. Il ne reste qu'à choisir le compte de paiement à utiliser pour ce logement, dans la liste déroulante des comptes configurés à l'étape 1.

⚠️ Vérifiez bien que vous associez le bon compte Stripe au bon logement. Une erreur d'association peut faire partir l'argent d'une réservation sur le compte d'un autre propriétaire, ou provoquer des problèmes de paiement pour le voyageur. C'est justement pour éviter ce risque qu'il est important de bien nommer vos comptes à l'étape 1.

Une fois enregistré, un aperçu - une carte avec le nom du logement, sa localisation, sa capacité voyageur et sa photo, ainsi que les champs que verra le voyageur sur votre site (dates d'arrivée/départ, nombre de voyageurs, équipements, informations pratiques).

Étape 3 — Le widget de recherche (un widget qui regroupe plusieurs hébergements)

Le widget par hébergement (étape 2), c'est la fiche de réservation d'un seul logement : idéal sur la page dédiée à ce logement sur votre site.

Le widget de recherche, lui, fonctionne comme une barre de recherche unique, un peu comme sur un site d'hôtel ou d'agence de voyage : le voyageur arrive sur votre site, choisit ses dates et le nombre de voyageurs, et le widget lui montre tous les logements disponibles parmi ceux que vous avez sélectionnés.

Pour le créer : allez dans Paramètres > Widgets de recherche, cliquez sur Créer un widget, donnez-lui un nom, puis cochez les hébergements à inclure dans la liste « Hébergements inclus ». Seuls les hébergements dont le widget de réservation est activé (étape 2) apparaissent dans cette liste. Cliquez sur Créer un widget pour valider.

• Vous pouvez créer plusieurs widgets de recherche : un par site internet si vos propriétaires ont chacun le leur
• Chaque widget créé reste modifiable (bouton Modifier) ou supprimable (bouton Supprimer) depuis cette même page
• Le voyageur y sélectionne ses dates, consulte les résultats disponibles avec leur prix, puis réserve depuis le même parcours que le widget d'un hébergement

Étape 4 — Intégrer les codes sur votre site

Chaque widget génère son propre bout de code, à copier-coller sur votre site :

• Widget par hébergement : en bas de la page « Widget de réservation » du logement, dans la section Code à intégrer — « Copiez ce code et collez-le sur votre site internet, à l'endroit où vous souhaitez afficher le widget de réservation. » Le code ressemble à <script src="<https://preprod.biloki.fr/widget.js>" data-accommodation="...">
• Widget de recherche : sur la page Paramètres > Widgets de recherche, chaque widget créé affiche son propre code juste en dessous, du type <script src="<https://preprod.biloki.fr/widget-search.js>" data-token="...">

Concrètement, un bout de code comme celui-ci n'est qu'un petit morceau de texte que votre site va exécuter pour afficher le widget à cet endroit précis. Vous n'avez rien à comprendre à ce code : il suffit de cliquer sur l'icône de copie à côté du bloc, puis de le coller dans votre site, à l'endroit où le widget doit apparaître (une page, un article, un modèle de page...). Selon l'outil utilisé pour votre site (WordPress, autre CMS, site sur mesure), on colle ce code dans une zone de texte/HTML de l'éditeur, ou on demande à la personne qui gère techniquement le site de le faire pour vous si vous n'êtes pas à l'aise avec cette étape.

Concrètement qu'est ce que sera le parcours du futur voyageur sur votre site internet ?

1. Le voyageur entre sur votre site, clique sur la barre de recherche (le widget de recherche), choisit ses dates sur le widget et clique sur "rechercher".
2. Il sélectionne le logement qui lui plait et aux bonnes dates. Il clique sur "réserver"
3. Il renseigne ses coordonnées et son moyen de paiement (numéro de téléphone international accepté)
4. Le paiement est traité par Stripe
5. La réservation est créée uniquement une fois le paiement validé — jamais avant
6. La réservation tombe dans votre calendrier et ces dates sont bloquées sur Airbnb, Booking, Ical et sur votre site internet !

💡 Cette validation par Stripe vous protège : il est impossible de se retrouver avec une réservation enregistrée mais non payée.

Bon à savoir

• Le prix affiché au voyageur est le prix par nuit défini sur votre calendrier Biloki, le même que celui envoyé à Airbnb ou Booking.com. Il n'inclut pas automatiquement les frais de ménage ou d'autres frais additionnels : pensez à les intégrer dans votre prix ou à les gérer séparément avec le voyageur.
• Pensez à bien activer le widget de réservation sur chaque hébergement avant de le faire apparaître dans un widget de recherche, sinon il n'apparaîtra pas dans les résultats.