iFrame in Joomla Website einbinden

In Joomla können Sie den edoobox Buchungsprozess über einen iFrame Wrapper anzeigen. Damit bleiben Besucherinnen und Besucher auf Ihrer Website und können Ihre edoobox Angebote direkt dort buchen.

Menüeintrag in Joomla erstellen

Öffnen Sie in Joomla den Bereich Menüs und erstellen Sie einen neuen Menüeintrag.
Wählen Sie als Menüeintragstyp einen Wrapper beziehungsweise iFrame Wrapper.
Vergeben Sie einen klaren Titel, zum Beispiel Kurse buchen.

edoobox URL eintragen

Tragen Sie als Webadresse die gewünschte edoobox Adresse ein. Verwenden Sie den vollständigen HTTPS-Link aus Vorschau / Share für die gewünschte Ebene. Wenn Sie nur eine bestimmte Kategorie oder ein einzelnes Angebot zeigen möchten, verwenden Sie den entsprechenden Link aus Vorschau / Share.

Prüfen Sie, dass veröffentlichte Angebote vorhanden sind. Ein iFrame ohne veröffentlichte Angebote wirkt für Besucherinnen und Besucher leer.

Speichern und veröffentlichen

Speichern Sie den Menüeintrag und öffnen Sie die veröffentlichte Seite. Kontrollieren Sie Breite, Höhe, Scrollverhalten und Darstellung auf mobilen Geräten.

Link und Einbettung gezielt konfigurieren

Kopieren Sie immer den von Vorschau / Share erzeugten Link oder iFrame-Code. Eine Adresse aus der Browserzeile kann einen vorübergehenden Zustand enthalten und ist nicht als dauerhafter Einbettungslink gedacht. Für ein einzelnes Angebot können Sie zwischen Standardansicht und direktem Anmeldeformular wählen; bei Kategorien und dem Hauptverzeichnis steht die Übersichtsansicht im Vordergrund.

Im Share-Dialog können Sie den erzeugten Code zusätzlich auf den Einsatzzweck abstimmen:

Label: Kennzeichnet die Quelle einer Buchung, zum Beispiel joomla-kurse. Verwenden Sie bei mehreren Einbindungen eindeutige Labels.
Sprache: Startet automatisch oder in einer ausgewählten aktiven Buchungssprache.
Tags: Öffnet die Einbindung bereits mit einer passenden Angebotsauswahl.
Promotion: Übergibt einen ausgewählten Promotionscode direkt über den Link. Teilen Sie solche Links nur mit der vorgesehenen Zielgruppe.
Scroll-to-top: Bringt die umgebende Seite bei einem Schrittwechsel wieder an den Anfang der Einbindung.

Wenn im Share-Dialog kein korrekter Link zu Ihrer Website erscheint, hinterlegen Sie zuerst unter Einstellungen > Angebote die Basis-URL der Seite, auf der das iFrame eingebunden ist.

Darstellung und vollständigen Buchungsweg prüfen

Ein Joomla-Wrapper erwartet im URL-Feld nur den vollständigen edoobox-Link. Dort fügen Sie keinen HTML-/Skriptcode ein. Stellen Sie Breite, Höhe und Scrollleisten im Wrapper ein. Wenn Sie stattdessen den vollständigen edoobox-Einbettungscode samt Skript für automatische Höhe und Navigation verwenden möchten, benötigen Sie ein geeignetes HTML-Inhaltselement Ihrer Joomla-Installation. Prüfen Sie mit der Website-Administration, ob dieses den Code unverändert speichert.

Prüfen Sie nach jeder Änderung Desktop und Smartphone sowie den gesamten Ablauf: Angebot öffnen, Formular ausfüllen, Bedingungen akzeptieren, Zahlungsseite aufrufen und Abschlussseite anzeigen. Kontrollieren Sie ausserdem, ob Sprache, Tagfilter, Promotion und Label wie geplant übernommen werden.

Anwendungsbeispiel: Joomla Menüpunkt für Seminare

Ein Verband erstellt in Joomla den Menüpunkt Seminare. Als Wrapper-Adresse verwendet er den edoobox Link der Kategorie Weiterbildung. Mitglieder können dadurch direkt auf der Verbandswebsite die passenden Seminare buchen.

Anwendungsbeispiel: Mehrsprachige Kampagnenseite in Joomla

Eine Organisation erstellt für eine Frühlingskampagne eine eigene Joomla-Seite. Im Share-Dialog wählt sie die französische Sprache, den Tag Outdoor, einen zeitlich begrenzten Promotionscode und das Label fruehling-joomla. Nach dem Einfügen testet sie eine vollständige Buchung auf Smartphone und Desktop und prüft in edoobox, ob die Quelle eindeutig erkennbar ist.

Automatische Wrapper-Höhe ist bei edoobox keine Zusage

Die Joomla-Option Auto height funktioniert nach der offiziellen Wrapper-Dokumentation nur bei gleicher Domain. Eine edoobox-Domain und Ihre Joomla-Domain sind unterschiedliche Herkunftsbereiche. Stellen Sie beim reinen Wrapper deshalb eine passende Höhe ein oder verwenden Sie ein erlaubtes HTML-Element mit dem vollständigen edoobox-Code.

Der separate Direktlink aus dem edoobox-Code wird beim reinen URL-Wrapper nicht automatisch mit eingefügt. Legen Sie auf der Joomla-Seite zusätzlich einen sichtbaren Link zum Buchungsportal an und prüfen Sie ihn bei deaktiviertem beziehungsweise blockiertem iFrame.

Wrapper und automatisch angepasste Höhe

Die offizielle Joomla-Anleitung für den iFrame-Wrapper beschreibt das URL-Feld und die Grösseneinstellungen. Sie bezieht sich auf Joomla 4; die Bezeichnungen Ihrer installierten Version können abweichen. Prüfen Sie eine ausreichende Höhe über den gesamten Buchungsweg. Der blosse Wrapper lädt das zusätzliche edoobox-Einbettungsskript nicht automatisch auf Ihrer Website.

Direktlink und Tracking V2

Bei Verwendung des vollständigen edoobox-HTML-Codes ist ein Direktlink zum Buchungsportal enthalten. Beim reinen Joomla-URL-Wrapper ergänzen Sie diesen Link separat auf Ihrer Seite. Prüfen Sie ihn auf der veröffentlichten Website.

Für Tracking V2 benötigt Ihre Website zusätzlich die Verbindung zwischen iFrame, Website-Kontext und Einwilligung. Ein vollständig sichtbares Buchungsformular bestätigt noch keine erfolgreiche Tracking-Einrichtung.