Réservation en ligne sur Wix, Webflow ou Squarespace, sans plugin

Sur Wix, Webflow ou Squarespace, vous ne pouvez pas installer un plugin de réservation comme sur WordPress : ces éditeurs sont fermés et fournissent leur propre catalogue. Vous n’en avez pas besoin. Une ligne de code collée dans un bloc dédié affiche votre module de réservation, et la manipulation se ressemble d’un éditeur à l’autre.

Une ligne de code, pas une extension

Un plugin vit à l’intérieur de votre site : il faut le mettre à jour, surveiller sa compatibilité et lui laisser l’accès à vos données. La ligne de code fait l’inverse. Le service de réservation tourne chez OnVient, votre site se contente d’afficher le module. Pas de compte développeur à ouvrir, aucune extension à maintenir, et rien qui puisse entrer en conflit avec votre thème.

Cette ligne, vous la récupérez 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 avant de la coller. La même ligne servira pour les trois éditeurs ci-dessous : ils n’ouvrent pas leur code de la même manière, mais chacun accepte un bloc où coller du HTML, et c’est tout ce dont la méthode a besoin.

Sur Wix

Dans l’éditeur, ouvrez le menu Ajouter, puis « Intégrer du code » et « Intégrer HTML ». Un cadre apparaît sur la page : collez la ligne dedans. Ce cadre arrive souvent avec une taille par défaut trop petite. Élargissez-le pour qu’il fasse au moins 440 pixels de large, sinon le module se retrouve à l’étroit. Publiez la page, et il s’affiche sur le site en ligne.

Sur Webflow

Glissez un élément « Embed » à l’endroit voulu, collez la ligne telle quelle dans le champ, validez. Le Designer n’exécute pas le script, c’est normal : publiez le site, puis ouvrez la page publiée pour voir le module.

Sur Squarespace

Ajoutez un bloc « Code » là où le module doit apparaître, collez la ligne, enregistrez. L’aperçu de l’éditeur laisse parfois le bloc vide ; là encore, c’est la page publiée qui fait foi.

Vérifier que ça marche

Rechargez la page publiée, pas l’aperçu de l’éditeur. Les aperçus n’exécutent pas toujours les scripts externes, et un module absent de l’aperçu peut très bien s’afficher en ligne. Le module prend la largeur disponible, jusqu’à 440 pixels, se centre, et ajuste sa hauteur tout seul, sans barre de défilement interne.

Faites une réservation de test : elle doit arriver dans votre agenda et déclencher l’email d’alerte. Si elle tombe dans le bon agenda, l’identifiant est correct et l’installation est terminée. Si la couleur du module ne va pas avec votre site, elle se règle dans vos paramètres OnVient, pas dans le code.

Le jour où vous changez de site

C’est tout l’intérêt de faire tourner le module ailleurs que dans le site. Le jour où vous refaites tout, sur un autre éditeur ou sur du sur-mesure, vous recollez la même ligne au même endroit. L’identifiant inscrit dans data-resto reste le vôtre, et c’est lui qui relie la nouvelle page à votre carnet existant. Vos réservations, vos fiches clients et vos réglages ne bougent pas, parce qu’ils vivent chez OnVient et pas dans les pages que vous venez de refaire. La refonte change l’habillage, pas le carnet de réservations.

Où aller ensuite

Le pas à pas détaillé pour chaque éditeur, captures à l’appui, est dans le guide d’installation. Si votre site tourne sous WordPress, la manipulation passe par un bloc HTML et un droit d’écriture particulier : elle est décrite dans l’article dédié à WordPress. Pour ce que le module gère une fois posé, il y a la page réservation pour restaurant et le détail des tarifs, à partir de 19 € par mois et sans commission.