Sie können Calendly in Ihre Joomla-Website einbetten, damit Besucher direkt von Ihrer Website aus einen Termin mit Ihnen planen können. In diesem Handbuch erfahren Sie, wie Sie den Einbettungscode mit den benutzerdefinierten HTML-Optionen von Joomla hinzufügen können.
Bevor Sie beginnen
- Stellen Sie sicher, dass Sie benutzerdefiniertes HTML zu Ihrer Joomla-Site hinzufügen können.
- Kopieren Sie als Nächstes Ihren Einbettungscode von Calendly.
Unterstützte Einbettungstypen
| Einbettungstyp | Was es macht |
| Inline-Einbettung | Zeigt den Kalender direkt auf der Seite an |
| Popup-Widget | Fügt eine schwebende Schaltfläche hinzu, die den Kalender öffnet |
| Popup-Text | Erstellt einen Link, der den Kalender öffnet |
Erfahren Sie mehr über Calendly-Einbettungsoptionen.
Calendly zu Joomla hinzufügen
Sie können Calendly mit einem benutzerdefinierten HTML-Modul oder direkt in einem Artikel hinzufügen. Wählen Sie die Option aus, die für Ihre Website am besten geeignet ist.
Option 1 – Ein benutzerdefiniertes HTML-Modul verwenden
- Gehen Sie in Ihrem Joomla-Admin-Panel zu Erweiterungen > Module.
- Wählen Sie Neu und dann Angepasst.
- Im Editor:
- Legen Sie fest, dass Titel und Position angezeigt werden.
- Wählen Sie die Schaltfläche Code oder Tools (kann als <> dargestellt werden), um zur HTML-Ansicht zu wechseln.
- Fügen Sie Ihren Einbettungscode ein.
- Speichern und veröffentlichen Sie das Modul.
- Besuchen Sie Ihre Website, um sicherzustellen, dass die Einbettung korrekt angezeigt wird.
Option 2 – Fügen Sie Calendly zu einem Artikel hinzu.
- Gehen Sie zu Inhalt > Artikel.
- Bearbeiten Sie den Artikel, wo Sie Calendly hinzufügen möchten.
- Wählen Sie im Editor die Schaltfläche Code-Ansicht (<>).
- Fügen Sie Ihren Einbettungscode ein.
- Speichern Sie den Artikel und zeigen Sie eine Vorschau des Artikels.
Tipp: Wenn Joomla <script> Tags entfernt, gehen Sie zu Globale Konfiguration > Text-Filter, um Ihre Editor-Einstellungen zu ändern.
Einbettungs-Beispielcode
Hier ist ein Beispiel für eine Inline-Einbettung:
<div class="calendly-inline-widget"
data-url="https://calendly.com/YOUR_LINK"
style="min-width:320px;height:700px;"></div>
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript"></script>Um ein Popup-Widget oder einen Popup-Text einzubetten, kopieren Sie den Code direkt aus Ihrem Calendly-Konto.
Fehlerbehebung
- Wenn nichts angezeigt wird, prüfen Sie, ob Ihr Editor Skripte entfernt.
- Testen Sie Ihre Einbettung sowohl auf Desktop als auch auf Mobilgeräten.
- Wenn Sie eine dynamische Vorlage oder Erweiterung verwenden, stellen Sie sicher, dass das Calendly-Skript korrekt geladen wird.