iFrame in Jimdo Website einbinden
Das edoobox iFrame kann in eine Jimdo-Creator-Website eingebunden werden, damit Besucherinnen und Besucher Ihre Angebote direkt auf Ihrer Website sehen und buchen können.
Erstellen Sie den iFrame-Code zuerst in edoobox und fügen Sie ihn danach in Jimdo als HTML-Widget ein.
Jimdo Seite vorbereiten
Öffnen Sie Ihre Jimdo Website und erstellen Sie eine neue Seite für Kurse, Seminare oder Veranstaltungen.
Geben Sie der Seite einen klaren Titel, zum Beispiel Kurse buchen.
Wählen Sie in Jimdo Creator Inhalt hinzufügen → Weitere Inhalte und Add-ons → Widget/HTML.
iFrame-Code in edoobox kopieren
Öffnen Sie in edoobox das gewünschte Hauptverzeichnis, eine Kategorie oder ein einzelnes Angebot. Wählen Sie Vorschau / Share und kopieren Sie den iFrame-Code aus dem Bereich Einbinden.
Welche Variante sinnvoll ist, hängt davon ab, was Sie auf der Jimdo Seite zeigen möchten: alle Angebote, nur eine Kategorie oder ein einzelnes Angebot.
Code in Jimdo einfügen und testen
Fügen Sie den kopierten iFrame-Code in das Jimdo HTML-Widget ein, speichern Sie die Seite und veröffentlichen Sie sie. Prüfen Sie anschliessend die Darstellung auf Desktop und Smartphone.
Beispiel aus Jimdo Creator: Fügen Sie den Einbettungscode im HTML-Element ein. Der separate Jimdo Website Builder unterstützt keine iFrames; verwenden Sie dort einen Direktlink aus Vorschau-Share.
- E
- Widget / HTML zum Einbetten auswählen
Wenn das iFrame leer wirkt, kontrollieren Sie in edoobox, ob die Angebote veröffentlicht sind und ob Kategorie, Status und Zeitraum zur Anzeige passen.
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
jimdo-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
Fügen Sie den vollständigen generierten Code in ein HTML- oder Einbettungselement ein. Er enthält das iFrame und das edoobox Skript für die eingebettete Darstellung. Wird nur der innere Link übernommen oder entfernt Jimdo Skriptbestandteile, können Höhe und Navigation anders reagieren als in der Vorschau.
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: Kursseite in Jimdo
Ein Schulungsanbieter erstellt in Jimdo eine Seite Kurse buchen. In edoobox kopiert er den iFrame-Code der Kategorie Weiterbildungen und fügt ihn in Jimdo ein. Besucherinnen und Besucher sehen danach direkt die aktuellen Kurse und können ohne Medienbruch buchen.
Anwendungsbeispiel: Mehrsprachige Kampagnenseite in Jimdo
Eine Organisation erstellt für eine Frühlingskampagne eine eigene Jimdo-Seite. Im Share-Dialog wählt sie die französische Sprache, den Tag Outdoor, einen zeitlich begrenzten Promotionscode und das Label fruehling-jimdo. 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.
Jimdo Website Builder ohne HTML-Einbettung
Im Jimdo Website Builder können Sie laut der offiziellen Jimdo-Hilfe kein eigenes HTML, Skript oder iFrame einfügen. Die Schritte dieser Anleitung gelten für Jimdo Creator. Verwenden Sie im Website Builder stattdessen einen normalen Button oder Textlink auf den aktuellen direkten edoobox-Buchungslink.
Verwandte Anleitungen
Jimdo-Version und HTML-Element
Diese Schritte gelten für Jimdo Creator mit dem Element Widget/HTML. Die offizielle Jimdo-Anleitung zum Einfügen von Widgets beschreibt diesen Editor. Fehlt das Element in Ihrem Jimdo-Produkt, lassen Sie die verfügbare Einbettungsmöglichkeit prüfen und bieten Sie bis dahin den direkten Buchungslink an.
Direktlink und Tracking V2
Der aktuelle edoobox-Code ergänzt einen Direktlink zum Buchungsportal als Ausweichmöglichkeit, wenn die eingebettete Ansicht nicht angezeigt wird. Übernehmen Sie diesen Link mit dem generierten Code und 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.