--- title: "Wie Sie Formulare auf Ihrer Website einbetten" date: 2021-06-14 canonical_id: how-to-embed-form author: "osogovo" category: - blog - feedback - surveys - tutorials locale_slug: "wie-formulare-einbetten" summary: "Einfache Schritte, um in Sekunden ein Formular auf jeder Website einzubetten. Ein JavaScript-Code, der responsiv und einfach zu kopieren ist. Kein Programmieren." draft: false seo: title: "Wie Sie Formulare auf Ihrer Website einbetten" description: "Einfache Schritte, um in Sekunden ein Formular auf jeder Website einzubetten. Ein JavaScript-Code, der responsiv und einfach zu kopieren ist. Kein Programmieren." structured_data: article --- > **Wichtiger Hinweis:** Diese Methode funktioniert derzeit nicht und wir arbeiten an einem neuen Formular-Builder, der bald kommt. Bitte kontaktieren Sie unser Customer-Success-Team für weitere Informationen. Eingebettete Formulare sind eine der effektivsten und einfachsten Methoden zum Sammeln von Daten, und das Einbetten des Codes auf Ihrer Website sollte nicht erfordern, dass Sie einen Techniker dafür anrufen. Ob für Feedback, Transaktionen oder Registrierung, Formulare sind von zentraler Bedeutung. Diese Anleitung zeigt Ihnen den Prozess und veranschaulicht, wie einfach es ist, mit EmbedForms ein Formular auf jeder Website einzubetten. ## **Wofür werden Formulare verwendet?** Formulare spielen eine entscheidende Rolle in unseren täglichen Aktivitäten, sowohl in der physischen Welt als auch digital. Sie helfen Organisationen, ihre Abläufe effizienter durchzuführen, indem sie den Prozess der Informationssammlung optimieren. #### **Datenerfassung** Formulare werden oft verwendet, um Daten oder Informationen von Nutzern zu sammeln. Dies kann so einfach sein wie das Sammeln von Kontaktinformationen, etwa ein E-Mail-Anmeldeformular auf einer Website, oder komplexere wissenschaftliche oder Marktforschungsdaten. Ein medizinisches Formular sammelt beispielsweise die Krankengeschichte und Symptome eines Patienten, um bei Diagnose und Behandlung zu unterstützen. #### **Feedback und Kommunikation** Formulare bieten eine effektive Möglichkeit, [Feedback von Kunden zu sammeln](/blog/web-form-builder/) oder Nutzern. Umfragen, Abstimmungen oder Feedback-Formulare ermöglichen es Nutzern, ihre Gedanken, Meinungen oder Erfahrungen einer Organisation mitzuteilen. Sie können für die Produktentwicklung, die Verbesserung des Benutzererlebnisses oder die Messung der Kundenzufriedenheit verwendet werden. #### **Rechtliche und Compliance-Anforderungen** Bestimmte Branchen und Verfahren erfordern die Verwendung von Formularen, um sicherzustellen, dass sie rechtliche und regulatorische Anforderungen erfüllen. Steuerformulare ermöglichen es zum Beispiel der Regierung, notwendige Finanzdaten zu sammeln. Einwilligungsformulare in medizinischen oder Forschungskontexten stellen sicher, dass die Teilnehmer informiert sind und den Bedingungen des Verfahrens oder der Studie zustimmen. #### **Transaktionen** Formulare werden verwendet, um verschiedene Transaktionen online zu erleichtern. Dies können finanzielle Transaktionen sein (etwa ein Kauf auf einer E-Commerce-Website, bei dem das Checkout-Formular Informationen über den Käufer und den Kauf sammelt) oder nicht finanzielle Transaktionen (etwa das Einreichen einer Bewerbung oder die Registrierung für eine Veranstaltung). ## **Warum sollten Sie Formulare auf Ihrer Website einbetten?** Die strategische Platzierung von Formularen auf Ihrer Website kann deren Funktionalität und Nutzerbindung erheblich verbessern. Formulare bieten eine effektive Kommunikation mit Ihren Besuchern und Kunden, sodass Sie wertvolle Informationen sammeln und verbesserte Dienstleistungen anbieten können. #### **Nutzerbindung** Das Einbetten eines Formulars auf Ihrer Website kann die Nutzerbindung erhöhen, indem es einen direkten Kanal für die Interaktion bietet. Dies kann in Form eines [Kundenfeedback-Formulars](/blog/customer-feedback-form/), einer Umfrage, eines Quiz oder sogar eines einfachen Kontaktformulars sein. Es lädt die Nutzer ein, sich mit den Inhalten zu beschäftigen, ihre Meinungen zu teilen oder Fragen zu stellen. #### **Datenerfassung** Formulare können verwendet werden, um wertvolle Informationen über Ihre Besucher zu sammeln, etwa ihre Kontaktinformationen, Vorlieben oder Bedürfnisse. Diese Daten können für Marketingstrategien, Kundenprofilierung oder Produktentwicklung verwendet werden. Ein Newsletter-Anmeldeformular kann Ihnen zum Beispiel helfen, eine E-Mail-Marketingliste aufzubauen. #### **Einfache Kommunikation** Ein eingebettetes Formular kann den Kommunikationsprozess zwischen Ihnen und Ihren Besuchern vereinfachen. Anstatt dass Besucher Ihnen direkt eine E-Mail schicken, können sie einfach ein Formular ausfüllen, sodass Sie sicherstellen, dass Sie alle notwendigen Informationen in strukturierter Form erhalten. Dies ist besonders nützlich für Kundensupport- oder Anfrageformulare. #### **Conversions und Verkäufe:** Wenn Sie eine E-Commerce-Website betreiben, sind Formulare ein wesentlicher Bestandteil des Kaufprozesses. Sie ermöglichen es Nutzern, Versanddetails einzugeben, Produkte auszuwählen und Transaktionen abzuschließen. Gut gestaltete Formulare können den Checkout-Prozess optimieren und das Benutzererlebnis verbessern, was letztlich Conversions und Verkäufe steigert. #### **Nutzerregistrierung** Für Websites, die Benutzerkonten erfordern, ist das Einbetten eines Registrierungsformulars entscheidend. Dies kann helfen, den Nutzerzugang zu verwalten, Nutzererlebnisse zu personalisieren und eine Community aufzubauen. Das Formular kann wichtige Informationen wie Benutzernamen, Passwörter und andere Nutzerdetails auf sichere und bequeme Weise sammeln. ## **Wie bettet man ein Formular in eine Website ein?** So beginnen Sie, erstellen ein individuelles Formular und erhalten einen einbettbaren Code, um das Formular auf Ihrer Website anzuzeigen: #### **1\. Wählen Sie im Willkommens-Popup eine Formularvorlage oder beginnen Sie von Grund auf** Sie können diese Vorlage in der Vorschau ansehen oder zurückgehen und ein anderes Formular in der Formularvorlagen-Bibliothek auswählen. ![Formularvorlagen-Bibliothek](https://embedsocial.com/wp-content/uploads/2021/06/choose-form-template.png) #### **2\. Richten Sie Ihr Formular ein und passen Sie es bei Bedarf an, klicken Sie auf 'Speichern' und klicken Sie auf 'Live veröffentlichen'** ![Formular live veröffentlichen](https://embedsocial.com/wp-content/uploads/2021/06/publish-online-form.png) #### **3\. Um den Formularcode zu erhalten, klicken Sie in der oberen linken Ecke auf den Link 'Formular auf Website einbetten'** ![Code zum Einbetten des Formulars auf Ihrer Website erhalten](https://embedsocial.com/wp-content/uploads/2021/06/embed-form-on-website.jpg) #### **4\. Kopieren Sie im Formular-Widget-Editor einfach den bereitgestellten Code** ![Einbettungscode für Formular auf Website](https://embedsocial.com/wp-content/uploads/2021/06/form-widget-code.jpg) #### **4\. Um das Formular einzubetten, fügen Sie den Code einfach in den Body-Bereich Ihrer Website ein, wo es erscheinen soll** Wenn Sie WordPress verwenden, sehen Sie sich die Anweisungen unten an. Für andere CMS- oder E-Commerce-Plattformen können Sie sich gerne an unser Support-Team wenden, um zusätzliche Hilfe zu erhalten. Sie benötigen keine [Formulare-Bewertungen-Integrationen](/blog/forms-reviews-integration/), und Sie können Ihren Code in jeden anderen Web-Builder einbetten, indem Sie denselben Code verwenden, der auf der [EmbedForms-Plattform](/forms) bereitgestellt wird. Der HTML-Code des Formulars kann praktisch überall auf Ihrer Website eingebettet werden. Der entscheidende Punkt ist, dass es für jeden sichtbar und zum richtigen Zeitpunkt präsentiert werden sollte. Unternehmer fragen beispielsweise normalerweise nach einer Meinung, nachdem ein Kunde eine Interaktion mit ihrem Unternehmen hatte, und die Eindrücke noch frisch sind, wenn es um [Feedback-Formulare](/blog/free-feedback-form-templates/) geht. Das bedeutet, dass wenn Sie eine Umfrage nach dem Kauf auf Ihrer E-Commerce-Website durchführen, der beste Ort zum Einbetten die Dankeseite wäre, und sie sollte einige Sekunden nach Abschluss des Kaufs angezeigt werden. Weitere Details dazu, wie man ein eingebettetes Formular erstellt, finden Sie im [Formular-Einrichtungsleitfaden](https://help.embedsocial.com/en/articles/5015688-setup-guide-create-an-online-form) ## **Wie bettet man ein Formular in WordPress ein?** **Hinweis**: EmbedForms funktioniert für jede WordPress-Website und WordPress-Seite, und es ist nicht erforderlich, zusätzliche Plugins oder Widgets zu installieren, die Ihre Website verlangsamen könnten. Die Schritte gelten für jedes Formular, ob es sich um ein Feedback-Formular, Kontaktformular, Anmeldeformular, Registrierungsformular oder eine Umfrage handelt Sie müssen kein WordPress-Plugin installieren, um einbettbare Formulare für WordPress zu erstellen. Sobald Sie bereit sind, den Code in Ihre Seite oder Ihren Beitrag einzufügen, befolgen Sie einfach diese Schritte. Melden Sie sich zunächst bei Ihrer WordPress-Website an und öffnen Sie die Seite, auf der Sie das Formular einbetten möchten. #### **1\. Klicken Sie im Editor auf das +-Symbol und wählen Sie den HTML-Block** ![HTML-Block in WordPress-Beitrag einfügen](https://embedsocial.com/wp-content/uploads/2021/06/html-block-wordpress.png) #### **2\. Fügen Sie den Einbettungscode in das Textfeld des Blocks ein** ![Formularcode in WordPress einbetten](https://embedsocial.com/wp-content/uploads/2021/06/paste-html-code-in-wordpress.png) #### **3\. Klicken Sie auf 'Aktualisieren'** Und das war's. Dieser Code funktioniert für jede Plattform, die JavaScript- oder iFrame-Einbettung unterstützt. ## **Formular-Widgets einbetten** Wenn Sie anpassen möchten, wie die Formulare auf Ihrer Website erscheinen, können Sie [Formular-Widgets](/blog/form-widgets/) verwenden. Anstatt die Formulare nur inline einzubetten, bietet EmbedForms einige verschiedene Arten von Widgets, die Ihr Formular in interaktive Web-Widgets verwandeln. Sie können wählen, ob Sie ein Banner, einen Floater oder einen Button anzeigen möchten, der beim Anklicken das Formular öffnet. Diese Widgets sind so konzipiert, dass sie Platz sparen, schnell laden und Ihnen helfen, die Formulare an prominenten Positionen auf Ihrer Website zu präsentieren, sodass Sie ihre Antwortraten erhöhen können. Um ein Formular-Widget zu erstellen und hinzuzufügen, 1\. Gehen Sie zu **Widgets** und öffnen Sie das Formular-Widget, das auf Ihrer Website anders erscheinen soll. Wenn Sie kein Widget haben, klicken Sie auf **Widget erstellen**, um eines zu erstellen. ![Schritt 1 zum Erstellen eines Website-Formular-Widgets](https://embedsocial.com/wp-content/uploads/2021/06/create-form-widget-step1.jpg) 2\. Wählen Sie Banner, Floater, Button oder JS-Trigger und klicken Sie auf '**Speichern**'. ![Formular-Widgets auswählen](https://embedsocial.com/wp-content/uploads/2021/06/choose-form-widget-type.jpg) 3\. Kopieren Sie schließlich den Code oben rechts und fügen Sie ihn in die Seite ein, auf der das Widget erscheinen soll. Das war's. Jetzt können Sie ganz einfach jedes Formular in verschiedenen Formaten auf Ihrer Website einbetten und mehr Daten von Ihren Web-Besuchern sammeln. ## **Mehr mit EmbedForms erreichen** ![Umfragen- und Formular-Builder](https://embedsocial.com/wp-content/uploads/2021/06/online-form-builder-1024x591.png) EmbedForms ist ein vollständiger Formular-Builder mit fortschrittlichen Optionen zur Formularerstellung. Alle Formulare sind responsiv und passen perfekt auf mobile Geräte. Außerdem verfügt es über eine Datenschutzrichtlinien-Option, sodass Nutzer die DSGVO-Anforderungen einhalten können. Im folgenden Text finden Sie weitere Optionen, die Ihnen helfen, die besten Web-Formulare einzubetten: #### **1\. Anpassungsoptionen** Wenn Sie eine bestimmte Formularseite öffnen, können Sie den Editor verwenden, um verschiedene Formularfelder wie Optionsfelder, Absätze, Dropdown-Menüs, Bewertungen, Meinungsskalen usw. auszuwählen, wenn Sie ein völlig neues Formular erstellen möchten. Außerdem können Sie andere Formatierungsoptionen verwenden, etwa das gesamte Theme ändern, das Hintergrundbild der Kopfzeile ändern, Ihr eigenes Logo hochladen usw. #### **2\. E-Mail-Benachrichtigungen** Um die E-Mail-Erinnerung zu aktivieren, gehen Sie zu den allgemeinen Einstellungen und klicken Sie auf E-Mail-Benachrichtigungen, und Sie erhalten eine E-Mail mit dem Link zur neuesten Formularantwort. #### **3\. Dankesnachricht** Fügen Sie Ihre Dankesnachricht hinzu, indem Sie zu den allgemeinen Einstellungen navigieren und Ihren Dankeshinweis aufschreiben. #### **4\. Weiterleitungslink** Wenn ein Nutzer nach dem Ausfüllen des Formulars auf die Schaltfläche zum Absenden klickt, gibt es eine Option, einen Weiterleitungslink hinzuzufügen, der Ihre Kunden zu einer bestimmten Landingpage führt, indem Sie einen Link in das Feld für die Weiterleitung nach dem Absenden eingeben. #### **5\. Option zum Teilen und Exportieren von Antworten** Exportieren Sie alle Formulareingaben in Excel, Google Sheets oder eine beliebige andere Tabellenkalkulations-App. Außerdem können Sie die Option 'Teilen' verwenden, mit der Sie die Befragten mit anderen Teammitgliedern teilen können, sodass diese die von einem bestimmten Formular gesammelten Antworten ansehen können. #### **6\. Ein Popup-Formular erstellen und einbetten** Das Einbetten von Formularen ist einfach, aber das Einbetten von Formularen in verschiedenen Anzeigeformaten sollte auch einfach sein. Wenn Sie also ein Popup-Formular einbetten möchten, hat EmbedForms die Option für Sie. Es ist eine Art [Formular-Widget](/blog/form-widgets/), das die Funktionalität hat, Ihr Formular in einem Popup anzuzeigen. Sie können auch andere Einbettungsoptionen wie Popover, Button, Floater und Ähnliches erkunden. So sieht ein Formular auf Ihrer Website aus, wenn Sie sich für EmbedForms entscheiden! (function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/admin/assets/ef.js"; d.getElementsByTagName("head")\[0\].appendChild(js);}(document, "script", "EmbedSocialFormsScript")); ## **Sie können auch Google Forms einbetten** Bei der Verwendung von Google Forms ist das Einbetten des Formulars ähnlich wie das Einbetten von Formularen, die mit EmbedForms oder einem anderen Web-Formular-Builder erstellt wurden. Hier sind die Schritte, wie man ein Google-Formular einbettet: Schritt 1: Klicken Sie oben rechts auf die Option '**Senden**' ![Schritte zum Einbetten eines Google-Formulars](https://embedsocial.com/wp-content/uploads/2021/06/embed-google-form-step1.jpg) **Schritt 2:** Klicken Sie auf den Tab mit dem Code-Symbol und klicken Sie auf die Schaltfläche '**Kopieren**' ![Google-Forms-Code kopieren](https://embedsocial.com/wp-content/uploads/2021/06/embed-google-form-step2.jpg) S**chritt 3**: Fügen Sie den Code in das HTML der Seite ein, auf der das Formular erscheinen soll Das war's. ## **Zusammenfassung** Wie wir untersucht haben, kann das Einbetten eines Formulars auf Ihrer Website unkompliziert sein und eine leistungsstarke Möglichkeit bieten, die Nutzerbindung zu verbessern und wertvolle Daten zu sammeln. Mit EmbedForms müssen Sie nur ein klares Ziel haben, was Sie über Ihren Kunden erfahren möchten, die passende Vorlage auswählen und den Code auf Ihrer Website per Copy-and-paste einfügen. **Lesen Sie mehr:** Sehen Sie sich [10 Formulare zur Lead-Generierung und Magnet-Widgets](/blog/lead-generation-forms/) an ### **FAQ:** **Wie viele Felder sollte mein Formular haben?** Die Anzahl der Felder in Ihrem Formular sollte so gering wie nötig sein, um die erforderlichen Informationen zu sammeln. Typischerweise haben kürzere Formulare mit 3 bis 5 Feldern tendenziell höhere Abschlussraten. **Wirkt sich die Verwendung von Formularen auf einer Website auf eine Umsatzsteigerung aus?** Ja, Formulare können den Umsatz steigern, indem sie die Lead-Generierung, die Kundenbindung und die Conversion-Raten verbessern, besonders wenn sie strategisch in Vertriebs-, Marketing- und Kundenservice-Bemühungen eingesetzt werden. **Was unterscheidet eingebettete Formulare von anderen Arten von Formularen?** Eingebettete Formulare integrieren sich nahtlos in das Layout einer Website und verbessern das Benutzererlebnis, indem sie direkte Nutzerinteraktionen ermöglichen, ohne dass man die aktuelle Seite verlassen muss. **Was ist ein eingebettetes Formular?** Ein eingebettetes Formular ist ein Formular, das direkt in eine Webseite integriert ist, sodass Nutzer damit interagieren können, ohne die Seite zu verlassen, und so das Benutzererlebnis verbessert wird. **Wie fügt man ein Formular zu einer Website hinzu?** Um ein Formular zu einer Website hinzuzufügen, erstellen Sie das Formular normalerweise mit einem Formular-Builder, generieren einen Einbettungscode und fügen diesen Code dann in das HTML Ihrer Website ein. ### Registrieren Sie sich jetzt und holen Sie sich Ihren für immer kostenlosen interaktiven Formular-Builder Probieren Sie EmbedForms aus und betten Sie in Sekunden ansprechende Web-Formulare auf Ihrer Website ein. Kostenlos starten → Für immer kostenlos · Einfache Einrichtung ![EmbedForms-Widget](https://embedsocial.com/wp-content/uploads/2021/11/forms-builder-cta.jpg)