Wie man Edcommerce-Programme in die eigene Website einbettet.

Last updated: July 27, 2026

Erklärt, wie man EdCommerce-Inhalte in eine bestehende externe Website einbettet, indem man ein Widget in den EdCommerce-Einstellungen > Widgets erstellt, dessen Aussehen anpasst und den generierten Codeausschnitt in einen HTML-Block einfügt. Enthält Schritt-für-Schritt-Anleitungen für WordPress (Elementor und Visual Composer), Wix und Squarespace sowie Anwendungsfälle wie Blogbeiträge, Veranstaltungsseiten, Standortseiten, Danke-Seiten und Werbekampagnen.

Mit Edcommerce können Sie nicht nur stilvolle E-Commerce-Landingpages erstellen und sogar komplette Websites erstellen, sondern auch nahtlos seine leistungsstarken Funktionen in jede bestehende Website integrieren.

Das bedeutet, Sie erhalten das Beste aus beiden Welten – die Funktionalität Ihrer aktuellen Website und die leistungsstarken Funktionen von Edcommerce.

Sie können dies tun, indem Sie ein Widget erstellen und einbetten. Lassen Sie uns sehen, wie das geht.

So erstellen Sie ein Edcommerce-Widget

  1. Zugriff auf Ihre Edcommerce-Einstellungen: Melden Sie sich bei Ihrem Edcommerce-Konto an und navigieren Sie zum Abschnitt 'Einstellungen'.
  2. Erstellen Sie ein Widget: Wählen Sie im Menü auf der linken Seite 'Widgets' und dann 'Neues Widget erstellen'.
  3. Füllen Sie die Widget-Details aus: Vervollständigen Sie das Formular mit dem Namen Ihres Widgets, der bevorzugten Sprache, Währung und Nationalität der Studierenden.
  4. Wählen Sie den Inhalt: Wählen Sie aus, welche Programme oder Bildungsträger in Ihrem Widget angezeigt werden sollen. Klicken Sie einfach auf "Programme" oder "Anbieter" und wählen Sie die aus, die Sie aus der Liste rechts anzeigen möchten.
  5. Anpassen des Erscheinungsbildes: Passen Sie das Erscheinungsbild des Widgets an, indem Sie Schriftart, Hintergrundfarbe und Box-Schatten bearbeiten, um es an das Design Ihrer Website anzupassen. Sie können auch die Polsterung für eine bessere Passform ändern, indem Sie auf das Quadrat-Symbol im Vorschaufenster des Widgets klicken.
  6. Speichern Sie Ihr Widget: Sobald Sie mit den Einstellungen zufrieden sind, klicken Sie auf 'Speichern'.

Nach dem Speichern Ihres Widgets erhalten Sie einen Codeausschnitt.

Dieser Code muss in Ihre Website eingefügt werden. Lesen Sie weiter, um zu erfahren, wie das geht.

So fügen Sie ein Edcommerce-Widget zu Ihrer Website hinzu

Öffnen Sie einfach die Seite auf Ihrer Website, auf der Sie dieses Widget platzieren möchten, und fügen Sie ein HTML-Feld mit dem Code ein.

Je nach CMS Ihrer Website (wie WordPress oder Wix) kann die Methode zum Hinzufügen dieses Codes unterschiedlich sein. Im Allgemeinen erlauben alle Website-Editoren das Ziehen und Ablegen eines HTML-Feldes.

Hier sind einige Beispiele:

WordPress (mit Elementor):

  • Öffnen Sie die Seite, die Sie mit Elementor bearbeiten möchten.
  • Ziehen Sie das 'HTML'-Widget aus dem linken Panel auf Ihre Seite, wo Sie das Widget platzieren möchten.
  • Fügen Sie den Edcommerce-Codeausschnitt in das HTML-Code-Feld ein.
  • Klicken Sie auf 'Aktualisieren', um Ihre Änderungen zu speichern.

