Ce guide s'adresse à vous ou à la personne qui gère votre site web. L'installation prend moins de cinq minutes et ne modifie rien d'autre sur votre site.
Copiez cette ligne et collez-la juste avant la balise </body> de votre page (généralement tout en bas du fichier HTML) :
<script src="https://VOTRE-DOMAINE-THESEAT/widget/embed.js" data-restaurant="VOTRE-SLUG"></script>
laltitude-paris), lui aussi communiqué par TheSeat. C'est ce qui permet d'afficher vos tables et vos photos, pas celles d'un autre restaurant.async ou defer à cette balise — le script a besoin de savoir immédiatement sur quelle page il se trouve.Vous avez probablement déjà un ou plusieurs boutons "Réserver" sur votre site. Pour qu'ils ouvrent TheSeat au lieu de (ou en plus de) votre système actuel, ajoutez onclick="TheSeat.open()" sur le bouton :
<button onclick="TheSeat.open()">Réserver une table</button>
Vous pouvez faire ça sur autant de boutons que vous voulez, n'importe où sur votre site — ils ouvriront tous la même popup TheSeat.
Vous n'avez rien d'autre à modifier dans le code. Tout le reste — vos tables, vos photos, les couleurs de votre thème — se gère depuis votre dashboard TheSeat, à l'adresse fournie par votre interlocuteur. Une modification faite dans le dashboard apparaît immédiatement sur votre site, sans repasser par cette page.
Vérifiez dans l'ordre : (1) votre restaurant est bien publié dans TheSeat, (2) le data-restaurant correspond exactement au slug fourni (attention aux majuscules et aux tirets), (3) la ligne de script est bien présente sur la page où se trouve le bouton.
Oui. TheSeat vient en complément — un bouton "Réserver directement, sans choisir la table" reste disponible dans la popup pour les clients qui préfèrent réserver sans passer par le plan de salle.
Non — tous les styles de TheSeat sont isolés et ne modifient que ce qu'il affiche lui-même (la popup et l'expérience de visite). Rien n'est appliqué au reste de votre page.