Aller au contenu

Intégrer la réservation en ligne dans Wix

Le code de cette page est un exemple. Tu trouves le tien dans Puntelo sous « Paramètres » → « Sur ton site web ».

Chez Wix, la réservation arrive comme « fenêtre dans la page » dans l'élément « HTML intégré ». Wix donne une hauteur fixe à l'élément ; agrandis-le suffisamment.

Condition : L'élément « HTML intégré » fonctionne avec tous les plans. Le code pour tout le site (« Code personnalisé ») demande un domaine connecté.

Réservation dans la page

  1. Ouvre la page dans l'éditeur Wix, clique à gauche sur « Ajouter des éléments », puis sur « Code d'intégration ».
  2. Fais glisser « HTML intégré » sur la page et clique sur « Saisir code ».Croquis : à gauche la liste des éléments à ajouter avec « HTML intégré », à droite l'élément sur la page.HTML intégré</> Code ici
  3. Colle le code et clique sur « Appliquer » :
    Code : Fenêtre dans la page
    <iframe src="https://book.puntelo.ch/w/ton-entreprise" title="Prendre rendez-vous" width="100%" height="760" loading="lazy" style="border:0;width:100%;height:760px"></iframe>
  4. Agrandis l'élément à environ 760 pixels de haut et à toute la largeur de la colonne.
  5. Clique en haut à droite sur « Publier ». Ce n'est qu'ensuite que Puntelo voit la modification.

Bouton flottant sur toutes les pages (avec ton propre domaine)

  1. Dans le tableau de bord : « Paramètres » → « Code personnalisé » → « + Ajouter un code personnalisé ».
  2. Colle le code, choisis « Toutes les pages » et « Corps - fin », puis clique sur « Appliquer ».Croquis : paramètres du site web avec le champ « Code personnalisé » pour du code sur toutes les pages.ParamètresCode personnalisé<script async src="…embed.js">
    Code : Bouton flottant sur toutes les pages
    <script async src="https://cdn.puntelo.ch/v1/embed.js" data-puntelo-floating="ton-entreprise"></script>

Bon à savoir

  • Wix n'affiche le contenu intégré qu'en https ; notre code le respecte.
  • L'élément intégré ne s'adapte pas à la hauteur. S'il est trop petit, la réservation défile dans le cadre.
  • Un élément que tu ajoutes dans l'éditeur mobile n'apparaît que sur mobile. Ajoute la réservation dans l'éditeur normal.
  • Depuis décembre 2025, Wix bloque certains codes sous « Code personnalisé ». Le bouton flottant n'est donc que le deuxième choix.

État au 31.10.2026. Sources : Recherche de Puntelo sur les outils de création de sites, 20.10.2026 (en allemand); Wix : intégrer un site ou un widget; Wix : ajouter du code personnalisé à ton site.

Pour les webdesigners

Le code n'utilise pas de cookies et ne charge que le script de Puntelo. Si le site web a une Content-Security-Policy, il lui faut script-src pour l'adresse du script et frame-src pour l'adresse de la réservation (les deux figurent dans le code). Nous répondons aux questions à hallo@puntelo.ch.