1. Home
  2. Integration in Website
  3. WordPress Website einbinden (WP Plugin / iFrame)

WordPress Website einbinden (WP Plugin / iFrame)

Das edoobox-iFrame kann problemlos in eine WordPress Website eingebunden werden.

Hierzu stehen Ihnen zwei Möglichkeiten zu Verfügung:

Einbindung über das WordPress Plugin

Installieren Sie das WordPress Plugin in Ihrem WordPress über den Navigationspunkt Plugin > Installieren.
Link zum WordPress Plugin unter wordpress.com

Suchen Sie nach dem Plugin edoobox in der Suche.

Das Plugin muss zuerst über die Schaltfläche „Installieren“ installiert werden und danach über die Schaltfläche „Aktivieren“ in der WordPress Installation aktiviert werden.

In der linken Navigation erscheint nun ein neuer Menupunkt „Edoobox System“. Klicken Sie dies an um die Einstellungen vorzunehmen.

Die folgenden Felder müssen ausgefüllt werden:
edoobox Konto Kürzel
Sie finden das Kontokürzel oben Links in Ihrem edoobox Konto.

Privat API Key
Sie finden den Privat API Key in Ihrem edoobox Konto unter den Einstellungen.

Secret API Key
Sie finden den Secret API Key in Ihrem edoobox Konto unter den Einstellungen.

Design auswählen
Wählen Sie, ob Sie das Standard Design oder das Design der Website übernehmen möchten.
Option: Standard Design
lädt das Standarddesign vom WordPress Design (Design muss auf Bootstrap basieren)
Option: Design der Website übernehmen lädt das Standarddesign für die Webseite

Execution Priority
Wird verwendet, um die Reihenfolge festzulegen, in der die mit einer bestimmten Aktion verbundenen Funktionen ausgeführt werden. Niedrigere Zahlen entsprechen einer früheren Ausführung, und Funktionen mit gleicher Priorität werden in der Reihenfolge ausgeführt, in der sie der Aktion hinzugefügt wurden. (Standardwert: 10)

In Ihrem edoobox Konto das Hauptverzeichnis oder die gewünschte Kategorie mit Rechtsklick anklicken und Vorschau – Share wählen.

Vorschau - Share öffnen

Einbinden anklicken und den markierten ShortCode kopieren.

Fügen Sie den Shortcode ein, wo Sie Ihre Angebote anzeigen möchten. Verwenden Sie im WordPress den Block „Shortcode“ und danach die Seite veröffentlichen. Fertig!

Tipp

Sie können eine Kategorie oder auch nur einen einzelnen Kurs anzeigen

Beispielcode für das ganze edoobox Konto mit dem Kürzel Demo
[edbs_panel language="de" url="demo" ]

Beispielcode für die Anzeige der Kategorie „Deutsch“
[edbs_panel language="de" url="demo/Deutsch" ]

Beispielcode für die Anzeige vom Kurs „Kurs.ed.168062“
[edbs_panel language="de" url="demo/Deutsch/Niveau%20A1/Kurs.ed.168062" ]

Ergänzen Sie den Code manuell um ein Label oder einen Tag.
[edbs_panel language="de" url="demo" label="Startseite" tag="Intensivkurs" ]

Für den Kalender kann der Code wie folgt ergänzt werden.
[edbs_panel language="de" url="demo/Deutsch/" label="Startseite" tag="Intensivkurs" view="v1" start="2019-08-20" ]

Wenn Sie ein Shortcode auf der Startseite einfügen, muss eine Root Seite definiert werden die nach dem Klick die Angebotsdetails öffnen.
[edbs_panel language="de" url="demo/Deutsch/" label="Startseite" root="www.ihreURL.com/unser_angebot" ]

Ist die Schriftart noch zu gross oder klein?
Passen Sie z.B. den Angebots Titel per CSS an. Anleitung CSS Code Widget

Aufbau vom Shortcode

