Widget de réservation
Ajoutez un widget de réservation à votre site
Une seule ligne de code place un formulaire de réservation fonctionnel sur n'importe quelle page. Ou un bouton qui l'ouvre en superposition. Ou simplement un lien. Pas de plugin, pas de développeur, pas d'abonnement mensuel pour le widget. Il est inclus dans toutes les formules Tablez, y compris Gratuit.
Watch: Add Tablez to your website
Put a booking page or a Book a table button on WordPress, Wix, Squarespace or any website. 2 min
Essayez
Choisissez un style et copiez le code
Saisissez l'identifiant de votre établissement (la dernière partie de votre lien de réservation) et le code se met à jour. L'établissement de démonstration est demo-arms.
Collez ceci là où vous voulez que le formulaire de réservation apparaisse. Il s'adapte et épouse la largeur de votre page.
<script src="https://tablez.uk/embed.js" data-venue="your-venue"></script>Ajoute un bouton « Réserver une table » dans la couleur de votre choix. Un clic ouvre la page de réservation en superposition. Modifiez le libellé et la couleur si vous le souhaitez.
<script src="https://tablez.uk/embed.js" data-venue="your-venue" data-mode="button" data-label="Book a table" data-colour="#0f5c4c"></script>Tout bouton ou lien existant peut aussi ouvrir la superposition. Donnez-lui la classe tablez-open et un attribut data-venue, puis chargez le script une seule fois n'importe où sur la page.
Pour les constructeurs de sites qui n'autorisent qu'une iframe. Réglez la hauteur selon vos besoins ; 760 px suffisent pour tout le formulaire sur la plupart des écrans.
<iframe src="https://tablez.uk/book/your-venue?embed=1" title="Book a table" style="width:100%;height:760px;border:0"></iframe>Aucune modification de votre site. Utilisez-le partout : cartes, Google, Instagram, signatures d'e-mail. Votre établissement a aussi sa propre adresse courte, comme yourpub.tablez.uk à partir de Standard (un code aléatoire comme 5434.tablez.uk en Gratuit), qui mène à la même page et se dicte plus facilement.
https://tablez.uk/book/your-venueQuel style choisir ?
Intégré convient le mieux si vous avez une page « Réserver » ou une section libre sur votre page d'accueil. Le formulaire s'insère dans la page, se redimensionne tout seul à mesure que le client avance, et ressemble à une partie de votre site. Bouton convient le mieux si vous ne voulez pas changer votre mise en page : il dépose un bouton là où vous collez le script et le formulaire s'ouvre par-dessus la page. Iframe est pour les créateurs de sites qui suppriment les scripts mais autorisent les intégrations. Lien est pour tout le reste.
Les quatre mènent à la même page de réservation, donc le client a exactement la même expérience quelle que soit sa façon d'arriver. Vous pouvez en utiliser plusieurs à la fois, par exemple intégré sur votre page de réservations et un bouton dans l'en-tête.
Les coulisses du fonctionnement
Le script crée une iframe qui pointe vers votre page de réservation en mode intégré, qui masque l'en-tête et le pied de page et utilise un fond transparent. La page de réservation indique à la page parente sa hauteur au fil de la saisie du client, de sorte qu'il n'y a jamais de barre de défilement dans une barre de défilement. Rien d'autre sur votre page n'est modifié. Le script fait moins de 4KB, se charge après votre contenu et ne dépose aucun cookie sur votre site.
Comme le formulaire fonctionne sur tablez.uk, vous ne gérez jamais de données clients sur votre propre site et n'avez jamais rien à mettre à jour quand nous améliorons la page de réservation. Votre code d'intégration reste le même pour toujours.
Fonctionne-t-il avec mon constructeur de site ?
Oui, si cela permet de coller du HTML. C'est presque tout :
- WordPress : collez dans un bloc HTML personnalisé. Aucun plugin nécessaire.
- Squarespace : un bloc de code sur n'importe quelle page.
- Wix : un élément Embed HTML, ou un bouton qui renvoie vers votre page.
- Shopify : une section Custom Liquid ou une page en vue HTML.
- Webflow, GoDaddy, Weebly, Jimdo, Carrd, Framer : leur élément d'intégration ou HTML.
- Du HTML simple fait il y a des années : collez-le dans un éditeur de texte et envoyez-le.
Google Sites et quelques constructeurs gratuits suppriment les scripts. Utilisez-y l'iframe ou le lien.
Faites-la à votre image
Dans votre tableau de bord Tablez, définissez une couleur d'accent et importez un logo. Le formulaire intégré les utilise. La page de réservation a très peu de style propre en dehors de cela, elle s'intègre donc aussi bien aux sites clairs qu'aux sites sombres. Si vous voulez que le bouton « Réserver une table » corresponde exactement aux boutons de votre site, laissez de côté le bouton généré et utilisez la classe tablez-open sur l'un des vôtres.
Mobile
Le formulaire est pensé d'abord pour les téléphones, puisque c'est là que se font la plupart des réservations. Intégré, il occupe toute la largeur d'un écran de téléphone. La superposition du bouton remplit l'écran sur téléphone et s'affiche dans un panneau centré sur ordinateur. Testez-le sur votre propre téléphone après l'avoir ajouté ; la démo en direct montre à quoi vous attendre.
FAQ
Questions sur le widget
Le widget est-il gratuit ?
Oui, sur toutes les formules, y compris la gratuite. Cela fait partie du produit, pas d'une option.
Où trouver l'identifiant de mon établissement ?
Dans votre tableau de bord, sous Page de réservation. C'est la dernière partie de votre lien de réservation, par exemple the-old-mill dans tablez.uk/book/the-old-mill. Votre établissement dispose aussi de son propre sous-domaine, comme the-old-mill.tablez.uk à partir de Standard, avec un QR code et une affiche prêts à imprimer dans le tableau de bord.
Cela va-t-il ralentir mon site ?
Non. Le script est minuscule et se charge après votre page. Le formulaire lui-même se charge dans son propre cadre et ne bloque rien sur votre page.
Affiche-t-il « Propulsé par Tablez » ?
Sur la formule gratuite, une petite mention apparaît en bas du formulaire. Sur Standard et Pro, elle est supprimée.
Puis-je l'installer sur plusieurs pages ou sites ?
Oui, autant que vous voulez. Le même code partout.
Et si mon site est en HTTPS et le vôtre non, ou l'inverse ?
Tablez fonctionne uniquement en HTTPS, et l'intégration marche aussi bien sur les sites HTTP que HTTPS. Si votre site est encore en HTTP, cela vaut quand même la peine de le corriger.
Obtenez votre code d'intégration
Inscrivez-vous gratuitement, ajoutez vos tables, et votre code vous attend dans le tableau de bord.
Commencer gratuitement