Ajouter la réservation en ligne à votre site actuel

Vous avez déjà un site sur Wix, WordPress ou ailleurs ? Gardez-le. Collez une ligne de code et vos clients réservent une table directement sur votre site, avec le même plan de tables, les mêmes confirmations et les mêmes rappels que sur Resto1Click.

Avant de commencer

  • Un compte Resto1Click avec le plan Pro+.
  • La réservation en ligne activée : tableau de bord → Réservations → Réglages, et votre plan de salle enregistré.
  • Vos codes sont au même endroit : Réservations → Réglages → « Intégrer la réservation sur un autre site ». Ils contiennent déjà le nom de votre restaurant : copiez-les de là plutôt que de cette page.

1. Choisissez comment vos clients réservent

Bouton flottant « Réserver »

Un bouton dans le coin de chaque page, qui ouvre la réservation dans une fenêtre. Le plus simple : on le colle une fois, il apparaît partout.

<script src="https://resto1click.com/widget.js" data-restaurant="votre-restaurant" async></script>

Formulaire dans une page

Le formulaire directement dans une page de votre site, par exemple « Réserver » ou « Contact ». Sa hauteur s’ajuste toute seule.

<script src="https://resto1click.com/widget.js" data-restaurant="votre-restaurant" data-mode="inline" async></script>

Simple lien

Pour un bouton de votre site, votre bio Instagram, votre fiche Google ou un QR code. Aucun code.

https://votre-restaurant.resto1.click/reserver

Si votre outil n’accepte pas les scripts

Utilisez plutôt cette version du formulaire (le tableau de bord vous la donne avec votre restaurant déjà renseigné) :

<iframe src="https://votre-restaurant.resto1.click/reserver?embed=1&lang=fr" title="Réserver" style="width:100%;height:760px;border:0"></iframe>

2. Collez le code sur votre site

Les menus peuvent porter un nom légèrement différent selon la version de votre outil. Collez le code du bouton une seule fois pour tout le site (souvent appelé « code personnalisé », « code de pied de page » ou « injection de code »), ou le code du formulaire dans la page de votre choix. Publiez ensuite votre site. Instructions vérifiées dans l’aide de chaque outil en octobre 2026.

Wix
Bouton flottant sur toutes les pages
Dans le tableau de bord du site : Paramètres → Code personnalisé (rubrique « Développement et intégrations », ou « Avancé » sur les anciennes versions) → + Ajouter du code personnalisé, collez le code du bouton, choisissez Toutes les pages et Body – fin, puis Appliquer. Le site doit être publié avec un domaine connecté (forfait Premium).
Formulaire dans une page
Dans l’éditeur : Ajouter (+) → Intégrer du code → Intégrer HTML, choisissez « Code », collez la version iframe, puis étirez l’élément sur toute la largeur et environ 800 px de haut.

L’élément « Intégrer HTML » de Wix est une boîte fermée : un bouton flottant collé dedans y resterait coincé. Pour le bouton, passez par « Code personnalisé ».

WordPress
Bouton flottant sur toutes les pages
Avec une extension qui ajoute du code à toutes les pages (par exemple WPCode : Code Snippets → En-tête et pied de page → Pied de page), collez le code du bouton.
Formulaire dans une page
Dans une page ou un article : ajoutez un bloc HTML personnalisé et collez le code du formulaire.

Sur WordPress.com, les scripts demandent une offre qui autorise les extensions. Sinon, utilisez le simple lien.

Squarespace
Bouton flottant sur toutes les pages
Injection de code → Pied de page, collez le code du bouton. Son emplacement a changé en 2025 (Site web → Pages → Code personnalisé sur les versions récentes, Paramètres → Avancé sur les plus anciennes) : le plus simple est de taper « Injection de code » dans la barre de recherche de vos réglages.
Formulaire dans une page
Dans une page : ajoutez un bloc Code, collez le code du formulaire.

L’injection de code demande une offre Core, Plus ou Advanced (pas Basic). Sans elle, utilisez le simple lien.

Webflow
Bouton flottant sur toutes les pages
Site settings → Custom code → Footer code, collez le code du bouton, puis publiez.
Formulaire dans une page
Ajoutez un élément Code Embed à l’endroit voulu, collez le code du formulaire.

