Visuel sur le site client

Le widget sur le site client

Une fois un hébergement choisi, le client doit renseigner ou confirmer ses informations de séjour pour calculer son montant. Dans le cas où il a déjà renseigné ses dates de séjour dans le moteur de recherche (en page d'accueil ou en page de résultats), ces champs seront pré-remplis ici.

Capture d'écran Aside réservation vide.

Calcul du montant du séjour

Composition

Le client précise la composition du groupe de voyageurs : adultes, enfants, (dans la limite de la capacité de l'hébergement) bébés, et animaux si ceux-ci sont acceptés.

Les bébés ne sont pas comptés dans la limite de capacité, mais il s'agit d'une information utile pour les propriétaires (équipements ou suppléments à proposer).

Capture d'écran Aside réservation selecteur de la composition.

Dates du séjour

Dans le calendrier des arrivées :

  • les jours d'arrivée possible sont affichés en bleu foncé
  • les jours réservables en bleu clair

Dans le calendrier des départs :

  • le jour d'arrivée sélectionné est affiché en orange
  • les jours de départ possibles sont affichés en bleu foncé
  • au survol du calendrier, le client pourra voir en orange clair la période de son séjour. Cela lui permet de mieux appréhender le nombre de jours qu'il choisit.
Capture d'écran Aside réservation sélecteur des dates.

Une petite notification confirme au client que les dates choisies sont bien disponibles :

Capture d'écran Aside réservation notification dates disponibles.

Type de réservation

Le type de réservation doit être sélectionné ici : il s'agira d'une réservation "particulier" par défaut, ou "professionnel" si le client coche cette case.

Capture d'écran Aside case à cocher pour un voyage professionnel.

Résumé des tarifs

Le montant total du séjour est calculé automatiquement à partir de la composition et des dates sélectionnées, en ajoutant les suppléments obligatoires, les frais de service et la taxe de séjour. Les éventuelles promotions sur les nuits sont également affichées ici (prix barré à gauche du total des nuits).

Capture d'écran Aside réservation avec résumé des tarifs.

Exemple de personnalisation des couleurs

Les couleurs de fond, bordures, boutons, etc. du widget peuvent être personnalisées pour un site dans son code d'intégration.

Exemple d'autres couleurs sur le widget.Exemple d'autres couleurs sur le calendrier.