Outils développeur

Concepteur d'intégration

Générez un extrait de code prêt à l'emploi pour ajouter le widget de réservation sur n'importe quel site.

Configuration

Identifiant de l'entrepriseLangue

Couleur d'accentuation

Utilisée dans tout le formulaire de réservation.

Couleur du bouton

Couleur facultative du bouton flottant Réserver. Par défaut, la couleur d'accentuation.

Aperçu du site

Saisissez l'URL de votre site pour voir le widget flottant injecté dans une copie d'aperçu sécurisée.

URL du site

Aperçu

Code d'intégration

Collez cet extrait avant la balise body fermante de votre site. Un bouton flottant de réservation apparaîtra en bas à droite.

<reservier-widget
  business-id="demo"
  locale="de"
  primary-color="#4f46e5"
></reservier-widget>
<script src="https://reservier.net/widget/v1/widget.js"></script>

Attributs du widget

Ces attributs configurent les extraits widget et script. Pour l'extrait script, préfixez chaque nom avec data-.

Attributs du widget
Attribut	Type	Description
business-id	string	Votre identifiant public d'établissement. Obligatoire.
locale	string	Langue initiale : de, en, fr, it ou ru.
primary-color	string	Couleur d'accentuation utilisée dans tout le formulaire de réservation.
button-color	string	Couleur du bouton flottant Réserver. S'il est omis, le bouton utilise primary-color.

button-color s'applique uniquement au widget et au script — l'iframe n'a pas de bouton flottant.

API JavaScript Reservier

window.Reservier

Le script du widget installe un objet global Reservier. Utilisez-le pour ouvrir ou fermer le formulaire depuis vos boutons, menus ou votre code.

Méthodes

Méthodes
Méthode	Appel	Description
open(options?)	Reservier.open({ locale })	Ouvre le formulaire de réservation. Vous pouvez passer un objet d'options avec locale pour définir la langue. Peut être rappelé si le panneau est déjà ouvert.
close()	Reservier.close()	Ferme le formulaire de réservation.
openCoupons(options?)	Reservier.openCoupons({ locale })	Ouvre le panneau des bons cadeaux si la vente de bons est activée. Accepte les mêmes options que open().

Options

Options
Option	Type	Description
locale	string	Langue facultative de l'interface : de, en, fr, it ou ru. Si elle est omise, le widget conserve la langue actuelle. Les valeurs inconnues basculent vers une langue activée.

Toutes les méthodes retournent void.

Attribut HTML

Sans JavaScript : tout élément avec open-widget="reservier.at" ou open-widget="reservier.net" ouvre le panneau.

<button type="button" open-widget="reservier.at">
  Réserver maintenant
</button>

Custom element

Si vous utilisez la balise <reservier-widget>, les mêmes méthodes sont aussi disponibles sur l'élément une fois qu'il est prêt.

const widget = document.querySelector('reservier-widget');
widget?.open({ locale: 'de' });
widget?.close();
widget?.openCoupons();

Exemple

<button type="button" id="book-table">
  Réserver maintenant
</button>
<script>
  document.getElementById('book-table').addEventListener('click', function () {
    window.Reservier.open({ locale: 'de' });
  });
</script>

TypeScript

interface ReservierOpenOptions {
  locale?: string;
}

interface ReservierApi {
  open: (options?: ReservierOpenOptions) => void;
  close: () => void;
  openCoupons: (options?: ReservierOpenOptions) => void;
}

declare global {
  interface Window {
    Reservier: ReservierApi;
  }
}

Notes

Les appels effectués avant le montage du widget sont mis en file et exécutés dès qu'il est prêt.
Cette API est disponible avec le widget ou l'extrait script — pas avec l'iframe.
Préférez appeler les méthodes depuis une action utilisateur, comme un clic. Un appel immédiat au chargement ne fonctionne qu'après l'exécution de widget.js.
locale est facultatif. Le widget ne passe qu'aux langues activées pour cet établissement.

Fiche d'établissement Google

Ajoutez votre page de réservation à la recherche Google pour que les clients puissent réserver depuis votre fiche.

Barre d'administration Google Search avec le bouton Réservations mis en évidence — Cette barre apparaît lorsque vous recherchez votre propre établissement en étant connecté comme administrateur.

Votre lien de réservation

C'est la même URL que l'iframe. Collez-la dans le champ Réservations / Bookings sur Google.

https://reservier.net/de/demo

1Copiez le lien de réservation ci-dessus.
2Ouvrez la recherche Google pour votre établissement. Connectez-vous en tant que propriétaire pour voir la barre d'administration.
3Cliquez sur Réservations / Bookings (allemand : Buchungen), collez le lien et enregistrez.

Rechercher votre établissement sur Google

Visible uniquement pour les administrateurs du profil.

Nous utilisons des cookies essentiels pour le bon fonctionnement du site. Avec votre consentement, nous utilisons aussi des cookies d'analyse pour améliorer votre expérience. Politique de confidentialité