Ajouter un module de réservation sur WordPress, sans plugin
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 piège 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'engagent simplement pas la même chose sur la durée.
Plugin ou ligne de code
Un plugin s'installe en deux clics et vit dans 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 héritez d'un composant qui n'est plus maintenu sur un site qui prend des réservations.
Une ligne de code fait l'inverse : le service tourne 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 reste en surface : vous ne pourrez pas piocher dans les réservations depuis 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
Basculez de l'onglet Visuel vers 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 s'évapore, 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 forcer 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, elle ne bouge plus. Les évolutions du module arrivent 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 ne bougent pas.
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.