resaflow.
Guide · Mis à jour le 17 octobre 2026

Ajouter un module de réservation sur le site de votre restaurant

WordPress, Wix, Squarespace, Webflow ou site sur mesure : voici comment installer un module de réservation en ligne sur le site de votre restaurant, en quelques minutes et sans développeur. Et quoi faire si votre site ne permet pas d’ajouter du code.

Avant de commencer

  • Un compte Resaflow, avec vos horaires et le nombre de couverts par créneau réglés, et les réservations en ligne ouvertes.
  • Un accès administrateur à votre site, pour pouvoir modifier une page.
  • Votre code d’intégration : dans votre tableau de bord Resaflow, onglet Intégration, bouton « Copier ».

Le code ressemble à ceci (le vôtre contient l’identifiant de votre restaurant) :

<div
  id="booking-widget"
  data-restaurant-name="Mon restaurant"
  data-restaurant-id="votre-identifiant"
  data-api-url="https://api.resaflow.fr"
  data-max-covers="8"
></div>
<script src="https://widget.resaflow.fr/widget.iife.js"></script>

Collez-le à l’endroit où le module doit apparaître, par exemple sur une page « Réserver » ou sous votre carte.

WordPress

  1. Ouvrez la page à modifierDans l’administration WordPress, ouvrez la page où doit apparaître le module (ou créez une page « Réserver »).
  2. Ajoutez un bloc « HTML personnalisé »Cliquez sur le « + » de l’éditeur, cherchez « HTML » et choisissez le bloc HTML personnalisé.
  3. Collez le code ResaflowCollez les deux lignes copiées depuis l’onglet Intégration.
  4. Enregistrez et vérifiezMettez à jour la page, puis ouvrez-la comme un visiteur : le calendrier de réservation s’affiche.
Site hébergé sur WordPress.com ?Selon l’aide de WordPress.com, les balises script demandent un forfait payant avec les fonctions d’hébergement activées (un forfait payant seul ne suffit pas). Sans cela, le code est supprimé à l’enregistrement : utilisez plutôt un bouton vers votre page de réservation (voir plus bas). Un WordPress installé chez votre propre hébergeur n’est pas concerné.

Wix

  1. Ajoutez un élément « HTML intégré »Dans l’éditeur, cliquez sur « Ajouter des éléments », onglet « Code d’intégration », puis « HTML intégré ».
  2. Collez le codeCliquez sur l’élément, puis sur « Saisir code », collez le code Resaflow et cliquez sur « Appliquer ».
  3. Agrandissez le cadreWix affiche le code dans un cadre de taille fixe (une iFrame). Étirez-le à environ 500 px de large et 800 px de haut, pour que toutes les étapes de la réservation tiennent ; agrandissez-le si une barre de défilement apparaît.
  4. Publiez et testezPubliez le site, puis faites une réservation test, sur ordinateur et sur téléphone.
Plus simple sur Wix : un boutonComme le cadre ne s’adapte pas tout seul, un bouton « Réserver une table » qui ouvre votre page de réservation Resaflow est souvent plus confortable sur téléphone.

Squarespace

  1. Ajoutez un bloc « Code »Modifiez la page, cliquez sur « + » ou « Ajouter un bloc » dans la section voulue, puis choisissez « Code ».
  2. Collez le code en mode HTMLOuvrez le bloc (icône crayon), vérifiez que le mode est « HTML » et collez le code Resaflow.
  3. Enregistrez et testez sur le site en ligneLe module peut ne pas s’afficher dans l’éditeur : vérifiez sur le site publié.
Forfait SquarespaceD’après l’aide de Squarespace, le JavaScript dans un bloc Code demande un forfait Core, Plus ou Advanced. Sur le forfait Basic, utilisez un bouton vers votre page de réservation.

