Centre d’aide
Intégrer la réservation sur votre site
Le widget de réservation affiche un bouton flottant qui ouvre une fenêtre de réservation par-dessus votre site, ou un encart intégré directement dans une page. Il se met en place avec une ligne de code copiée depuis vos réglages, après avoir déclaré les sites autorisés à l’afficher.
Ce que fait le widget
Le widget de réservation reproduit, sur votre propre site, le formulaire que vos clients 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
- L’option Réservation est active sur votre abonnement.
- Le module de réservation est ouvert dans vos réglages, créneaux et service configurés.
- Au moins un site est déclaré dans « Sites autorisés ».
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.
| Éditeur de site | Où coller le code | Point de vigilance |
|---|---|---|
| WordPress | Bloc « HTML personnalisé » de la page, ou widget de pied de page pour un bouton sur tout le site | Ne collez le code qu’une seule fois : un bloc suffit, pas un par article |
| Wix | Ajouter → Intégrer du code → HTML | Les scripts personnalisés ne sont pas proposés sur toutes les offres Wix ; si l’option est absente, utilisez l’iframe brute plus bas |
| Squarespace | Bloc Code de la page, ou injection de code de pied de page dans les réglages du site | L’injection de pied de page pose le bouton sur tout le site en une seule fois |
| Webflow | Élément Embed, posé une fois sur le site ou sur les pages voulues | Publiez le site après l’ajout : l’aperçu seul ne charge pas toujours les scripts externes |
| Site sur mesure | Juste avant la balise |