Ajouter le widget de réservation à votre site web
Vous placez le widget de réservation sur votre propre site web en collant un court morceau de code. Il y a deux façons de l'afficher : comme un bouton bulle flottant, ou intégré dans une page. Vous pouvez aussi partager une page de réservation hébergée sans toucher à votre site web.
Où le trouver
Backoffice › Paramètres › Gestion des Widgets › Intégration › Code d'Intégration du Widget
Ce que cela fait
- Mode Bulle – « Bouton flottant en bas à droite ». Le bouton ouvre le panneau de réservation par-dessus votre page. Idéal quand vous voulez que la réservation soit disponible sur toutes les pages.
- Mode Intégré – « Widget inline dans le contenu de la page ». Le widget apparaît à l'endroit où vous collez le code, par exemple sur une page « Réservations ».
- Page hébergée – le bouton Ouvrir dans un nouvel onglet au-dessus de l'aperçu ouvre votre widget sur sa propre page 10Seat. Vous pouvez utiliser l'adresse de cette page comme lien de réservation direct (pour les réseaux sociaux ou un lien en bio). Page widget des établissements ouvre une version pleine page du même widget.
Les couleurs et le texte du bouton se chargent depuis vos paramètres de widget enregistrés. Quand vous changez plus tard votre image de marque, vous n'avez pas besoin de remplacer le code.
Comment le configurer
- Vérifiez que le bon établissement est sélectionné dans l'en-tête.
- Allez dans Paramètres › Gestion des Widgets et ouvrez le groupe Intégration.
- Sous Code d'Intégration du Widget, copiez le code Mode Bulle ou Mode Intégré (ou Tout Copier).
- Collez-le dans votre site web :
- Bulle : une seule fois, sur chaque page (la plupart des créateurs de site ont un réglage « code personnalisé / code de pied de page »).
- Intégré : dans un bloc HTML ou d'intégration de la page où le widget doit apparaître.
- Conservez le bloc noscript « Propulsé par 10Seat » fourni avec le code. Il est destiné aux moteurs de recherche.
- Publiez votre site et testez une réservation.
Comment ouvrir la bulle depuis votre propre bouton
Sous Ouvrir depuis votre propre bouton (facultatif), vous obtenez un extrait qui permet à un bouton « Réserver » existant de votre site d'ouvrir la bulle. Ajoutez l'attribut data-tenseat-open à ce bouton, ou demandez à votre développeur web d'appeler les fonctions d'ouverture/fermeture indiquées. Le code de la bulle doit aussi être présent sur la page.
Comment faire un lien vers une réservation préremplie
Vous pouvez ajouter ceci à l'adresse d'une page qui contient le widget :
?10seat_code=your-code– ouvre une expérience précise (utilisez le Code marketing de l'expérience).10seat_date=2026-12-24,10seat_guests=4,10seat_time=19:30– présélectionne une date (année-mois-jour), un nombre de personnes et un horaire.
Bon à savoir
- Un code fonctionne pour un établissement. Chaque établissement a son propre code.
- Pour plusieurs établissements sur un même site, utilisez le widget multi-établissements (voir l'article associé).
- Le code inclut des réglages qui empêchent les plugins de rapidité de page de le modifier. Ne les supprimez pas.
Dépannage
Le widget n'apparaît pas sur mon site web Le code a été collé dans un bloc de texte au lieu d'un bloc HTML/code, ou un plugin de cache ou d'« optimisation JavaScript » l'a modifié. Collez-le à nouveau dans un bloc de code et excluez-le de l'optimisation des scripts. Videz le cache du site.
La bulle apparaît deux fois ou la page charge deux fois le widget Le code de la bulle est collé à deux endroits (par exemple dans le thème et sur la page). Ne le gardez qu'à un seul endroit.
Mon propre bouton « Réserver » ne fait rien Le code de la bulle est absent de cette page, ou l'attribut a été ajouté à un élément qui n'est pas le bouton. Vérifiez les deux.
Le widget affiche le mauvais restaurant Le code appartient à un autre établissement. Sélectionnez le bon établissement dans l'en-tête et copiez à nouveau le code.
Les couleurs de mon site ne correspondent pas à ce que j'ai enregistré Enregistrez d'abord vos modifications avec Enregistrer le thème, puis rechargez votre site. Les navigateurs peuvent afficher brièvement les anciennes couleurs depuis le cache.