Webflow

  1. Ajoutez un élément « Code Embed »Dans le Designer, ouvrez le panneau d’ajout d’éléments et placez un élément Code Embed à l’endroit voulu.
  2. Collez le code et enregistrezCollez le code Resaflow dans l’éditeur de l’élément, puis enregistrez.
  3. Publiez et testezPubliez le site et vérifiez le module sur la version en ligne.
Forfait WebflowSelon l’aide de Webflow, l’élément Code Embed est disponible avec un forfait de site payant (ou un espace de travail Core, Growth, Agency ou Freelancer). Sur un site gratuit, utilisez un bouton vers votre page de réservation.

Site sur mesure

Collez le code dans le HTML de la page, à l’endroit où le module doit apparaître. Le bloc div marque l’emplacement, le script charge le module. Vous pouvez changer data-max-covers pour limiter le nombre de couverts proposés en une réservation (8 par défaut).

Votre site ne permet pas d’ajouter du code ? Un bouton suffit

Chaque restaurant Resaflow a une page de réservation à son nom : resaflow.fr/reserver/votre-restaurant (adresse visible dans l’onglet Intégration). Ajoutez sur votre site un bouton ou un lien « Réserver une table » qui y mène : cela fonctionne avec tous les sites et toutes les offres, y compris les forfaits gratuits.

Le même lien se partage partout : fiche Google, Instagram, Facebook, newsletter ou SMS. Voir notre guide pour ajouter un bouton Réserver sur votre fiche Google.

Vérifier que tout fonctionne

  • Faites une réservation test depuis votre site, sur ordinateur puis sur téléphone.
  • Vérifiez qu’elle apparaît dans la vue Jour de votre tableau de bord et que l’email de confirmation arrive.
  • Annulez-la ensuite depuis le tableau de bord, en choisissant de ne pas prévenir le client.
  • Si le module n’apparaît pas : vérifiez que les deux lignes ont été collées en entier, et que votre offre accepte le JavaScript.

Questions fréquentes

Questions fréquentes sur le module de réservation

Le module de réservation fonctionne-t-il avec mon site ?

Oui, si votre site accepte du code HTML avec JavaScript : WordPress, Wix, Squarespace, Webflow ou un site sur mesure. Certaines offres d’entrée de gamme bloquent le JavaScript (WordPress.com sans forfait payant, Squarespace Basic, Webflow gratuit) : dans ce cas, ajoutez un bouton « Réserver » qui mène à votre page de réservation Resaflow.

Faut-il un développeur pour installer le widget ?

Non. Il suffit de copier deux lignes de code depuis l’onglet Intégration de votre tableau de bord et de les coller dans un bloc HTML de votre site. Comptez quelques minutes.

Le widget s’adapte-t-il aux téléphones ?

Oui, le widget s’adapte à la largeur disponible. Sur Wix, il est affiché dans un cadre de taille fixe : prévoyez une hauteur suffisante pour qu’aucune barre de défilement n’apparaisse.

Mon site ne permet pas d’ajouter du code. Que faire ?

Utilisez votre page de réservation Resaflow (resaflow.fr/reserver/votre-restaurant) : ajoutez un bouton ou un lien « Réserver une table » qui y mène. Cela fonctionne sur tous les sites, toutes offres confondues, et sur votre fiche Google.

Le widget ralentit-il mon site ?

L’impact est faible : le module est un script d’environ 60 Ko (compressé), chargé depuis les serveurs de Resaflow. Pour qu’il ne pèse que là où il sert, placez-le sur une page dédiée « Réserver » plutôt que sur toutes les pages.

Procédures relevées le 17 octobre 2026 sur les aides officielles : WordPress.com (bloc HTML personnalisé), Wix (intégrer un site ou un widget), Squarespace (blocs Code) et Webflow (Custom code embed). Les noms des menus peuvent changer selon les versions de ces outils.

Prêt à démarrer ?

Votre restaurant mérite mieux
qu'un formulaire papier.

Simplifiez vos réservations dès aujourd’hui. Sans commission, sans carte bancaire.