Quelle est la meilleure méthode pour ajouter un bouton Réserver dans WordPress ?

Trois méthodes existent, dans l'ordre de simplicité : bouton lien classique (via l'éditeur de blocs Gutenberg ou un builder), widget embed HTML via bloc Code personnalisé ou HTML personnalisé, plugin dédié de réservation. Pour un restaurant qui utilise déjà un logiciel de réservation externe, la méthode 2 (embed HTML) est la plus adaptée : conserve la flexibilité, aucun plugin supplémentaire à maintenir.

Faut-il un plugin WordPress pour ajouter un widget de réservation restaurant ?

Pas nécessairement. Si votre logiciel de réservation fournit un code embed HTML (standard en 2026), il suffit de le coller dans un bloc HTML personnalisé de WordPress. Aucun plugin à installer, aucune maintenance supplémentaire. Les plugins de réservation intégrés à WordPress (type WooCommerce Bookings) sont utiles uniquement si vous voulez gérer la totalité de la réservation dans WordPress lui-même, ce qui est rare pour un restaurant.

Comment insérer un code HTML dans un article ou une page WordPress ?

Dans l'éditeur Gutenberg (éditeur par blocs par défaut depuis 2018), cliquer sur le + pour ajouter un bloc, chercher HTML personnalisé (Custom HTML), coller le code embed, cliquer sur Aperçu pour vérifier. Le bloc HTML accepte tout code HTML brut, y compris iframes de widgets externes. Publier ou mettre à jour la page pour rendre les modifications visibles.

Peut-on ajouter un bouton Réserver dans le menu de navigation WordPress ?

Oui, WordPress permet d'ajouter n'importe quelle URL personnalisée dans le menu principal. Aller dans Apparence puis Menus, ouvrir le menu principal, dans la section Liens personnalisés à gauche, renseigner l'URL de réservation et le libellé (par exemple Réserver une table). Ajouter au menu et sauvegarder. Le lien apparaît immédiatement dans le menu du site. Pour un effet bouton (fond coloré), utiliser une classe CSS personnalisée ou un thème qui gère ce style natif.

Le widget de réservation est-il responsive dans WordPress ?

Oui, à condition que le widget lui-même soit responsive (standard des logiciels de réservation modernes en 2026) et que le thème WordPress utilisé soit également responsive (standard depuis 2016). Le bloc HTML de WordPress ne modifie pas le code embed, donc le comportement responsive du widget est préservé. Toujours tester en aperçu mobile après intégration, particulièrement si le thème WordPress est ancien ou personnalisé.

Combien de temps pour intégrer un widget de réservation dans WordPress ?

Compter 5 à 10 minutes pour ajouter un bouton Réserver dans le menu de navigation. Compter 10 à 15 minutes pour créer une page dédiée avec widget embed complet. Cela suppose que le logiciel de réservation fournit URL et code embed prêts à l'emploi, ce qui est le cas standard en 2026. Aucune compétence de développement WordPress requise pour ces méthodes.

Faut-il utiliser Elementor, Divi ou un autre builder pour intégrer un widget de réservation WordPress ?

Non, l'éditeur Gutenberg natif de WordPress suffit largement pour intégrer un widget embed via bloc HTML personnalisé. Les page builders (Elementor, Divi, WPBakery) proposent leurs propres blocs HTML mais fonctionnent exactement de la même manière. Si vous utilisez déjà un builder, utiliser son bloc HTML dédié. Si vous utilisez Gutenberg, utiliser le bloc HTML personnalisé natif. Aucune différence de résultat final.

Bouton Réserver WordPress restaurant : plugin ou embed en 2026

WordPress reste en 2026 le CMS le plus utilisé au monde, y compris par de nombreux restaurants. Ajouter un vrai bouton Réserver ou un widget de réservation à un site WordPress est simple, quel que soit le thème utilisé et sans besoin d'installer un nouveau plugin dans la majorité des cas. Ce guide couvre les trois méthodes (bouton lien, widget embed HTML, plugin dédié) avec la méthode la plus efficace selon le contexte.

Les trois méthodes disponibles dans WordPress

Méthode	Description	Cas d'usage
Bouton lien classique	Lien URL vers le widget, dans le menu ou intégré dans une page	Simplicité maximale, tous les thèmes WordPress
Widget embed HTML	Formulaire de réservation intégré dans une page via bloc HTML personnalisé	Expérience premium, page dédiée Réservation, aucun plugin nécessaire
Plugin de réservation dédié	Plugin WordPress (WooCommerce Bookings, etc.) qui gère la réservation dans WordPress	Si le restaurant veut gérer toute la réservation dans WordPress (rare)