Der Shortcode besteht aus mehreren Variabeln. Bsp: [edbs_panel language=“de“ url=“demo/Deutsch/“ label=“facebook“ tag=“Outdoor“ root=“https://app1.edoobox.com/“ ]

edbs_panel > edoobox Shortcode Name

language > definierte Sprache z.B. de

url > Kurzel/Kategorie oder Kurs z.B. demo/Deutsch/

label > definiertes Label um die Quelle zu definieren z.B. facebook

tag > Filterung der Angebote über die Tagging Funktion von edoobox

root > Definieren Sie hier die URL die aufgerufen werden soll, wenn ein Benutzer einen Klick tätig. z.B. möchten Sie auf der Startseite die Kurse anzeigen aber dann auf einer Unterseite die Detailansicht der Kurse. Definieren Sie hier die Ziel URL z.B. htps://app1.edoobox.com/

WordPress Support

WordPress ist ein OpenScource CMS System. Das edoobox Plugin ist mit dem Core System von WordPress getestet. Je nach zusätzlichen Plugins auf Ihrer WordPress Installation kann es Konflikte in den Plugins geben. Falls Sie ein Debugging in Ihrem WordPress System wünschen, verrechnen wir dies zusätzlich zu den Abonnements Gebühren.

Achtung

  • Bitte keine Werte nach dem ? übergeben. z.B. ?edref=demo
  • Um das WordPress Plugin zu verwenden, muss die URL Rewrite Funktion im WordPress aktiviert werden.
  • Das WordPress Plugin benötigt PHP: 7.4
  • Das Konto oder Kategorien dürfen nicht auf den Status Intern gesetzt sein
  • Aktivieren Sie den Block Editor unter „Einstellungen > Schreiben“
  • Elementor: Verwenden Sie zum einfügen vom Shortcode in dem Elementor das HTML Widget.

Sprach-Ausgabe

Mit dem WP Plugin können die Sprachen nicht wie beim iFrame definiert werden, sondern es werden im Buchungsmodus (ab Klick auf die Schaltfläche jetzt anmelden) die automatisch im Browser des Besuchers/Buchenden erkannte Sprachen ausgegeben. Bedeutet, dass wenn in edoobox Deutsch und Englisch aktiviert sind und der Buchende Deutsch als Browsersprache aktiv hat, wird ab dem Teilnehmerformular die deutsche Sprache ausgegeben.

Bitte beachten: Aktualisierung im Frontend

Wenn Sie in Ihrem edoobox-Konto Änderungen vornehmen und diese nicht direkt sichtbar werden auf Ihrer Webseite, dann hilft es oft, die Webseite neu zu laden. Wird die Änderung auch nach einigen Minuten nicht angezeigt, lohnt es sich, den Cache im Browser oder den Cache von einem Caching Plugin (z.B. WPRocket / WPCache usw.) zu löschen. Danach sollte die Aktualisierung im Frontend (Ihrer Webseite) ersichtlich sein.

Shortcode Pro

Mit dem Shortcode Pro haben Sie die Möglichkeit, an einer von Ihnen definierte Stelle (zB. Auf der Startseite), Ihre nächsten Angebote kurz vor dem Start hervorzuheben. Definieren Sie in der Variabel «limit» die Anzahl Angebot die Angezeigt werden. Mit HTML Kenntnisse können Sie diese optisch auch personalisieren und eigene Vorlagen generieren. Die passenden Variablen finden Sie unter «Beispielvariablen / Werte erweitern».
Wir stellen Ihnen zwei Vorlagen zur Verfügung. Die Vorlage Tabellenansicht / Listenansicht kann nicht verändert werden, kann aber für eine eigene Vorlage verwendet werden.

Debug-Modus

Mit unserem neuen Debug-Modus können Sie unserem Support-Team einen geheimen Debug-Code generieren, der Ihnen Einsicht in Ihre WordPress-Plugin-Einstellungen gibt. Auf diese Weise kann das Support Team Probleme schneller lösen. Den Code generieren Sie an folgender Stelle:

Einbindung über ein iFrame

Mit der Maus links bei der Menüleiste auf den Menüpunkt Seiten fahren und Erstellen anklicken.

Neue Seite auf WordPress erstellen

In Ihrem edoobox Konto das Hauptverzeichnis oder die gewünschte Kategorie mit Rechtsklick anklicken und Vorschau – Share wählen.

Vorschau - Share öffnen

Einbinden anklicken und den markierten Code kopieren.

iFrame Code in die Zwischenablage kopieren

Für Benutzer von WordPress Version kleiner als 5.0.3iFrame Code auf WordPress unter "Text" einfügen
Für Benutzer von WordPress Version grösser als 5.0.3

Den Code in WordPress ins leere Textfeld einfügen und danach die Seite veröffentlichen. Fertig!

Nun können Sie nach Belieben vor und/oder nach dem Code einen passenden Text einfügen und die Darstellung ändern.

Falls Sie das Problem haben das der „mehr lesen“ Button nicht funktioniert können Sie es so lösen.

Damit die Verlinkung zu der Detail Seite (mehr lesen) funktioniert muss die übergeordnete Seite immer die Homepage sein.

Achtung

edoobox kann NICHT auf der Startseite eingebunden werden. In der URL muss mindestens ein / vorhanden sein wie zum Beispiel www.beispiel.de/buchungen. Erstellen Sie eine eigene Seite für das edoobox Plugin, dann wird der Fehler mit dem 404 gelöst.

Updated on 26. Mai 2023

Was this article helpful?

Related Articles

Die Lösung nicht gefunden?
Dann erstellen Sie eine Support-Anfrage.
Support Ticket