Comment configurer la réservation directe sur votre site web

Vous en avez assez de payer 15 à 20 % de commissions à Airbnb, Booking.com et autres plateformes sur chaque réservation ? Avec la fonctionnalité Réservation directe de Nowistay, vous pouvez accepter des réservations directement depuis votre propre site web — en gardant le contrôle total de votre activité, de la relation avec vos voyageurs et de vos revenus.

Ce guide vous accompagne dans toute la mise en place : configuration du widget de réservation, paramétrage des paiements et taxes, intégration sur votre site web et gestion des réservations directes.

Prérequis

Avant de pouvoir utiliser la Réservation directe, assurez-vous d'avoir :

• Au moins un logement connecté avec Nowistay PMS
• Un abonnement Assistant IA actif
• Un compte Stripe connecté pour le traitement des paiements

Vous pouvez vérifier et configurer tout cela depuis la page Intégrations de votre tableau de bord Nowistay.

Étape 1 : Accéder à la configuration de la Réservation directe

1. Allez dans Intégrations depuis le menu latéral gauche.
2. Trouvez « Réservation directe » dans la liste. Elle doit apparaître comme « Actif » si vous remplissez tous les prérequis.
3. Cliquez sur « Configurer » pour ouvrir le panneau de Réservation directe.

Le panneau vous permet de sélectionner un logement, choisir une langue et copier le code d'intégration pour votre site web.

Étape 2 : Configurer les paramètres du widget

Cliquez sur l'icône paramètres (roue dentée) en haut à droite du panneau de Réservation directe pour personnaliser votre widget.

Mode de paiement

Choisissez comment vos voyageurs paient leur réservation :

• Paiement intégral : Le voyageur paie 100 % du montant total au moment de la réservation.
• Paiement en plusieurs fois : Le voyageur paie un pourcentage à la réservation (ex. 30 %), et le solde est automatiquement débité de sa carte avant l'arrivée.

Si vous choisissez le Paiement en plusieurs fois, vous pouvez configurer :

• Premier paiement (%) : Le pourcentage débité à la réservation (entre 10 % et 90 %).
• Jours avant l'arrivée pour le second paiement : Combien de jours avant le check-in le solde restant est débité automatiquement (1 à 60 jours).

Apparence

• Couleur principale : Choisissez une couleur hexadécimale qui correspond à votre marque. Elle sera utilisée pour les boutons et les accents du widget de réservation.
• Police de caractères : Choisissez parmi Roboto, Inter, Open Sans, Lato, Montserrat ou Poppins.

Conditions générales

Ajoutez l'URL de vos conditions générales pour afficher une case à cocher obligatoire dans le formulaire de réservation. Les voyageurs devront accepter vos conditions avant de finaliser leur réservation.

Cliquez sur « Enregistrer » une fois terminé.

Étape 3 : Configurer les taxes

Vous pouvez configurer les taxes pour chaque logement individuellement. Ces taxes sont automatiquement calculées et ajoutées au montant total affiché à vos voyageurs.

1. Dans le panneau de Réservation directe, sélectionnez le logement que vous souhaitez configurer.
2. Cliquez sur le bouton « Taxes ».
3. Vous verrez la liste des taxes existantes. Cliquez sur « + Ajouter une taxe » pour en créer une nouvelle.

Pour chaque taxe, configurez :

• Nom de la taxe : Un nom descriptif (ex. « Taxe de séjour », « TVA », « Taxe touristique »).
• Type : Pourcentage (%) ou Montant fixe dans votre devise.
• Valeur : Le taux (ex. 5 pour 5 %) ou le montant fixe (ex. 2,50).
• Appliquée par :
  • Par séjour : Appliquée une seule fois pour l'ensemble de la réservation.
  • Par nuit : Multipliée par le nombre de nuits.
  • Par voyageur par nuit : Multipliée par le nombre de voyageurs et le nombre de nuits.

Vous pouvez ajouter autant de taxes que nécessaire. Elles apparaîtront toutes dans le détail du prix affiché à vos voyageurs lors du processus de réservation.

Étape 4 : Copier le code d'intégration et choisir la langue

De retour dans le panneau principal de Réservation directe :

1. Sélectionnez votre logement dans le menu déroulant.
2. Choisissez la langue du widget de réservation. Langues disponibles : français, anglais, espagnol, allemand, italien, néerlandais, portugais, russe et chinois.
3. Cliquez sur le bouton « Copier » à côté du code d'intégration.

Le code d'intégration ressemble à ceci :

<div id="nowistay-booking"></div>
<script src="https://traveler.nowistay.com/embed.js"
    data-token="VOTRE_TOKEN"
    data-lang="fr"></script>

Pour afficher le widget dans une autre langue, changez simplement le menu déroulant Langue — le code d'intégration se met à jour automatiquement avec la bonne valeur data-lang (ex. "en" pour l'anglais, "es" pour l'espagnol, "de" pour l'allemand).

Vous pouvez intégrer plusieurs widgets dans différentes langues sur des pages séparées de votre site. Par exemple, un widget en français sur votre page française et un widget en anglais sur votre page anglaise. Chacun utilise le même token de propriété, seul le code de langue change.

Étape 5 : Ajouter le widget à votre site web