Recommandation

La méthode 2 (widget embed HTML) est la plus efficace en 2026 pour la majorité des restaurants : intégration transparente dans WordPress, aucun plugin supplémentaire à maintenir, tout le back-office reste dans le logiciel de réservation spécialisé.

Méthode 1 · Bouton lien dans le menu de navigation

1Récupérer l'URL de réservation

Depuis le tableau de bord de votre logiciel de réservation, copier l'URL publique du widget :

https://widget.votre-logiciel.com/reserver/nom-du-restaurant

2Accéder aux menus WordPress

Se connecter à l'administration WordPress, aller dans Apparence puis Menus. Sélectionner le menu principal du site (souvent nommé « Main Menu » ou « Menu Principal »).

3Ajouter un lien personnalisé

Dans le panneau latéral gauche, cliquer sur « Liens personnalisés » (Custom Links). Renseigner :

URL : coller l'URL de réservation copiée à l'étape 1
Texte du lien : « Réserver une table »

Cliquer sur « Ajouter au menu ».

4Positionner l'entrée dans le menu

Glisser-déposer l'entrée « Réserver une table » à l'emplacement souhaité dans le menu. Idéalement en dernière position, à droite du menu, pour maximiser la visibilité.

5Ouvrir dans un nouvel onglet (optionnel)

Cliquer sur l'entrée du menu pour l'ouvrir, cocher « Ouvrir dans un nouvel onglet » (Open link in a new tab). Nécessite d'activer cette option dans les Options d'écran en haut à droite si elle n'apparaît pas par défaut.

6Style bouton (optionnel mais recommandé)

Pour transformer le simple lien en bouton coloré, ajouter une classe CSS personnalisée :

Dans Options d'écran, cocher « Classes CSS »
Sur l'entrée du menu, dans le champ « Classes CSS », ajouter menu-cta (ou toute classe définie dans votre thème pour un style bouton)
Les thèmes récents (Astra, Kadence, Blocksy) incluent souvent une classe menu-cta ou button prédéfinie

7Enregistrer le menu

Cliquer sur « Enregistrer le menu ». Le bouton apparaît immédiatement dans le menu de navigation du site public.

Méthode 2 · Widget embed HTML sur une page dédiée

1Récupérer le code embed

Depuis le tableau de bord du logiciel de réservation, copier le code embed HTML :

<iframe src="https://widget.votre-logiciel.com/embed/nom-restaurant" width="100%" height="800" frameborder="0"></iframe>

2Créer une nouvelle page

Dans WordPress, aller dans Pages puis Ajouter. Titre suggéré : « Réservation ». L'URL sera automatiquement /reservation/.

3Ajouter un bloc HTML personnalisé

Dans l'éditeur Gutenberg (éditeur par blocs par défaut depuis 2018), cliquer sur le « + » pour ajouter un bloc, chercher « HTML personnalisé » (Custom HTML). Cliquer pour insérer le bloc.

4Coller le code embed

Dans le bloc HTML, coller le code embed récupéré à l'étape 1. Cliquer sur « Aperçu » pour vérifier que le widget s'affiche correctement dans la prévisualisation.

5Publier la page

Cliquer sur « Publier » en haut à droite. La page est immédiatement accessible à l'URL /reservation/.

6Ajouter la page au menu de navigation

Retourner dans Apparence puis Menus, sélectionner la page « Réservation » dans la liste « Pages », cliquer sur « Ajouter au menu », positionner à l'emplacement souhaité, enregistrer.

Attention · éditeur classique

Si votre WordPress utilise encore l'éditeur classique (TinyMCE, sans blocs Gutenberg), basculer en mode « Texte » (Text) dans l'éditeur pour coller le code HTML brut, sinon WordPress convertit les balises en caractères échappés.

Méthode 3 · Plugin de réservation dédié

Cette méthode consiste à installer un plugin WordPress qui gère la réservation directement dans WordPress (base de données WordPress, back-office WordPress, communications via WordPress). Exemples : WooCommerce Bookings, Amelia, Bookly.

Quand cette méthode est adaptée :

Restaurant très occasionnel ou format simple (1 créneau par jour, pas de gestion de tables)
Volonté de tout centraliser dans WordPress sans logiciel externe
Compétences techniques WordPress pour maintenir le plugin

