Wie man Koalendar in Joomla einbettet
Sie können Ihre Koalendar-Buchungsseite ganz einfach zu Ihrer Joomla-Website hinzufügen, sodass Besucher Termine mit Ihnen vereinbaren können, ohne Ihre Website zu verlassen.
Es gibt drei Möglichkeiten, Ihren Buchungskalender einzubetten:
- 💻 Inline-Einbettung – Zeigen Sie Ihren Kalender direkt auf der Seite an
- 📍 Popup-Widget – Fügen Sie einen permanenten „Jetzt buchen“-Button in die Ecke Ihrer Website ein.
- 🔗 Popup beim Klicken – Öffnen Sie Ihren Kalender, wenn jemand auf einen Link oder eine Schaltfläche klickt.
Alle Optionen werden bei Verwendung der benutzerdefinierten HTML-Optionen von Joomla vollständig unterstützt.
📑 Menü
- 📋 Schritt 1 – Kopieren Sie Ihren Einbettungscode
- 📝 Schritt 2 – Fügen Sie es in Joomla ein
- 🛠️ Fehlerbehebung
- 🤔 Welchen Einbettungsstil sollten Sie verwenden?
📋 Schritt 1 – Kopieren Sie Ihren Einbettungscode
- Klicken Sie im Koalendar-Dashboard auf „Teilen“ auf der Buchungsseite, die Sie hinzufügen möchten.
- Wählen Sie „Zur Website hinzufügen”.
- Wählen Sie einen Einbettungsstil (Inline-Einbettung, Popup-Widget, Popup-Text) und klicken Sie auf „Code kopieren“.
| Einbettungsstil | Was es tut |
|---|---|
| Inline-Einbettung 🖥️ | Zeigt den Buchungskalender direkt auf einer Seite an. |
| Popup-Widget 📍 | Fügt eine schwebende Schaltfläche „Jetzt buchen“ hinzu, die ein Kalender-Popup öffnet. |
| Popup-Text 🔗 | Verwandelt jeden Link oder jede Schaltfläche in einen Popup-Kalender. |
💡 Sie können Farben, Text, Symbol und Positionierung vor dem Kopieren des Codes nach Belieben anpassen.
📝 Schritt 2 – Fügen Sie es in Joomla ein
Option A – Benutzerdefiniertes HTML-Modul (empfohlen)
- Gehen Sie in Ihrem Joomla-Admin-Panel zuErweiterungen → Module → Neu → Benutzerdefiniert (HTML).
- Wählen Sie eine Position aus und legen Sie „Titel anzeigen“ nach Bedarf fest.
- Select the Code or Tools button (<>) and paste your Koalendar code.
- Speichern und veröffentlichen – Ihr Kalender (oder Button) ist live!
Option B – Direkt in einem Artikel
- Inhalt → Artikel → Artikel bearbeiten oder erstellen.
- Klicken Sie auf die Code (
<>) Symbol in der Symbolleiste des Editors. - Fügen Sie den Koalendar-Code an der Stelle ein, an der er erscheinen soll.
- Speichern & Vorschau.
⚠️ Einbettung verschwunden? Gehen Sie zu System → Globale Konfiguration → Textfilter und legen Sie Ihre Benutzergruppe auf Keine FilterungDadurch wird verhindert, dass Joomla
<iframe>und<script>Tags.
🛠️ Fehlerbehebung
| Problem | Schnelle Lösung |
| Einbettung wird nicht angezeigt | Bestätigen Sie, dass Textfilter für Ihre Benutzergruppe deaktiviert sind. |
| Link wird angezeigt, aber kein Popup | Stellen Sie sicher, dass das Koalendar-Skript weiterhin im Quellcode der Seite vorhanden ist. |
| Widget auf jeder Seite | Fügen Sie den Code in ein Modul ein, das nur bestimmten Seiten zugewiesen ist. |
| Änderungen nicht sichtbar | Löschen Sie nach Updates den Cache von Joomla und Ihres Browsers. |
🤔 Welchen Einbettungsstil sollten Sie verwenden?
| Ziel | Bester Stil |
| Spezieller Buchungsbereich | Inline-Einbettung 🖥️ |
| Website-weite Handlungsaufforderung | Popup-Widget 📍 |
| Zeitplan zu einem bestehenden CTA hinzufügen | Popup-Text/Schaltfläche 🔗 |
| Einfachster Ansatz | Direkter Link ↗️ |
Kombinieren Sie Stile auf verschiedenen Seiten, wenn dies den Nutzern hilft, schneller zu buchen.