Le code d'intégration fonctionne sur n'importe quel site web acceptant du code HTML personnalisé. Voici comment l'ajouter sur les constructeurs de sites les plus populaires :

WordPress

1. Éditez la page où vous souhaitez afficher le widget de réservation.
2. Ajoutez un bloc « HTML personnalisé » (éditeur Gutenberg) ou basculez en mode « Texte » (éditeur classique).
3. Collez le code d'intégration.
4. Enregistrez ou publiez la page.

Webflow

1. Ouvrez votre page dans le Designer Webflow.
2. Ajoutez un élément « Embed » (dans « Components » dans le panneau gauche).
3. Collez le code d'intégration dans l'éditeur de code.
4. Enregistrez et publiez votre site.

Wix

1. Ouvrez votre page dans l'éditeur Wix.
2. Cliquez sur « Ajouter des éléments » puis « Intégrations et réseaux sociaux » puis « Code intégré personnalisé » puis « Intégrer un widget ».
3. Cliquez sur « Entrer le code » et collez le code d'intégration.
4. Redimensionnez l'élément pour l'adapter à votre mise en page.
5. Publiez votre site.

Squarespace

1. Éditez votre page et ajoutez un nouveau bloc « Code ».
2. Collez le code d'intégration.
3. Cliquez sur « Appliquer » et enregistrez la page.

Tout autre site web

Si vous avez accès au code HTML de votre site, collez simplement le code d'intégration à l'endroit où vous souhaitez afficher le widget de réservation. Le script créera automatiquement un iframe et chargera le formulaire de réservation.

Voici un exemple de site de propriété avec le widget de Réservation directe intégré :

Comment ça fonctionne pour vos voyageurs

Voici l'expérience étape par étape pour un voyageur qui réserve directement sur votre site web :

1. Consulter les disponibilités et sélectionner les dates

Le widget affiche un calendrier avec les dates disponibles et les tarifs par nuit. Votre voyageur sélectionne ses dates d'arrivée et de départ. Les dates indisponibles sont automatiquement grisées, et les restrictions de durée minimum/maximum de séjour sont appliquées.

2. Choisir le nombre de voyageurs

Le voyageur sélectionne le nombre de personnes pour le séjour, dans la limite de la capacité maximale que vous avez configurée pour le logement.

3. Consulter le prix et saisir ses informations

Le widget affiche un détail complet du prix : tarif par nuit pour chaque nuitée, frais de ménage, taxes applicables et montant total. Le voyageur remplit ensuite ses informations : prénom, nom, email, téléphone, et éventuellement son adresse.

Un message informe le voyageur que les dates sont réservées pendant 30 minutes le temps de finaliser la réservation.

Si vous avez configuré une URL de conditions générales, le voyageur doit cocher la case d'acceptation avant de continuer.

4. Effectuer le paiement

Après avoir cliqué sur « Réserver et payer », le voyageur est redirigé vers une page de paiement sécurisée Stripe. Il peut payer par carte bancaire, et tout autre moyen de paiement activé sur votre compte Stripe (Klarna, Bancontact, iDEAL, etc.).

5. Réservation confirmée

Une fois le paiement effectué, tout se passe automatiquement :

• La réservation est créée dans votre tableau de bord Nowistay.
• Les dates sont bloquées sur tous les canaux connectés (Airbnb, Booking.com, etc.) pour éviter les doubles réservations.
• Une tâche de ménage est générée automatiquement si vous avez activé l'automatisation du ménage.
• Vous et le voyageur recevez un email de confirmation avec tous les détails de la réservation.

Créer une réservation directe manuelle avec demande de paiement

Il arrive qu'un voyageur vous contacte directement — par téléphone, email ou réseaux sociaux — et souhaite réserver. Plutôt que de lui demander de passer par votre site web, vous pouvez créer une réservation manuelle et lui envoyer une demande de paiement par email.

Comment ça fonctionne

1. Allez dans la section Réservations depuis le menu latéral gauche.
2. Cliquez sur « Créer une réservation ».
3. Sélectionnez le logement et remplissez les dates, les informations du voyageur (l'email est obligatoire), le détail tarifaire et la devise.
4. Cochez l'option « Demander le paiement au voyageur ».
5. Cliquez sur « Créer ».

Le flux de paiement

• Le voyageur reçoit un email avec un lien de paiement sécurisé.
• La réservation apparaît avec un statut « Paiement en attente » dans votre tableau de bord.
• Le lien de paiement est valide pendant 35 minutes. Le voyageur clique dessus et paie sur une page de paiement Stripe sécurisée.
• Une fois le paiement effectué, la réservation est automatiquement confirmée : les dates sont bloquées sur tous les canaux et les tâches de ménage sont créées.

Si le paiement expire

Si le voyageur ne finalise pas le paiement dans le délai imparti, le lien expire. Vous pouvez alors générer un nouveau lien de paiement depuis les détails de la réservation — le voyageur recevra un nouvel email avec un lien actualisé. Cette opération peut être répétée autant de fois que nécessaire jusqu'à ce que le voyageur effectue le paiement.

Besoin d'aide ?

Si vous avez des questions sur la mise en place de la Réservation directe, n'hésitez pas à nous contacter à hello@nowistay.com. Nous serons ravis de vous aider !