Ajouter un module de réservation sur WordPress, sans plugin
Intégration6 min de lecturePar Anthony Girard
Une ligne de code dans un bloc HTML et votre page Réserver est prête. Le guide pour Gutenberg, Elementor et l’éditeur classique, avec le problème qui fait échouer la plupart des tentatives.
Sur WordPress, ajouter une prise de réservation se fait de deux façons : installer un plugin depuis le répertoire officiel, ou coller une ligne de code fournie par un service hébergé. Les deux marchent. Elles n’ont simplement pas les mêmes conséquences à long terme.
Plugin ou ligne de code
Un plugin s’installe rapidement et fonctionne à l’intérieur de votre WordPress. Il faudra le mettre à jour, vérifier sa compatibilité à chaque montée de version, et il partage la base de données du site. S’il est abandonné par son auteur, ce qui arrive souvent sur le répertoire, vous vous retrouvez avec un composant qui n’est plus maintenu sur un site qui prend des réservations.
Une ligne de code fait l’inverse : le service fonctionne ailleurs, votre site affiche seulement le module. Rien à mettre à jour, aucun risque de conflit avec votre thème, et vos données de réservation ne sont pas mélangées à celles du site. En contrepartie, l’intégration est limitée : vous ne pourrez pas utiliser les données des réservations dans un template WordPress. Pour une page « Réserver », c’est sans conséquence.
Étape 1 : récupérer votre ligne de code
Dans votre tableau de bord OnVient, ouvrez Paramètres puis l’onglet Widget, et cliquez sur « Copier le code ». Vous obtenez une ligne de cette forme :
<script src="https://www.onvient.fr/widget.js" data-resto="votre-identifiant"></script>L’attribut data-resto identifie votre établissement. Il est déjà rempli dans la ligne copiée, vous n’avez rien à modifier.
Étape 2 : la coller dans WordPress
Ouvrez la page où le module doit apparaître, en général une page « Réserver » ou « Contact ». La manipulation dépend de votre éditeur.
Avec l’éditeur de blocs (Gutenberg)
Cliquez sur le bouton « + » à l’endroit voulu, cherchez le bloc HTML personnalisé, puis collez la ligne dedans. Le bloc propose un aperçu, mais il n’affiche pas toujours les scripts externes : ne vous fiez pas à cet aperçu, regardez la page publiée.
Avec Elementor
Glissez le widget HTML dans votre mise en page et collez la ligne dans le champ de code. Le module apparaît après avoir enregistré et rechargé la page publique.
Avec l’éditeur classique
Passez de l’onglet Visuel à l’onglet Texte, qui accepte le HTML, et collez la ligne à l’endroit voulu. Attention à ne pas revenir sur l’onglet Visuel avant d’enregistrer : il lui arrive de réécrire le code.
Si le code disparaît quand vous enregistrez
C’est le problème le plus fréquent, et il n’a rien à voir avec le service de réservation. WordPress n’autorise pas tous les comptes à publier des balises de script dans le contenu. Sur une installation simple, les rôles Administrateur et Éditeur en ont le droit ; sur un réseau multisite, ce droit est réservé au super administrateur. Un plugin de sécurité ou de nettoyage HTML peut aussi retirer la balise au moment de l’enregistrement.
Si votre ligne disparaît, vérifiez donc dans cet ordre : le rôle du compte utilisé, puis les plugins de sécurité actifs. En dernier recours, passez par un plugin d’insertion de code, conçu pour ça, plutôt que de réessayer dans le contenu de la page.
Étape 3 : vérifier
Rechargez la page publiée, pas l’aperçu de l’éditeur. Le module doit s’afficher aux couleurs définies dans vos paramètres. Faites une réservation de test : elle arrive dans votre agenda et vous recevez l’email d’alerte. Si vous ne voyez rien, ouvrez la page dans une fenêtre de navigation privée, un cache de page WordPress sert parfois encore l’ancienne version.
Le module s’adapte à la largeur disponible, jusqu’à 440 pixels, et ajuste sa hauteur tout seul. Vous pouvez coller la même ligne sur plusieurs pages sans rien changer.
Ce que vous n’avez pas à maintenir
Une fois la ligne en place, vous n’avez plus à la modifier. Les évolutions du module se font côté serveur, sans mise à jour à installer ni compatibilité de thème à surveiller. Changer la couleur se fait depuis vos paramètres, pas dans le code. Et si vous refaites votre site un jour, sur WordPress ou ailleurs, vous recollez la même ligne : vos réservations, vos fiches clients et vos réglages restent les mêmes.
Le détail des autres plateformes (Wix, Webflow, Squarespace, site sur mesure) est dans le guide d’installation. Pour ce que fait le module une fois installé, voyez la page réservation pour restaurant ou nos tarifs.