Intégrer la réservation sur votre site

Ce que fait le widget

Le widget de réservation reproduit, sur votre propre site, le formulaire que vos convives utilisent déjà depuis votre carte SimplyRestau. Deux présentations sont possibles selon l’attribut choisi lors de la pose du code : un bouton flottant qui ouvre une fenêtre de réservation par-dessus la page (réglage par défaut), ou un encart intégré directement dans le flux d’une page, par exemple une page « Réservation » de votre site.

Dans les deux cas, il s’agit du même formulaire que celui accessible depuis votre carte publique : mêmes créneaux, mêmes règles de service, même garantie bancaire si vous l’avez activée. Une réservation prise depuis le widget arrive dans votre planning exactement comme les autres.

Les trois prérequis avant de poser le code

Copier le code depuis vos réglages

Ouvrez Réservation → Réglages, puis la section « Réservation sur votre site ». Commencez par le champ Sites autorisés : une adresse par ligne, au format exact de votre site — par exemple https://www.mon-restaurant.fr, schéma et sous-domaine compris. C’est cette liste que votre navigateur consulte pour décider d’afficher ou non le formulaire.

Une fois au moins un site déclaré, le champ Code à copier affiche automatiquement la ligne à poser sur votre site, votre identifiant de restaurant déjà renseigné :

<script src="https://menu.simplyrestau.fr/widget/v1/widget.js" async data-restaurant="{id}" data-mode="button"></script>

{id} est déjà remplacé par l’identifiant réel de votre restaurant dans le code affiché à l’écran : copiez-le tel quel, sans le modifier.

Coller le code sur votre site

L’emplacement exact dépend de l’outil utilisé pour construire votre site.

Personnaliser le widget

Ces réglages sont facultatifs : ajoutez-les, si besoin, à côté de data-restaurant sur la même balise <script>.

Bouton personnalisé et lien dans un menu

Si vous préférez que la réservation s’ouvre depuis un bouton déjà présent sur votre site — un lien de menu, un bouton dans votre bandeau — ajoutez l’attribut data-hide-button à la balise <script> : le bouton flottant n’est alors pas posé.

Deux façons de déclencher l’ouverture depuis votre propre bouton : un lien classique dont l’adresse se termine par #reserver ouvre la fenêtre au clic, sans code supplémentaire ; ou posez l’attribut data-simplyrestau-open sur n’importe quel bouton ou lien de votre site.

<a href="#reserver">Réserver une table</a>

<button data-simplyrestau-open>Réserver</button>

Mesurer les réservations prises depuis le widget

Le widget signale quatre moments : l’ouverture de la fenêtre, sa fermeture, le premier affichage réussi du formulaire, et la confirmation d’une réservation. Si vous utilisez Google Tag Manager, ajoutez l’attribut data-analytics="gtm" à la balise <script> : chaque événement est alors poussé dans window.dataLayer et devient disponible comme déclencheur GTM, sous le nom simplyrestau_booking_<événement> — par exemple simplyrestau_booking_created à la confirmation.

La confirmation ne transporte jamais de donnée personnelle du convive : seuls la référence de réservation, son statut, la date et le nombre de couverts sont transmis.

Sites qui refusent les scripts : iframe brute et lien direct

Certains éditeurs (Wix sur les offres qui n’ouvrent pas « Intégrer du code », certains plans Squarespace) ne permettent pas de coller un script. Une iframe brute reste alors possible :

<iframe src="https://menu.simplyrestau.fr/reservation-widget/{id}?origin=https://www.mon-restaurant.fr" style="width:100%;height:700px;border:0"></iframe>

Le paramètre ?origin= est obligatoire et doit correspondre exactement à l’origine de votre site — schéma et hôte, https://www.mon-restaurant.fr par exemple, sans chemin ni barre finale, avec ou sans www selon votre adresse réelle. Sans ce paramètre, le formulaire refuse de s’afficher plutôt que de s’ouvrir au nom d’un site inconnu. Cette solution de repli n’offre ni bouton flottant, ni personnalisation par attributs, ni les événements de mesure du code officiel.

Une troisième option existe pour les sites qui ne peuvent poser ni script ni iframe : un lien direct vers https://menu.simplyrestau.fr/{seoName}/reserver, où {seoName} est l’identifiant public de votre restaurant. Le visiteur quitte alors votre site le temps de réserver.

Dépannage

Vos obligations RGPD

En posant le widget sur votre site, vous restez responsable du traitement des données de vos convives, exactement comme pour une réservation prise depuis votre carte SimplyRestau : le widget ne change ni cette responsabilité ni les données collectées, il change seulement l’endroit où le formulaire s’affiche. Votre politique de confidentialité doit en tenir compte.

Si vous réservez une table depuis le site de ce restaurant, votre demande est traitée par le module de réservation SimplyRestau, sous-traitant de [nom du restaurant] pour l’hébergement de ce service ; si une garantie bancaire est demandée, votre carte est enregistrée directement auprès du prestataire de paiement Stripe. Le formulaire de réservation ne dépose aucun cookie de traçage sur ce site ; il conserve uniquement, le temps de votre visite, les informations techniques nécessaires au bon déroulement de votre réservation.

Adaptez le nom entre crochets à votre établissement avant de publier ce paragraphe dans votre politique de confidentialité.

Questions fréquentes