Quand cette méthode n'est pas adaptée :

Restaurant qui a besoin de gestion de tables, de yield management, d'empreinte bancaire, de synchronisation Google Business Profile
Restaurant qui veut un widget de réservation optimisé mobile avec conversion élevée
Restaurant qui ne veut pas maintenir un plugin en plus (mises à jour, sécurité, conflits avec d'autres plugins)

Dans la grande majorité des cas, la méthode 2 (widget embed HTML avec un logiciel de réservation spécialisé) est plus rentable et plus simple à maintenir que l'installation d'un plugin dédié.

Où placer le bouton Réserver dans WordPress

Trois emplacements incontournables :

Menu de navigation principal : lien ou bouton visible en haut de toutes les pages. Le levier numéro 1.
Widget de pied de page : deuxième point de conversion, pour les clients qui ont scrollé jusqu'en bas.
Bloc bouton dans les pages clés : page d'accueil, page « À propos », page menu. Utiliser le bloc « Bouton » de Gutenberg avec l'URL de réservation.

Dépannage · les 5 problèmes fréquents WordPress

Problème 1 : le code embed apparaît en texte au lieu de rendre le widget

Vérifier que le bloc utilisé est bien « HTML personnalisé » (Custom HTML) et non « Paragraphe » (Paragraph). Si l'éditeur est classique (sans Gutenberg), basculer en mode « Texte » avant de coller.

Problème 2 : conflit avec un plugin de sécurité

Certains plugins de sécurité (Wordfence, iThemes Security) bloquent l'insertion de code iframe par défaut. Vérifier les paramètres du plugin de sécurité et autoriser les iframes provenant du domaine du logiciel de réservation.

Problème 3 : le widget est coupé en bas

Modifier l'attribut height dans le code embed (par exemple height="900" au lieu de height="600"). Certains thèmes WordPress imposent une hauteur maximale via CSS : dans ce cas, ajouter un style inline sur l'iframe : <iframe style="min-height: 900px" ...>

Problème 4 : le bouton du menu n'a pas l'apparence attendue

Le style du menu dépend du thème WordPress. Utiliser une classe CSS prévue par le thème pour les boutons (souvent menu-cta, button, btn-primary). Si aucune classe n'est prévue, ajouter du CSS personnalisé via Apparence puis Personnaliser puis CSS additionnel.

Problème 5 : conflit avec le cache

Après modification, le nouveau bouton ou widget peut ne pas apparaître à cause du cache WordPress ou du CDN. Vider le cache du plugin de cache (WP Rocket, W3 Total Cache, etc.) et le cache du CDN si utilisé. Rafraîchir la page avec Ctrl+F5 (Windows) ou Cmd+Shift+R (Mac).

Bonus · connecter le bouton Réserver Google Business Profile

En parallèle du site WordPress, activer le bouton Réserver de Google Business Profile est un levier de conversion majeur. Ce bouton apparaît directement dans la fiche Google du restaurant, à côté d'Itinéraire et Appeler. Connexion via le même logiciel de réservation, en 5 à 10 minutes.

Voir également les 10 erreurs Google Business qui coûtent 30 % de trafic.

Ce qu'il faut retenir

WordPress offre trois méthodes pour intégrer un bouton Réserver ou un widget de réservation. Le bouton lien classique dans le menu de navigation (méthode 1) prend 5 à 10 minutes et fonctionne sur tous les thèmes. Le widget embed HTML sur une page dédiée (méthode 2) prend 10 à 15 minutes, offre une expérience client premium et ne nécessite aucun plugin supplémentaire. Le plugin dédié de réservation (méthode 3) est rarement adapté aux restaurants qui ont besoin de fonctionnalités professionnelles (gestion de tables, empreinte bancaire, yield management). Trois emplacements sont incontournables : menu de navigation principal, pied de page, blocs bouton dans les pages clés. Les problèmes fréquents (code affiché en texte, conflit sécurité, widget coupé, style bouton, cache) se résolvent en 5 minutes avec les bonnes vérifications. Un logiciel de réservation moderne fournit URL, code embed, et intégration Google Business Profile, ce qui couvre tous les canaux d'acquisition sans surcoût.

Widget de réservation compatible WordPress sans plugin

Brewbook fournit URL et code embed prêts à coller dans WordPress (bloc HTML personnalisé Gutenberg ou classique). Widget responsive mobile, apparence personnalisable, zéro plugin à maintenir. Essai gratuit 30 jours, sans carte bancaire.

Essayer gratuitement →