Wie man externe Formulare auf jeder Edcommerce-Seite einbettet

Last updated: July 27, 2026

Erklärt, wie man ein Drittanbieter-Formular (zum Beispiel eines, das in Ihrem CRM erstellt wurde) in eine EdCommerce-Landingpage mit dem 'HTML-Code'-Seitenblock einbettet. Die drei Schritte sind: Erstellen oder Bearbeiten einer Seite unter 'Seiten' und einen HTML-Code-Block ziehen, den Block-Editor öffnen und Ihren Formularcode einfügen, dann Vorschau anzeigen und veröffentlichen. Das Embed muss ein IFRAME-Code sein — wenn Ihr CRM nur ein Skript ausgibt, konvertieren Sie es mit einem Tool wie Iframe Generator, bevor Sie es einfügen. Typische Anwendungsfälle sind benutzerdefinierte CRM-Formulare, dynamische Produktanzeigen mit einem Lead-Formular und eine "Kontaktieren Sie uns"-Seite, die Ihr bestehendes Website-Kontaktformular wiederverwendet.

Während Edcommerce intelligente Formulare anbietet, die nahtlos mit Ihrer Edvisor-Plattform synchronisieren, gibt es möglicherweise Zeiten, in denen Sie lieber Ihre eigenen externen Formulare verwenden möchten.

In diesem Leitfaden führen wir Sie durch die einfachen Schritte, um jedes externe Formular in Ihre EdCommerce-Landingpages einzubetten und Ihnen so das Beste aus beiden Welten zu bieten.

Anwendungsfälle:

  1. Benutzerdefinierte Formulare: Integrieren Sie benutzerdefinierte Formulare, die von Ihrem CRM generiert wurden, um spezifische Kundeninformationen von Ihren eCommerce-Seiten zu erfassen.
  2. Dynamische Produktanzeigen: Präsentieren Sie dynamisch generierte Produktvorschläge oder personalisierte Inhalte basierend auf Kundenpräferenzen. Verbessern Sie die Lead-Sammlung, indem Sie Ihr Lead-Formular auf Seiten mit diesen Inhalten einbetten.
  3. Kontaktformular: Erstellen Sie eine "Kontaktieren Sie uns"-Seite auf EdCommerce mit demselben Kontaktformular, das Sie auf Ihrer Website verwenden. Beispiel.

Los geht's!

Schritt 1: Erstellen Sie einen HTML-Code-Block

Zuerst müssen Sie eine EdCommerce-Seite erstellen oder bearbeiten:

  • In Ihrem EdCommerce-Konto navigieren Sie zu 'Seiten' > 'Neue Seite erstellen'

Diese Seiten werden mit benutzerdefinierten Blöcken verschiedener Typen erstellt. Um eine Seite mit einem eingebetteten externen Formular zu erstellen, sollten Sie die 'HTML-Code'-Option auswählen.

Dann ziehen Sie diese Option einfach in den Seiteneditor.

Schritt 2: Kopieren und Einfügen Ihres Formular-HTML-Codes

Klicken Sie auf den neu hinzugefügten HTML-Block, um den Editor zu öffnen.

Nun müssen Sie den HTML-Code Ihres Formulars in den Editor einfügen.

Sie finden diesen Code in Ihrem CRM-System, wo Ihr Formular ursprünglich erstellt wurde. Kopieren Sie einfach den HTML-Code aus Ihrem CRM und fügen Sie ihn hier im EdCommerce-Editor ein.

Vergessen Sie nicht, Ihre Änderungen nach dem Einfügen des Codes zu speichern.

Damit dies funktioniert, sollte es ein IFRAME-Code sein.

Beispiel:

<iframe src="https://share.hsforms.com/1kd5fKSSYQCWK_fCwBq95Wg3tjye" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="1200px" width="100%" allowfullscreen></iframe>

In einigen Fällen könnte der von Ihrem CRM generierte HTML-Code in Skriptform vorliegen. Um diese Skripte auf Ihrer Seite einzubetten, müssen Sie das Skript in ein iframe umwandeln. Sie können Online-Tools wie Iframe Generator für diese Umwandlung verwenden.

So funktioniert es:

  • Gehen Sie zu Iframe Generator oder einem ähnlichen Tool.
  • Kopieren Sie Ihr CRM-Skript in das Feld.
  • Ändern Sie die Einstellungen wie die iframe-Größe, falls erforderlich.
  • Klicken Sie, um den iframe-Code zu erhalten.
  • Kopieren Sie diesen Code und fügen Sie ihn in Ihren Edcommerce HTML-Block ein.

Schritt 3: Vorschau und Veröffentlichung Ihrer Seite

Vorschau der Seite, um sicherzustellen, dass das eingebettete Formular korrekt angezeigt wird.

Wenn alles wie vorgesehen erscheint, veröffentlichen Sie die Seite, um die Änderungen an Ihrer Edcommerce-Website anzuwenden.