Technical Help

Calendrier des disponibilités
FAQ
Puis-je changer les couleurs ?
Oui, vous pouvez le faire. Cela se fait en ajoutant un paramètre, veuillez consulter les options avancées.
Puis-je modifier le nombre de mois ?
Oui, vous le pouvez. Cela se fait en ajoutant un paramètre, veuillez consulter les options avancées.
Puis-je modifier la largeur du calendrier ?
Oui, vous le pouvez. Cela se fait en ajoutant un paramètre, veuillez consulter les options avancées.
Est-il multilingue ?
Oui, vous pouvez utiliser l'option 'auto' pour que la langue soit automatiquement sélectionnée, ou forcer la langue à : en/nl/it/fr/de/pt/es/pl en ajoutant un paramètre. Voir les options avancées pour un aperçu.
Options avancées
Description:
Ajoutez les balises suivantes et la balise script à votre site web.
Un calendrier de disponibilité à jour s'affichera.
Exemple concret:
Utilisation du html pour cet exemple : 

      <bookaplace-avail name="test_demoboo" obj="0" fnr="000" lang=""></bookaplace-avail>
      <script type="module" src="https://booka.place/v3.1/bookaplace-avail.min.js"></script>
Paramètres:
name="youraccountname" saisissez votre nom de compte.
obj="0" le numéro du logement, commençant à zéro (0).
fnr="000" saisissez le numéro de l'application (000/001/002/...) si vous avez plus d'un exemplaire de l'application Booka.place sur votre compte.
bgcolor="red" couleur de fond pour les dates réservées.
color="white" couleur de premier plan pour les dates réservées.
headerbgcolor="#3B3B3B"couleur de fond pour l'en-tête/la barre.
headercolor="white"couleur d'avant plan pour l'en-tête/la barre.
maxwidth="400" définir la largeur maximale en pixels. Pas d'unité, seulement un nombre.
minheight="250" définir la hauteur minimale du calendrier total en pixels. Pas d'unité, seulement un nombre.
fontsize="14" définir la taille de la police en pixels. Pas d'unité, seulement un nombre.
lineheight="1.1" définir la hauteur de ligne en em. Pas d'unités, seulement un nombre.
maxdate="yyyymmdd" définir la date maximale à afficher (par défaut : 31 décembre de l'année prochaine).
curdate="yyyymmdd" définir la date qui doit être affichée initalement.
datefrmt="dd/mm/yyyy" sélectionner le format de la date. Seuls les formats EU (dd/mm/yyyy) et US (mm/dd/yyyy) sont acceptés
. weekstart="0" remplacer le jour de début de semaine visible (0=mardi,1=mardi,2=mercredi,3=jeudi,4=vendredi,5=samedi,6=dimanche)
. cols="4" définir le nombre maximal de mois horizontaux (6 au maximum). Le résultat dépend de la largeur de l'écran.
lang="auto" définir la langue à en/nl/it/fr/de/pt/es/pl ou entrer 'auto' pour suivre la balise html document.
Comment installer l'application ?
Apple iPhone/iPad
Vous pouvez installer l'application sur l'écran d'accueil.
Veuillez suivre les étapes suivantes :
  • Démarrez Safari
  • Aller sur https://Booka.place/app
  • Pas encore de compte Booka.place ? Cliquez sur " Créer un compte gratuit " et saisissez votre nom, votre adresse électronique et votre nom de domaine. Un compte est nécessaire pour empêcher que n'importe qui puisse modifier vos données de disponibilité.
  • Vous avez déjà un compte Booka.place (gratuit, lite ou pro) ? Saisissez votre nom et votre mot de passe.
  • Ouvrez le menu Share, disponible en bas ou en haut du navigateur.
  • Cliquez sur Ajouter à l'écran d'accueil.
Apple macOS
  • Démarrez Safari
  • Aller sur https://Booka.place/app
  • Pas encore de compte Booka.place ? Cliquez sur " Créer un compte gratuit " et saisissez votre nom, votre adresse électronique et votre nom de domaine. Un compte est nécessaire pour empêcher que n'importe qui puisse modifier vos données de disponibilité.
  • Vous avez déjà un compte Booka.place (gratuit, lite ou pro) ? Saisissez votre nom et votre mot de passe.
  • Ouvrez le menu Share, disponible en bas ou en haut du navigateur.
  • Cliquez sur Ajouter à l'écran d'accueil.
Android
Sur Android, l'installation diffère selon l'appareil et le navigateur.

Chrome/Brave/Edge
  • Aller sur https://Booka.place/app
  • Pas encore de compte Booka.place ? Cliquez sur " Créer un compte gratuit " et saisissez votre nom, votre adresse électronique et votre nom de domaine. Un compte est nécessaire pour empêcher que n'importe qui puisse modifier vos données de disponibilité.
  • Vous avez déjà un compte Booka.place (gratuit, lite ou pro) ? Entrez votre nom et votre mot de passe.
  • L'application affiche un bouton " Ajouter à l'écran d'accueil "
  • Cliquez sur le bouton et suivez les instructions.
Firefox
  • Aller sur https://Booka.place/app
  • Pas encore de compte Booka.place ? Cliquez sur " Créer un compte gratuit " et saisissez votre nom, votre adresse électronique et votre nom de domaine. Un compte est nécessaire pour empêcher que n'importe qui puisse modifier vos données de disponibilité.
  • Vous avez déjà un compte Booka.place (gratuit, lite ou pro) ? Entrez votre nom et votre mot de passe.
  • Cliquez sur Installer ou Ajouter à l'écran d'accueil
Windows 10/11
Sous Windows, la procédure d'installation dépend du navigateur utilisé
.
Chrome/Brave/Edge
  • Aller sur https://Booka.place/app
  • Pas encore de compte Booka.place ? Cliquez sur " Créer un compte gratuit " et saisissez votre nom, votre adresse électronique et votre nom de domaine. Un compte est nécessaire pour empêcher que n'importe qui puisse modifier vos données de disponibilité.
  • Vous avez déjà un compte Booka.place (gratuit, lite ou pro) ? Entrez votre nom et votre mot de passe.
  • L'application affiche un bouton " Ajouter à l'écran d'accueil "
  • Cliquez sur le bouton et suivez les instructions.
Firefox
  • Aller sur https://Booka.place/app
  • Pas encore de compte Booka.place ? Cliquez sur " Créer un compte gratuit " et saisissez votre nom, votre adresse électronique et votre nom de domaine. Un compte est nécessaire pour empêcher que n'importe qui puisse modifier vos données de disponibilité.
  • Vous avez déjà un compte Booka.place (gratuit, lite ou pro) ? Entrez votre nom et votre mot de passe.
  • Allez sur https://Booka.place/app
  • Cliquez sur Installer ou Ajouter à l'écran d'accueil
Linux
Sous Linux, la procédure d'installation dépend du navigateur utilisé
.
Chrome/Brave/Edge
  • Aller sur https://Booka.place/app
  • Pas encore de compte Booka.place ? Cliquez sur " Créer un compte gratuit " et saisissez votre nom, votre adresse électronique et votre nom de domaine. Un compte est nécessaire pour empêcher que n'importe qui puisse modifier vos données de disponibilité.
  • Vous avez déjà un compte Booka.place (gratuit, lite ou pro) ? Entrez votre nom et votre mot de passe.
  • L'application affiche un bouton " Ajouter à l'écran d'accueil "
  • Cliquez sur le bouton et suivez les instructions.
Firefox
  • Aller sur https://Booka.place/app
  • Pas encore de compte Booka.place ? Cliquez sur " Créer un compte gratuit " et saisissez votre nom, votre adresse électronique et votre nom de domaine. Un compte est nécessaire pour empêcher que n'importe qui puisse modifier vos données de disponibilité.
  • Vous avez déjà un compte Booka.place (gratuit, lite ou pro) ? Entrez votre nom et votre mot de passe.
  • Allez sur https://Booka.place/app
  • Cliquez sur Installer ou Ajouter à l'écran d'accueil
Chromebook
Chrome
  • Aller sur https://Booka.place/app
  • Pas encore de compte Booka.place ? Cliquez sur " Créer un compte gratuit " et saisissez votre nom, votre adresse électronique et votre nom de domaine. Un compte est nécessaire pour empêcher que n'importe qui puisse modifier vos données de disponibilité.
  • Vous avez déjà un compte Booka.place (gratuit, lite ou pro) ? Entrez votre nom et votre mot de passe.
  • L'application affiche un bouton " Ajouter à l'écran d'accueil "
  • Cliquez sur le bouton et suivez les instructions.
Barre de recherche
FAQ
Puis-je afficher les résultats dans une modale ?
Oui, il s'agit du paramètre par défaut. Vous pouvez le changer et/ou l'affiner en modifiant un paramètre, veuillez consulter les options avancées.
Puis-je afficher les résultats sur ma propre page ?
Oui, vous pouvez ajouter des éléments sur votre propre page. Ces éléments seront remplacés par les résultats de la recherche. Vous pouvez changer et/ou affiner cela en modifiant un paramètre, veuillez consulter les options avancées.
Puis-je afficher les résultats sur une autre page de mon site
.
Oui, la barre de recherche peut afficher les résultats sur une autre page de votre site. Cela se fait en ajoutant un paramètre, veuillez consulter les options avancées.
Puis-je utiliser l'application pour gérer mes réservations ?
Oui, une appli est disponible pour gérer facilement vos réservations.
Puis-je changer le support de la barre de recherche ?
Le composant web utilise un shadow-dom, qui ne peut pas être influencé depuis l'extérieur.
Cependant, vous pouvez influencer l'élément parent du composant web.
Par exemple:



Utilisation du html pour cet exemple:

        <div style="background-color : aliceblue ; padding : 10% ; border-radius : 25px ;">
        <bookaplace-all name="test_demoboo" theme="united"
            result="https://booka.place/support/externalpage.html"
            maxchild="2">
        </bookaplace-all>
        </div>
        <script type="module" src="https://booka.place/v3.1/bookaplace-all.min.js"></script>

Conseil :
Copiez et collez le code dans l'éditeur des écoles W3.


Puis-je modifier les couleurs, le padding, les marges, le type de ...
Le composant Web utilise un shadow-dom, qui ne peut pas être facilement influencé de l'extérieur.
Cependant, vous pouvez sélectionner un thème et une btnclass en réglant ces 2 paramètres:

Paramètres:
theme="" sélectionnez l'un des 26 thèmes Bootswatch 5 [non disponible pour le calendrier de disponibilité].
btnclass="" sélectionnez primaire, secondaire, succès, danger, avertissement, info, clair, foncé, outline-primary, outline-secondary, outline-success, outline-warning, outline-info, outline-light, outline-dark. L'effet dépend du thème Bootswatch choisi [non disponible pour le calendrier des disponibilités].

Et vous pouvez utiliser ces " astuces " plus avancées pour influencer le css à l'intérieur du shadow-dom :

CSS-TRICKS : Styliser dans le DOM d'ombre avec les parties d'ombre CSS

La fenêtre d'information noire répond aux CSS de votre document principal. Par exemple :
#msg2usert small { font-size : 70% } #msg2usert table { line-height : 1 }
vont rendre cette fenêtre plus petite.
Puis-je utiliser la barre de réservation comme un calendrier de disponibilité ?
Oui, utilisez le result-modal et ces paramètres :

nobook="true" remplace le bouton de réservation dans la modale de résultat par le lien plus d'infos (obligatoire !).



noprice="true"désactive l'affichage des prix/calculs de prix dans la modale de résultat.

N'oubliez pas de configurer les paramètres minimaux pour chaque objet, comme les descriptions, les prix, les remises, les invités, etc.

.
N.B. Même si vous n'utilisez pas de prix - un prix de base est nécessaire pour chaque hébergement.

L'hébergement n'est jamais visible dans les résultats de la barre de recherche
.
Veuillez vérifier si le prix de l'hébergement est défini.
Les hébergements sans prix de base ne seront pas affichés.
Je vois des erreurs Javascript comme 'window.resteModalE n'est pas une fonction'
Tous les problèmes connus sont causés par le mélange de différentes versions sur une même page.
Veuillez rechercher dans le code de la page les versions v1.1 et v2.0 (ou plus récentes), et mettez tout à jour avec la version la plus récente si vous avez trouvé plusieurs versions sur la même page.
Est-il multilingue ?
Oui, vous pouvez utiliser l'option 'auto' pour que la langue soit automatiquement sélectionnée, ou forcer la langue à : en/nl/it/fr/de/pt/es/pl en ajoutant un paramètre. Voir les options avancées pour un aperçu.
Mon menu/barre d'outils cache la popup
Si vous utilisez un élément dit " fixe " sur votre site (par exemple, une barre de menu) et que cet élément rend la fenêtre contextuelle de réservation ou le résultat de la réservation invisible, vous risquez d'être confronté à un problème. popup de réservation ou la popup de résultat de la barre de réservation invisible alors ces options sont disponibles:
  • Tenter d'ajouter l'influcence le z-index en CSS
  • Forcer la popup de réservation/résultat à démarrer à un point plus bas en ajoutant le paramètre 'popuptop=60px'. Vous pouvez utiliser n'importe quelle valeur à la place de 60px, mais veuillez vérifier les effets sur un appareil mobile.
Remplir les dates de sélection dans la barre de recherche
.
Les dates de sélection de la recharge dans la barre de recherche. Supposons que vous trouviez un appel de dernière minute quelque part sur un forum/site et que vous ayez un ou plusieurs objets disponibles. Vous pouvez alors répondre avec ?booka=20230130,20230131,2,0 derrière l' ? url de votre site. Cela ouvrira les résultats de la recherche avec les objets disponibles.
Exemple
https://your.site?booka=yyyymmdd,yyyymmdd,2,0

premier yyyymmdd = date d'arrivée Année + Mois + Jour
deuxième yyyymmdd = date de départ Année + Mois + Jour
puis les adultes requis
puis les enfants requis
Options avancées : Résultats dans une modale
Description:
Ajoutez les balises de composant web et la balise script à votre site web.
Votre client sélectionne la date et clique sur recherche.
Le composant web ouvre une modale pleine fenêtre pour montrer vos hébergements disponibles (un objet par type).
Chaque hébergement affichera le prix pour la période sélectionnée et un bouton de réservation qui permettra de réserver l'objet, ou un lien pour plus d'informations.
Exemple concret:
html utilisé pour cet exemple:

      <bookaplace-all name="test_demoboo" theme="united" result="modal" maxchild="2"></bookaplace-all>
      <script type="module" src="https://booka.place/v3.1/bookaplace-all.min.js"></script>
Conseil :
Copiez et collez le code dans l'éditeur des écoles W3.

Éléments requis:
1. la balise bookaplace-all, avec le paramètre result="user"
>. 2. le script qui charge le module (un par page est ok)
.
Paramètres:
result="modal" renvoie les résultats à l'intérieur d'une modale.
name="youraccountname" saisissez votre nom de compte.
fnr="000" saisissez le numéro de l'application (000/001/002/...) si vous avez plus d'une copie de l'application Booka.place sur votre compte.
theme="" sélectionnez l'un des 26 thèmes de Bootswatch 5.
btnclass="" sélectionnez primaire, secondaire, succès, danger, avertissement, info, clair, foncé, outline-primary, outline-secondary, outline-success, outline-warning, outline-info, outline-light, outline-dark. L'effet dépend du thème Bootswatch choisi.
maxadult="10" définir le nombre maximum d'adultes à sélectionner.
maxchild="5" définir le nombre maximum d'enfants à sélectionner. Saisissez 0 (zéro) pour masquer ce champ.
lang="auto" définir la langue en/nl/it/fr/de/pt/es/pl ou entrer 'auto' pour suivre la balise html document
. nobook="true" remplace le bouton de réservation dans la modale de résultat par le lien plus d'infos (obligatoire !).
noprice="true" désactive l'affichage des prix/calculs de prix dans la modale de résultat.
datefrmt="dd/mm/yyyy" définit le format de la date. Seuls les formats EU (dd/mm/yyyy) ou US (mm/dd/yyyy) sont acceptés.
weekstart="0" annule le jour de début de semaine visible (0=monday,1=tuesday,2=wednesday,3=thurday,4=friday,5=saturday,6=sunday)
. noalt="false" défini à 'true' pour masquer les alternatives affichées dans les modales de résultats.
popuptop="60px" définit le haut de la modale de résultat et de la popup de réservation. Utilisez une valeur top valide, vérifiez les effets sur les appareils mobiles.

N.B. Même si vous n'utilisez pas de prix - un prix de base est requis pour chaque hébergement.
Advanced options: Results inside your page
Description:
Ajoutez les balises de composant web et la balise script à votre site.
Créez ensuite un aperçu de tous vos hébergements (un par type) dans votre site.
Ajoutez une classe à chaque hébergement : bookaplace_typeX
. (X représente le numéro du type)
. Votre client sélectionne la date et clique sur recherche.
Le composant web ajoute une classe supplémentaire (.bookaplace_na) à tous les types d'hébergement non disponibles dans votre code.
Sont également ajoutés le prix calculé pour la période sélectionnée et le premier objet libre, afin que le client puisse réserver cet objet.
Vous pouvez modifier vous-même le style de la classe bookaplace_na.

Exemple concret:
. Type d'hébergement 0
. Cet élément représente le type d'hébergement 0.
Book
. Type d'hébergement 1
. Cet élément représente le type d'hébergement 1.
Book


Utilisation du html pour cet exemple:

        <bookaplace-all name="test_demoboo" theme="united" result="user" maxchild="0"></bookaplace-all>
        <script type="module" src="https://booka.place/v3.1/bookaplace-all.min.js"></script>
        <style>
          .bookaplace_na { opacité : 0.3 ; }
          .bookaplace_na::before { content :  " NOT AVAILABLE " ; }
        </style>
        <div class="bookaplace_type0"
            style="background-color : aliceblue ; padding:10px ; border-radius : 25px ; width : 40%">
            <b>Type d'hébergement 0</b><br>
            Cet élément représente le type d'hébergement 0.<br>
            <bookaplace-btn name="test_demoboo" obj="0" fnr="000" lang="" btntitle="Book" theme="united">Book</bookaplace-btn> <script type="module" src="https://booka.place/v3.1/bookaplace-btn.min.js"></script>
        </div>
        <div class="bookaplace_type1"
            style="background-color : lightsalmon ; padding:10px ; border-radius : 25px ; width : 40%">
            <b>Type d'hébergement 1</b><br>
            Cet élément représente le type d'hébergement 1.<br>
            <bookaplace-btn name="test_demoboo" obj="1" fnr="000" lang="" btntitle="Book" theme="united">Book</bookaplace-btn> <script type="module" src="https://booka.place/v3.1/bookaplace-btn.min.js"></script>
        </div>

Conseil :
Copiez et collez le code dans l'éditeur des écoles W3.

Éléments requis:
1. la balise bookaplace-all, avec le paramètre result="user"
>. 2. le script qui charge le module (un par page est ok)
3. une classe de style supplémentaire, nommée : .bookaplace_na (non disponible)
4. votre propre code html pour présenter chacun de vos hébergements
5. chaque hébergement nécessite une classe nommée : bookaplace_typeX (remplacez X par 0 pour le premier hébergement, 1 pour le second etc)
.
Paramètres:
name="youraccountname" saisissez votre nom de compte.
fnr="000" saisissez le numéro de l'application (000/001/002/...) si vous avez plus d'un exemplaire de l'application Booka.place dans votre compte.
result="user" renvoie les résultats à l'intérieur d'une modale.
theme="" sélectionne un des 26 thèmes Bootswatch 5.
btnclass="" sélectionnez primaire, secondaire, succès, danger, avertissement, info, clair, foncé, outline-primary, outline-secondary, outline-success, outline-warning, outline-info, outline-light, outline-dark. L'effet dépend du thème Bootswatch choisi.
maxadult="10" définir le nombre maximum d'adultes à sélectionner.
maxchild="5" définir le nombre maximum d'enfants à sélectionner. Saisissez 0 (zéro) pour masquer ce champ.
lang="auto" définir la langue en/nl/it/fr/de/pt/es/pl ou entrer 'auto' pour suivre la balise html document
. datefrmt="dd/mm/yyyy" définit le format de la date. Seuls les formats EU (dd/mm/yyyy) ou US (mm/dd/yyyy) sont acceptés.
weekstart="0" annule le jour de début de semaine visible (0=monday,1=tuesday,2=wednesday,3=thurday,4=friday,5=saturday,6=sunday)
. popuptop="60px" définit le haut de la modale de résultat et de la popup de réservation. Utilisez une valeur top valide, vérifiez les effets sur les appareils mobiles.

Options pour enrichir votre code HTML :

<div class=".bookaplace_price"></div> prix effectif pour la période sélectionnée.
<div class=".bookaplace_nights"></div> nombre réel de nuits sélectionnées.
<div class=".bookaplace_discount"></div> réduction réelle (le cas échéant).
<div class=".bookaplace_guests"></div> coûts supplémentaires réels par nombre d'invités (le cas échéant).

(s'il y en a) - sinon, pas d'affichage (display:none)
Options avancées : Les résultats redirigent vers une autre page
.
Description:
Ajoutez les balises de composant web et la balise script à votre site.
Votre client sélectionne la date et clique sur recherche.
Le composant web redirige vers une autre page qui contient également le composant web et les balises de script et affiche les résultats en fonction du paramètre de résultat choisi sur cette page.
De cette façon, vous pouvez avoir une barre de recherche sur votre page d'accueil tout en montrant tous vos logements sur une page séparée.

Exemple concret:
Utilisation du html pour cet exemple : 

        <bookaplace-all name="test_demoboo" theme="united"
            result="https://booka.place/support/externalpage.html"
            maxchild="2">
        </bookaplace-all>
        <script type="module" src="https://booka.place/v3.1/bookaplace-all.min.js"></script>

Conseil :
Copiez et collez le code dans l'éditeur des écoles W3.

Éléments requis:
1. la balise bookaplace-all, avec le paramètre result="https://validurl.fr"
2. le script qui charge le module (un par page est ok)
3. une page supplémentaire qui affiche réellement les résultats
4. la page supplémentaire contient également les balises de composant web et de script (voir les options modale/inside your page ci-dessus).

Paramètres :
result="https://validurl.fr" redirige les résultats vers l'url.
name="youraccountname" saisissez votre nom de compte.
fnr="000" saisissez le numéro de l'application (000/001/002/...) si vous avez plus d'une copie de l'application Booka.place sur votre compte.
theme="" sélectionnez l'un des 26 thèmes de Bootswatch 5.
btnclass="" sélectionnez primaire, secondaire, succès, danger, avertissement, info, clair, foncé, outline-primary, outline-secondary, outline-success, outline-warning, outline-info, outline-light, outline-dark. L'effet dépend du thème Bootswatch choisi.
maxadult="10" définir le nombre maximum d'adultes à sélectionner.
maxchild="5" définir le nombre maximum d'enfants à sélectionner. Entrez 0 (zéro) pour masquer ce champ.
lang="auto" définissez la langue sur en/nl/it/fr/de/pt/es/pl ou entrez 'auto' pour suivre la balise du document html
. datefrmt="dd/mm/yyyy" définit le format de la date. Seuls les formats EU (dd/mm/yyyy) ou US (mm/dd/yyyy) sont acceptés.
weekstart="0" annule le jour de début de semaine visible (0=mardi,1=mardi,2=mercredi,3=jeudi,4=vendredi,5=samedi,6=dimanche)
. popuptop="60px" définit le haut de la modale de résultat et de la popup de réservation. Utilisez une valeur top valide, vérifiez les effets sur les appareils mobiles.


Boutons de réservation
>.
FAQ
Quelle est la différence entre un PMS, un moteur de réservation et un gestionnaire de canal ?
Un PMS est un système intégré de gestion matérielle et logicielle qui automatise l'ensemble du processus multi-utilisateurs de réservation, d'enregistrement des clients, de délégation des tâches d'entretien ménager, de manipulation des terminaux de point de vente, de facturation, de gestion des prix, etc.

. Un gestionnaire de canaux est un système logiciel qui vous aide à gérer votre propriété à travers de multiples canaux de distribution différents.

Un moteur de réservation est un système logiciel qui vous aide à vendre votre hébergement sur votre (propre) site web. Il offre à vos visiteurs des informations sur les disponibilités 24h/24 et 7j/7, la possibilité de faire une réservation. Il génère, collecte et distribue des données essentielles sur les réservations, comme les prix, le nom de l'utilisateur, l'adresse électronique et le numéro de téléphone. Il empêche la double réservation en bloquant automatiquement les dates réservées.

. Booka.place est un moteur de réservation avec tous les éléments essentiels d'un gestionnaire de canaux intégrés.
Quelle est la différence entre un moteur de réservation et un formulaire sur mon site ?
Un moteur de réservation gère les réservations, il affiche les hébergements et/ou les dates disponibles, il calcule le bon prix pour la plage de dates sélectionnée et les options choisies, il enregistre les données requises, met à jour votre calendrier et gère les confirmations, etc. Il peut également gérer le paiement direct (par carte de crédit) de la réservation.
De nos jours, la plupart des visiteurs préfèrent la réservation directe plutôt que de commencer une conversation par mail sur tous les détails requis avec le risque de perdre le logement désiré entre-temps.
Le propriétaire du site web peut décider si une réservation est juridiquement contraignante ou doit être confirmée au préalable.
Est-il multilingue ?
Oui, vous pouvez utiliser l'option 'auto' pour que la langue soit automatiquement sélectionnée, ou forcer la langue à : en/nl/it/fr/de/pt/es/pl en ajoutant un paramètre. Voir les options avancées pour un aperçu.
Puis-je modifier les titres ?
Oui, vous pouvez utiliser le titre des boutons en ajoutant un paramètre. Consultez les options avancées pour en avoir un aperçu.
Puis-je modifier les messages de confirmation ?
Oui, vous pouvez modifier vous-même le contenu de tous les messages, même en plusieurs langues.
Puis-je utiliser l'application pour gérer mes réservations ?
Oui, une appli est disponible pour gérer facilement vos réservations.
Puis-je modifier les couleurs, le padding, les marges, le type de ...
Le composant web utilise un shadow-dom, qui ne peut pas être facilement influencé de l'extérieur.
Cependant, vous pouvez sélectionner un thème et une btnclass en réglant ces 2 paramètres:

Paramètres:
theme="" sélectionnez l'un des 26 thèmes Bootswatch 5 [non disponible pour le calendrier de disponibilité].
btnclass="" sélectionnez primaire, secondaire, succès, danger, avertissement, info, clair, foncé, outline-primary, outline-secondary, outline-success, outline-warning, outline-info, outline-light, outline-dark. L'effet dépend du thème Bootswatch choisi [non disponible pour le calendrier des disponibilités].

Et vous pouvez utiliser ces " astuces " plus avancées pour influencer le css à l'intérieur du shadow-dom :



CSS-TRICKS : Stylisation dans le DOM d'ombre avec les parties d'ombre CSS

. La fenêtre d'information noire répond aux CSS de votre document principal. Par exemple :
#msg2usert small { font-size : 70% } #msg2usert table { line-height : 1 }
vont rendre cette fenêtre plus petite.
Avec quels éditeurs peut-il être utilisé ?
Il génère un composant web totalement indépendant qui peut être copié et collé dans n'importe quel éditeur.
Des instructions sur mesure sur la façon de copier et coller sont disponibles pour :
WordPress éditeur classique, WordPress éditeur Gutenberg, WordPress Elementor, Wix, Jimdo, SquareSpace, Weebly.
Est-il responsive ?
Oui, le résultat s'adapte automatiquement à toutes les tailles d'écran.
Le tableau de bord du propriétaire est mieux visualisé avec un ordinateur de bureau. Les propriétaires peuvent également utiliser l'application pour faire la gestion essentielle des réservations sur leurs téléphones/pads.
Est-ce vraiment intégré à mon site ?
Oui, elle se compose de composants Web qui sont entièrement servis à partir de votre propre domaine. Il n'y a pas d'iframes nuisibles à l'expérience utilisateur et au référencement en jeu.
Cela signifie que vos clients ne sont pas confrontés à des redirections inattendues vers des sites tiers. Vos clients n'ont pas à sélectionner à nouveau l'hébergement déjà choisi. à nouveau dans un environnement différent, mais conservent le logement sélectionné au premier regard sur l'écran lors de la réservation.
Même les paiements par carte de crédit sont gérés au sein de votre propre site web.
Quelles sont les méthodes de paiement prises en charge ?
En Europe, l'IBAN/SEPA Instant peut être utilisé (transferts bancaires en quelques secondes entre 23 pays de l'UE), De plus, PayPal, Mastercard, les cartes de crédit VISA, iDeal, Sofort et d'autres méthodes de paiement locales sont disponibles.
Depuis sept. 2022, Mollie est intégré avec les méthodes de paiement suivantes : Apple Pay, VISA,Mastercard, American Express ao, iDeal, Vouchers, Sepa Direct debit, Bancontact, Cartes Bancaires, EPS, PostePay, Giropay, KBC Payments, Belfius, cartes cadeaux, etc.
Booka.place n'interfère pas avec votre argent, les paiements des invités sont effectués directement dans votre propre compte bancaire/PayPal/Mollie.
Est-ce qu'il se synchronise avec ...
Oui, il prend entièrement en charge iCal, tant en importation qu'en exportation.
Les réservations effectuées sur votre site sont exportées en temps réel et peuvent être importées par des systèmes comme Booking.com, AirBnB, VRNO, HomeAway, Tripadvisor, Flipkey etc.
Les réservations effectuées sur d'autres plateformes sont importées dans le composant Booka.place sur votre site, les dates réservées sur d'autres plateformes seront affichées comme réservées/réservées.
Ainsi, les doubles réservations sont empêchées automatiquement.
Est-ce que ça se synchronise automatiquement et à quel intervalle ?
Oui, il collecte vos nouvelles réservations toutes les 30 minutes, jour et nuit. Et lorsque quelqu'un réserve sur votre site, il vérifie à nouveau, maintenant en temps réel, si le logement est encore disponible.
Veuillez lire les conditions requises pour la synchronisation automatique des OTA.
Puis-je utiliser plus d'une source pour la synchronisation ?
Oui, vous pouvez avoir jusqu'à 5 OTA différentes par hébergement ! Donc si vous avez 10 hébergements, vous pouvez avoir jusqu'à 50 OTA différentes.

. Nos systèmes vont collecter toutes ces sources toutes les 30 minutes, jour et nuit. Cela représente 2400 par jour et 74400 par mois.


Veuillez lire les conditions requises pour la synchronisation automatique des OTA.
Quelles sont les exigences pour les sources iCal externes ?
Les exigences sont :
  1. une url valide,
  2. un format iCal valide,
  3. des réservations futures uniquement,
  4. accessible 24/7 et
  5. un temps d'accès inférieur à 500 ms.
Si votre hébergement n'est pas synchronisé automatiquement, veuillez vérifier :
  1. la validité de l'url et du format iCal en copiant et collant l'url dans icalendar.org/validator.html.
  2. si l'iCal exporté contient des réservations plus anciennes, veuillez contacter le créateur du fichier pour voir comment arrêter cela.
  3. Tester le temps au premier octet à geekflare.com/tools/ttfb-test. Veuillez noter que cela ne teste que le temps de réponse du serveur, requis est un téléchargement complet dans les 500 ms. Tous les OTA connus comme airBnB et Booking remplissent facilement cette condition.
N.B. Si une source ne répond pas aux exigences, elle sera ignorée silencieusement, donc aucune réservation de cette source ne sera visible. Veuillez utiliser le bouton rouge de mise à jour des importations iCal dans le tableau de bord pour tester vos sources.
Quelles sont les options tarifaires disponibles ?
Il existe plusieurs options pour afficher automatiquement le prix de votre hébergement.
Le prix de base par hébergement peut être influencé par le type de jour, par saison, la durée du séjour, le nombre d'invités. Vous pouvez compiler, par hébergement, un nombre illimité de périodes avec des prix différents (pourcentage ou fixe), le nombre minimum de jours obligatoires pour rester.... En plus de cela, il y a des réductions, des frais supplémentaires à partir de x adultes/enfants etc. etc.
. Vous pouvez ajouter, par hébergement, des options de sortie illimitées avec des coûts supplémentaires par nuit ou par personne par nuit ou par personne par réservation ou par réservation.
Mon menu/barre d'outils cache la popup
.
Si vous utilisez un élément dit "fixe" sur votre site (par exemple, une barre de menu) et que cet élément rend la fenêtre contextuelle de réservation ou le résultat de la réservation invisible, vous pouvez utiliser la fenêtre contextuelle. popup de réservation ou la popup de résultat de la barre de réservation invisible alors ces options sont disponibles:
  • Tenter d'ajouter l'influcence le z-index en CSS
  • Forcer la popup de réservation/résultat à démarrer à un point plus bas en ajoutant le paramètre 'popuptop=60px'. Vous pouvez utiliser n'importe quelle valeur à la place de 60px, mais veuillez vérifier les effets sur un appareil mobile.
Options avancées
Description:
Ajoutez les balises de bouton et la balise de script à votre site web.
Votre client clique sur le bouton et une fenêtre de réservation s'affiche.
Exemple concret:
Book Utilisation du html pour cet exemple:

      <bookaplace-btn name="test_demoboo" obj="0" fnr="000" lang="" btntitle="Book" theme="united">Book</bookaplace-btn>
      <script type="module" src="https://booka.place/v3.1/bookaplace-btn.min.js"></script>
Paramètres:
name="youraccountname" saisissez votre nom de compte.
obj="0" le numéro du logement, commençant à zéro (0).
fnr="000" saisissez le numéro de l'application (000/001/002/...) si vous avez plus d'un exemplaire de l'application Booka.place sur votre compte.
theme="" sélectionnez l'un des 26 thèmes de Bootswatch 5.
btntitle="" le texte qui sera visible sur le bouton.
btnclass="" sélectionnez primaire, secondaire, succès, danger, avertissement, info, clair, foncé, outline-primary, outline-secondary, outline-success, outline-warning, outline-info, outline-light, outline-dark. L'effet dépend du thème Bootswatch choisi.
lang="auto" définir la langue sur en/nl/it/fr/de/pt/es/pl ou entrer 'auto' pour suivre la balise html document
. datefrmt="dd/mm/yyyy" définit le format de la date. Seuls les formats EU (dd/mm/yyyy) ou US (mm/dd/yyyy) sont acceptés.
weekstart="0" annule le jour de début de semaine visible (0=mardi,1=mardi,2=mercredi,3=jeudi,4=vendredi,5=samedi,6=dimanche)
. popuptop="60px" définit le haut de la modale de résultat et de la popup de réservation. Utilisez une valeur top valide, vérifiez les effets sur les appareils mobiles.
Exemples de réglages
FAQ
Nous n'acceptons les arrivées que le samedi
  1. Cliquez sur 'hébergements' et sélectionnez un hébergement
  2. Faites défiler jusqu'à 'Exigences par saison'
  3. Cliquez sur une ligne vide sous 'Descr' et saisissez la description pour cette période
  4. Cliquez sur le champ 'De' et saisissez la date de début de cette période.
    Si vous voulez utiliser cette option en permanence, saisissez '2022-08-23' (aujourd'hui).
  5. Cliquez dans le champ 'À' et saisissez la date de fin de cette période
    . Si vous voulez utiliser cette option en continu, saisissez '2025-12-31' (le futur).
  6. Cliquez dans le champ 'Arrivée' et sélectionnez 'sat'
  7. Cliquez sur 'Publier/Synchroniser' et sur 'Aperçu'
  8. Vérifiez que l'option fonctionne comme vous l'aviez prévu.
Donner une remise de 7% si un invité reste une semaine
.
  1. Cliquez sur 'hébergements' et sélectionnez un hébergement
  2. Faites défiler jusqu'à 'Remise basée sur la durée du séjour'
  3. Cliquez sur le champ situé à côté de 'Remise 1' et saisissez : -7%
  4. Entrez 7 dans le champ 'nuits'.
  5. Cliquez sur 'Publier/Synchroniser' et sur 'Aperçu'
  6. Vérifiez que l'option fonctionne comme vous l'aviez prévu.
Puis-je avoir un supplément si un invité ne réserve qu'une seule nuit ?
  1. Introduction : Il n'y a pas d'option directe pour créer cela, mais il est possible de le faire en définissant le le prix par défaut au prix d'une nuit et donner une remise à partir de 2 nuits
  2. Cliquez sur 'hébergements' et sélectionnez un hébergement
  3. Défilez jusqu'à 'Prix par défaut par nuit' et saisissez le prix souhaité pour 1 nuit
  4. Puis faites défiler jusqu'à 'Remise basée sur la durée du séjour'
  5. Cliquez sur le champ à côté de 'Remise 1' et saisissez une remise en pourcentage qui correspond à votre tarification.
    Exemple :
    Le prix par nuit est de 100 et votre supplément pour 1 nuit est de 25 ? Définissez le prix par défaut 125 et utilisez comme Remise 1 : -20% eff à partir de 2 nuits. Maintenant, vos invités paient 100 par nuit 1+.
    Conseil : utilisez la Calculatrice de pourcentage.
  6. Cliquez sur " Publier/Synchroniser " et sur " Aperçu "
  7. Vérifiez que l'option fonctionne comme vous l'aviez prévu.
PAYPAL : Comment trouver mon identifiant PayPal
  1. Veuillez vous connecter à votre compte PayPal à l'adresse https://www.paypal.com
  2. Voir 'Paramètres du compte'
  3. Voir 'Paiements sur site web'
  4. Recherchez la section 'Boutons PayPal' et cliquez sur 'mettre à jour'
  5. Cliquez sur 'Boutons intelligents'
  6. Ne changez rien et cliquez sur 'Copier le code'
  7. Collez le code de votre presse-papiers dans un éditeur de texte pour pouvoir le lire.
  8. Dans le code recherchez le client-id=
  9. Copiez le texte qui commence après client-id= et s'arrête avec le premier signe &
  10. C'est votre ID client
    . Exemple : AXohA_ruhP-jTs7mN-f-zSmr3NvEVJCcJB-Tno8V50JYg-
  11. Entrez cet identifiant de client PayPal dans les paramètres de Booka.place
Ajoutez un supplément de 10 &euro ; pour chaque invité supplémentaire
.
  1. Cliquez sur 'hébergements' et sélectionnez un hébergement
  2. Faites défiler jusqu'à 'Guest'
  3. Cliquez sur le champ situé à côté de 'Frais supplémentaires de' et sélectionnez le nombre d'invités à partir duquel vous souhaitez imposer un supplément
  4. Ajoutez +10 dans le champ suivant.
  5. Sélectionnez par nuit dans le champ suivant.
  6. Cliquez sur " Publier/Synchroniser " et sur " Prévisualiser "
  7. Vérifiez que l'option fonctionne comme vous l'aviez prévu.
Ajouter une surcharge de 100% pendant noël
.
  1. Cliquez sur 'hébergements' et sélectionnez un hébergement
  2. Faites défiler jusqu'à 'Différences de prix par saison'
  3. Cliquez sur une ligne vide sous 'Descr' et saisissez la description pour cette période
  4. Cliquez sur le champ 'De' et saisissez la date de début de cette période.
  5. Cliquez dans le champ 'To' et saisissez la date de fin de cette période
  6. Cliquez dans le champ 'Prix nuit' et saisissez : +100%
  7. Cliquez sur 'Publier/Synchroniser' et sur 'Aperçu'
  8. Vérifiez que l'option fonctionne comme vous l'aviez prévu.
Acceptation minimale de 3 jours (dans une période/continu)
  1. Cliquez sur 'hébergements' et sélectionnez un hébergement
  2. Faites défiler jusqu'à 'Exigences par saison'
  3. Cliquez sur une ligne vide sous 'Descr' et saisissez la description pour cette période
  4. Cliquez dans le champ 'De' et saisissez la date de début de cette période
    . Si vous souhaitez utiliser cette option en continu, saisissez '2022-08-23' (aujourd'hui).
  5. Cliquez dans le champ 'À' et saisissez la date de fin de cette période
    . Si vous voulez utiliser cette option en continu, saisissez '2025-12-31' (le futur).
  6. Cliquez dans le champ 'Min nights' et saisissez 3
  7. Cliquez sur 'Publier/Synchroniser' et sur 'Aperçu'
  8. Vérifiez que l'option fonctionne comme vous l'aviez prévu.
Comment synchroniser Booka.place avec Airbnb/Booking/Homeaway/Tripadvisor etc
  1. Cliquez sur 'hébergements' et sélectionnez un hébergement
  2. Défilez jusqu'à 'Export/Import'
  3. Cochez l'option d'exportation et copiez l'url dans le calendrier tiers.
  4. Cochez l'option Importer et l'url qui est fournie par le calendrier tiers.
  5. Si vous venez de commencer : veuillez cliquer sur le bouton Publier/Synchroniser au moins une fois, pour que les fichiers nécessaires soient créés.
De plus amples informations sont disponibles à l'adresse suivante :
Let us solve it

Need more help?

Please click HELP in your dashboard and select SUPPORT to send us your question.

logo

Simplicité maximale

C'est parti

Info

Products

Copyright © 2023 - All rights reserved | version 3.1.140
Booka.place est un service de:
LaDauze SAS, 24350 Montagrier, France
RCS Périgueux : 511 306 789 | TVA : FR15511306789
SAS au capital social de 10.000 euro