WordPress (mit Visual Composer):

  • Bearbeiten Sie die Seite, auf der Sie das Widget einfügen möchten.
  • Klicken Sie auf die '+'-Schaltfläche, um ein neues Element hinzuzufügen.
  • Wählen Sie 'Roh-HTML' oder 'Benutzerdefiniertes HTML' aus den Inhaltselementen.
  • Fügen Sie Ihren Edcommerce-Snippet-Code in das Textfeld ein.
  • Speichern Sie Ihre Änderungen, indem Sie auf der Seite auf 'Aktualisieren' klicken.

Wix:

  • Gehen Sie zur Seite, die Sie im Wix-Editor bearbeiten möchten.
  • Klicken Sie auf 'Hinzufügen' (+) auf der linken Seite des Editors und wählen Sie 'Mehr'.
  • Wählen Sie 'HTML iframe' aus dem Dropdown-Menü.
  • Klicken Sie auf 'Code eingeben' und fügen Sie dann den Edcommerce-Snippet-Code in das HTML-Einstellungen-Fenster ein.
  • Klicken Sie auf 'Anwenden', um zu speichern und das Widget auf Ihrer Seite zu sehen.

Squarespace:

  • Gehen Sie zu der Seite, auf der Sie das Widget hinzufügen möchten.
  • Klicken Sie auf '+Block hinzufügen' und wählen Sie 'Code' aus dem Menü.
  • Fügen Sie Ihren Edcommerce-Snippet-Code in den Codeblock ein und klicken Sie auf 'Anwenden'.

Wenn Sie kein HTML-Modul in Ihrem Editor finden können, versuchen Sie, es durch Bearbeiten des Codes eines 'Rich-Text'-Moduls zu tun.

Anwendungsfälle

Mit dieser Funktion können Sie Ihre Website in eine ansprechendere und informativere Plattform verwandeln. Das Einbetten dieser Widgets auf Ihrer Seite kann Inhalte verbessern, die Nutzerbindung erhöhen und Konversionen steigern.

Hier sind einige Beispiele, wie Edcommerce-Widgets kreativ auf Ihrer Website genutzt werden können:

Blog-Post-Verbesserungen:

Wenn Sie einen Blog-Post über das Studium an einem bestimmten Ort schreiben, wie Sydney, fügen Sie das Widget am Ende des Beitrags ein. Präsentieren Sie Ihre Top 3 Programme oder spezielle Aktionen in Sydney, um die Leser zu ermutigen, diese Optionen zu erkunden. Dies kann die Konversionen erheblich steigern, indem Inhalte direkt mit relevanten Kursen verknüpft werden.

Veranstaltungsseiten:

Für Webseiten, die Bildungsmesse oder Webinare bewerben, betten Sie das Widget ein, um Programme oder Institutionen zu präsentieren, die an der Veranstaltung teilnehmen. Dies gibt den Besuchern einen Vorgeschmack auf das, was sie erwartet, und kann Anmeldungen oder weitere Anfragen fördern.

Standortbezogene Seiten:

Wenn Ihre Website Seiten hat, die bestimmten Studienzielen oder Ländern gewidmet sind, betten Sie das Widget auf diesen Seiten ein, um die verfügbaren Programme in diesen Orten anzuzeigen. Es ist eine großartige Möglichkeit, relevante Optionen für Nutzer bereitzustellen, die bereits an diesen Zielen interessiert sind.

Newsletter-Anmeldeseiten mit Dankeschön:

Nachdem ein Besucher Ihren Newsletter abonniert hat, wird er auf eine Dankeschön-Seite weitergeleitet. Hier können Sie das Widget einbetten, um sie sofort mit beliebten oder hervorgehobenen Programmen zu engagieren.

Während Werbekampagnen:

Wenn Sie Werbekampagnen für bestimmte Kurse oder Reiseziele durchführen, integrieren Sie das Widget auf Ihren Kampagnen-Landingpages. Passen Sie das Widget an, um Programme im Zusammenhang mit der Kampagne anzuzeigen, für ein kohärentes Nutzererlebnis.