Intégrer la réservation en ligne dans WordPress

Avec l'éditeur de blocs (Gutenberg)

1. 1
   Ouvre la page où la réservation doit apparaître, par exemple « Prendre rendez-vous », et clique sur « Modifier ».
2. 2
   À l'endroit voulu, clique sur le « + » et cherche le bloc « HTML personnalisé ».
3. 3
   Colle le code :

   <div data-puntelo="ton-entreprise">
     <a href="https://book.puntelo.ch/ton-entreprise">Prendre rendez-vous en ligne</a>
   </div>
   <script async src="https://cdn.puntelo.ch/v1/embed.js"></script>

   Copier

4. 4
   Clique sur « Mettre à jour » et ouvre la page dans un nouvel onglet. Lance ensuite « Vérifier » dans Puntelo.

Avec Elementor ou Divi

1. 1
   Elementor : fais glisser le widget « HTML » à l'endroit voulu. Divi : ajoute le module « Code ».
2. 2
   Colle le même code et enregistre.

   <div data-puntelo="ton-entreprise">
     <a href="https://book.puntelo.ch/ton-entreprise">Prendre rendez-vous en ligne</a>
   </div>
   <script async src="https://cdn.puntelo.ch/v1/embed.js"></script>

   Copier

Bon à savoir

• Si tu enregistres en tant qu'Auteur ou Contributeur, WordPress retire le code à l'enregistrement. Il faut alors quelqu'un avec les droits d'Administrateur.
• Une extension de cache (WP Rocket, LiteSpeed, W3 Total Cache) affiche parfois encore l'ancienne page. Vide le cache avant de lancer « Vérifier ».
• Les extensions qui regroupent ou retardent le JavaScript peuvent bloquer le script. Le lien du code reste alors visible et la réservation s'ouvre sur la page de réservation.