Le bloc Code Embed comme le code pour tout le site demandent une offre Webflow payante (Site plan ou Workspace). Avec l’offre gratuite, utilisez le simple lien.

Shopify
Bouton flottant sur toutes les pages
Thèmes → … → Modifier le code → theme.liquid, collez le code du bouton juste avant </body>.
Formulaire dans une page
Boutique en ligne → Thèmes → Personnaliser → ajoutez une section Liquid personnalisé, collez le code du formulaire.

La section Liquid personnalisé existe sur les thèmes de Shopify mais pas sur tous les thèmes tiers. Dupliquez votre thème avant de modifier theme.liquid : une faute de frappe peut bloquer toute la boutique.

Jimdo
Bouton flottant sur toutes les pages
Jimdo Creator : utilisez un élément Widget/HTML sur votre page d’accueil avec le code du bouton, ou un bouton qui pointe vers le simple lien.
Formulaire dans une page
Jimdo Creator : Ajouter un élément → Plus d’éléments et extensions → Widget / HTML, collez le code du formulaire et enregistrez.

Jimdo Dolphin n’accepte aucun code, et les offres Jimdo gratuites peuvent bloquer le HTML : ajoutez un bouton qui pointe vers votre simple lien de réservation.

Google Sites
Bouton flottant sur toutes les pages
Pas possible sur Google Sites : ajoutez un bouton (Insérer → Bouton) qui pointe vers votre simple lien de réservation.
Formulaire dans une page
Insérer → Intégrer → onglet Code d’intégration, collez la version iframe, puis Suivant et Insérer.
Site fait par un développeur
Bouton flottant sur toutes les pages
Collez le code du bouton une fois, juste avant </body> du gabarit de vos pages.
Formulaire dans une page
Collez le code du formulaire à l’endroit où il doit apparaître.

Utilisez vos propres boutons « Réserver »

Vous avez déjà un bouton « Réserver » dans votre menu ou sur votre page d’accueil ? Ajoutez-lui data-r1c-open et il ouvrira la fenêtre de réservation (le code du bouton flottant doit être présent sur la page) :

<a href="#" data-r1c-open>Réserver une table</a>

Ajoutez data-color="#b5562d" au code du bouton pour vos couleurs, data-label="Réserver" pour changer son texte, data-position="left" pour le placer à gauche.

Langue

Le formulaire suit la langue de votre page (français ou anglais). Pour l’imposer, ajoutez data-lang="fr" ou data-lang="en" au code. Les emails de confirmation partent dans la langue de votre restaurant.

Votre page Resto1Click

Si vous gardez votre propre site, activez « J’ai déjà mon propre site web » dans Mon site : votre page Resto1Click renvoie alors vos visiteurs vers votre site, tandis que la réservation, la gestion des réservations par vos clients et votre menu QR continuent de fonctionner.

Quelque chose ne marche pas ?

Rien n’apparaît sur mon site

Vérifiez que le code a été collé en entier, que le site a été publié, et que la réservation en ligne est activée dans Resto1Click (Réservations → Réglages). Si votre outil place le code dans une boîte fermée (« Intégrer HTML » de Wix, Google Sites), utilisez la version iframe.

Le formulaire affiche « Réservation en ligne indisponible »

La réservation est désactivée, ou votre plan ne l’inclut pas (Pro+). Activez-la dans Réservations → Réglages.

Le bouton est caché par un autre élément

Placez-le de l’autre côté avec data-position="left", ou utilisez plutôt le formulaire dans une page.

J’ai changé un réglage et rien n’a bougé

Le navigateur de vos visiteurs garde le widget jusqu’à 5 minutes. Rechargez la page un peu plus tard.

Où arrivent les réservations ?

Dans votre tableau de bord Resto1Click (Réservations), exactement comme celles faites sur votre page Resto1Click, avec les mêmes alertes par email.

Besoin d’un coup de main ?

Écrivez-nous à support@resto1.click avec l’adresse de votre site : nous vous dirons où coller le code.

Pas encore de site ?

Resto1Click crée un site web professionnel complet pour votre restaurant en 10 minutes, avec menu, photos, horaires et réservation en ligne intégrée.

Créer mon site