Online-Buchung in WordPress einbauen

Mit dem Block-Editor (Gutenberg)

1. Öffne die Seite, auf der die Buchung stehen soll, zum Beispiel «Termin buchen», und klicke auf «Bearbeiten».
2. Klicke an der gewünschten Stelle auf das Plus und suche den Block «Individuelles HTML».
3. Füge den Code ein:

   <div data-puntelo="dein-betrieb">
     <a href="https://book.puntelo.ch/dein-betrieb">Termin online buchen</a>
   </div>
   <script async src="https://cdn.puntelo.ch/v1/embed.js"></script>

   Kopieren

4. Klicke auf «Aktualisieren» und öffne die Seite in einem neuen Tab. Dann lass Puntelo prüfen.

Mit Elementor oder Divi

1. Elementor: Ziehe das Widget «HTML» an die Stelle. Divi: Füge das Modul «Code» ein.
2. Füge denselben Code ein und speichere.

   <div data-puntelo="dein-betrieb">
     <a href="https://book.puntelo.ch/dein-betrieb">Termin online buchen</a>
   </div>
   <script async src="https://cdn.puntelo.ch/v1/embed.js"></script>

   Kopieren

Gut zu wissen

• Speicherst du als Autor oder Mitarbeiter, entfernt WordPress den Code beim Speichern. Dann braucht es jemanden mit Administratorrechten.
• Ein Cache-Plugin (WP Rocket, LiteSpeed, W3 Total Cache) zeigt manchmal noch die alte Seite. Leere den Cache, bevor du prüfen lässt.
• Plugins, die JavaScript zusammenfassen oder verzögern, können das Script aufhalten. Der Link im Code bleibt dann sichtbar, die Buchung öffnet sich auf der Buchungsseite.