Online Formulare erstellen: Ein Leitfaden für umwerfende Kontakt- und Anmeldeformulare

10 Min.
Aktualisiert:

Zu jeder guten Website gehört auch mindestens ein Online Formular, bei dem die Besuchenden Registrierungen abschließen oder mit den Inhabenden der Seite in Kontakt treten können.

Willst du deine E-Mail Liste erweitern, mehr Umsatz generieren, mit deinen Kontakten in Verbindung bleiben oder ihr Feedback einholen, dann sind Formulare unerlässlich. Und auch zur Lead- und Follower-Generierung und zu Marktforschungszwecken empfiehlt es sich, interaktive Formulare zu erstellen.

Doch wo fängst du am besten an? Welche Online Formular Baukästen sind zu empfehlen und was braucht es, damit deine Online Formulare den gewünschten Effekt erzielen? Antworten auf diese Fragen gebe ich dir in diesem Artikel.

Must-Have Elemente für Custom Forms

Wenn du ein einzigartiges, anregendes Online Formular gestalten willst, solltest du Wert auf die folgenden Elemente legen:

  • Pflicht-Felder: Welche Informationen deiner Kund:Innen sind für die Ausfüllung des Formulars unerlässlich? Egal, um was für ein Formular es sich handelt, in der Regel sind die E-Mail-Adresse und der Name der Kontakte die Felder, die du als obligatorisch einstellen solltest. Du kannst natürlich auch die Angabe weiterer Informationen zur Pflicht machen. Übertreibe es aber nicht! Das kann sonst abschreckend auf Interessierte wirken.
  • Zusätzliche Eingabefelder: Dann füge unbedingt auch Felder hinzu, bei denen die Angabe der Daten freiwillig ist. Umso mehr Informationen du über deine Zielgruppe sammelst, desto besser. So kannst du sie später segmentieren und deine Marketingmessages personalisieren.
  • Format & Platzierung des Formulars: Mache dir Gedanken darüber, was für ein Formular zu erstellen willst. Soll es ein Vollbild-Formular sein? Ein Pop-Up? Oder in der Seiten- bzw. Randleiste deiner Website bzw. einzelner Landing Pages eingebettet sein? Willst du das Formular vielleicht eher in einen Newsletter einbinden? Diese Entscheidung solltest du vorher treffen.
  • deutlicher Call-To-Action Button: Um mit dem Online Formular zu erreichen, was du vorhast, sollte es einen CTA Button geben, der verdeutlicht, was passiert, wenn Leute auf ihn klicken und der die gewünschte Aktion abschließt.
  • klarer Text: Mache in einer prägnanten und aussagekräftigen Text Copy klar, was der Zweck des Formulars ist.
  • Ein Design, das mit deinen Brand-Farben und -Layout übereinstimmt: Dein Anmelde- oder Kontaktformular sollte zwar deutlich erkennbar sein, jedoch auch zum Image deiner Brand, zu deiner Website oder dem Design deines Newsletters passen. Schriften und Farbgebung sollten erkennbar machen, dass das Formular von dir kommt.
  • Einwilligung in die AGB oder DSGVO: Gerade bei Opt-In Formularen zur Registrierung für etwas ist es wichtig, datenschutzgerecht zu agieren. Mit einem kleinen Kästchen, bei dem die Abonnierenden bestätigen, dass du ihre Informationen vertraulich behandelst, hast du dich bereits abgesichert.
  • Optimierung für Mobilgeräte: Last but not least… Die meisten Internet-Nutzenden werden dein Formular mit ihrem Handy oder Tablet aufrufen. Deshalb ist es wichtig, auf Nummer Sicher zu gehen, dass das Formular auch für mobile Endgeräte funktioniert.

Formulare erstellen im GetResponse Form Builder

Jetzt weißt du bereits, worauf es bei Online Formularen ankommt, aber hast noch nicht gelernt, wie genau du jetzt ein Formular erstellst. Zum Glück gibt es Online Form Builder wie den von GetResponse, die die Erstellung kinderleicht machen.

Im Folgenden zeige ich dir, wie unser Formular Builder für verschiedene Arten von Forms funktioniert:

  1. Logge dich bei GetRespone ein & gehe auf Tools > Formulare und Popups oder direkt auf Formular erstellen in den Schnellaktionen, um in unserem alten Form Builder zu arbeiten.
  2. Bei der Popups und Formular Funktion, entscheide, ob du ein Pop-Up Formular oder ein Formular eingebettet in deine Website erstellen willst. Pop-Up Formulare eignen sich vor allem für zeitbegrenzte Aktionen und Anmeldungen. Bei den Pop-Ups hast du allerdings ebenfalls Zugriff auf Leisten-Formulare, die am oberen oder unteren Rand deiner Webseite erscheinen können, z.B. als Popups für Newsletteranmeldungen.
  3. Jetzt bist du bei den Formular Vorlagen angelangt. Hier kannst du die Templates nach Zweck deines Formulars sortieren und die Vorlage wählen, die dir am besten gefällt oder nur ein Layout bzw. Grundgerüst für dein Formular auswählen (in den leeren Vorlagen) und dies nach deinen Wünschen ganz selbst gestalten.
  4. Hast du dich entschieden, nutze den Editor, um Anpassungen vorzunehmen. Du kannst den CTA & den Link bearbeiten, zu dem er führt. Schriften und Farben festlegen und auch die Größe, Bilder usw. deines Formulars anpassen. Vor dem Speichern, vergiss nicht, dein Formular in der Vorschau anzusehen, um zu überprüfen, ob es für Mobil- und Desktop-Geräte optimiert ist.
  5. Bist du fertig mit der Bearbeitung, dann kopiere den HTML-Code, der dir angezeigt wird und pflege ihn in deine Seite bzw. dein CMS ein. Alternativ kannst du auch einfach die URL deiner Website oder der Pages eingeben, auf denen du das Formular angezeigt haben möchtest.
  6. Bei Pop-Up Formularen legst du selbstverständlich noch fest, wobei bzw. wann das Pop-Up erscheinen soll (z.B. bevor Nutzende die Seite verlassen oder 30 Sekunden nachdem sie auf die Seite gelangt sind).

Kontaktformular erstellen

Ein Kontaktformular findet man in der Regel fest eingebunden auf der eigenen “Kontakt”-Seite einer Webpage oder auch auf der “Über Uns”-Seite. Felder, die hier unabdingbar sind, sind: Die E-Mail-Adresse des Absenders, damit du den jeweiligen Menschen auch antworten kannst; ein Feld für die eigentliche Nachricht und ein Namensfeld, damit du die Kommunikation persönlicher gestalten kannst.

Kontaktformular Vorlage aus dem Form Builder von GetResponse

Diese Vorlage für ein Kontaktformular findest du im Form Builder von GetResponse.

Anmeldeformular für Newsletter erstellen

Bei der Gestaltung eines Newsletter-Anmeldeformulars kannst du deiner Kreativität freien Lauf lassen. Es bietet sich sowohl als Seiten- oder Randleiste auf deiner Webseite an als auch als Pop-Up, Slide-In oder festes Formular.

Ich empfehle dir neben den obligatorischen Feldern für den Namen und die E-Mail-Adresse noch Felder für freiwillige Angaben wie Geschlecht, Geburtstag oder Wohnort einzubinden, wenn du ein größeres Formular erstellst, damit du deine Kontaktliste am bestmöglichen segmentieren kannst.

Newsletter Anmeldeformular Vorlage für eine Formularleiste

Bindest du dein Newsletter-Anmeldeformular als Randleiste in deine Webseite ein, reicht natürlich auch nur ein obligatorisches Feld für die Mail-Adresse der Empfänger:Innen.

Newsletteranmeldeformular Vorlage aus dem GetResponse Form Builder

Diese Vorlage für ein Newsletter Registrierungsformular findest du im Form Builder von GetResponse.

Registrierungsformular für Webinare oder Kurse erstellen

Wenn du ein Registrierungs- bzw. Anmeldeformular für eine Online Veranstaltung erstellst, dann reicht in der Regel ebenfalls jeweils ein obligatorisches Feld für die E-Mail Adresse der Interessierten und den Namen. Sobald diese Menschen sich dann registriert haben, verschickst du eine Mail mit dem Link zum Event.

Das funktioniert auch für Offline-Events. Hier musst du in der automatisierten Anschlussmail für die Registrierung den Online-Link nur für eine Einladung oder weitere Informationen zur Registrierung austauschen.

Anmeldeformular für eine Web-Konferenz

Diese Vorlage für ein Registrierungsformular findest du im Form Builder von GetResponse.

Pop-Up Formular erstellen

Ein Pop-Up Formular für verschiedene Zwecke kann ebenfalls in vielen diversen Formaten erstellt werden. Du kannst es als Slide-In, Leiste, Box oder Vollbild-Pop-Up erstellen. Wichtig ist hierbei, den richtigen Auslöser und Zeitpunkt fürs Aufploppen des Fensters auszuwählen, z.B:

  • nach X Sekunden nach Öffnen der Seite
  • Nach dem Scrollen bei X% der Seite
  • Beim Verlassen der Seite
  • Bei Inaktivität

Außerdem solltest du auch die Frequenz des Pop-Ups mit Bedacht auswählen, z.B.:

  • ein Start- und Enddatum für das Pop-Up festlegen
  • Es immer anzeigen
  • Alle X Tage erneut anzeigen
  • Besucher:Innen immer wiederholt erneut anzeigen, wenn sie wieder auf der Seite sind
  • Das Pop-Up Fenster Personen nicht mehr anzeigen, wenn sie das Pop-Up geschlossen haben
  • Das Pop-Up Fenster Personen nicht mehr anzeigen, wenn sie sich bereits angemeldet bzw. auf den Button geklickt haben
  • Sie das Pop-Up bereits X-Mal angesehen haben

Rabattformular Vorlage, die du in GetResponse erstellen kannst
Rabattformular Vorlage, die du in GetResponse erstellen kannst

Diese Vorlage für ein Pop-Up Formular findest du im Form Builder von GetResponse.

Die Dankesseite

Du kannst dir überlegen, ob du für dein Formular auch eine Dankesseite erstellen willst, die erscheint, wenn Menschen sich in das Formular eingetragen haben. Vor allem bei Anmeldungen oder Kontaktversuchen ist das sinnvoll, um den User:Innen zu bestätigen, dass ihr Eintrag erfolgreich war.

Statt einer Dankesseite kannst du im GetResponse Editor aber auch auswählen, was passiert, wenn das Formular erfolgreich ausgefüllt wurde. Es kann einfach verschwinden oder eine Dankesnachricht erscheinen oder sie könnten an eine neue Seite weitergeleitet werden.

Formular Baukasten: Andere Anbieter

Natürlich ist GetResponse lange nicht der einzige Anbieter auf dem Markt, wenn es um die Erstellung von Online-Formularen geht. Es gibt viele kostenpflichtige und kostenlose Form Builder, die es auszuprobieren gilt.

Hier sind 3 davon:

WIX

WIX ist einer der beliebtesten deutschen Homepage Baukästen und natürlich verfügen auch sie über eine Online Formular Funktion.

Das Besondere an den Formularen von WIX ist, dass du nicht nur Anmelde- und Kontaktformulare erstellen kannst, sondern auch Zahlungsformulare oder ein Formular für eine elektronische Unterschrift.

Aidaform

Aidaform ist ein Portal exklusiv zur Formular-Erstellung. Da sie sich auf das Gebiet der Online Formulare spezialisiert haben, findest du eine riesige Menge an Vorlagen, darunter auch Vorlagen für Quizzes, HR Vorgänge und Bewerbungen.

Brevo/Sendinblue

Brevo (ehemals Sendinblue) ist ähnlich wie GetResponse eine All-in-One Newsletter Marketing Plattform, vor allem für E-Mail Marketing und Automation. Es gibt allerdings keine fertigen Templates. Das heißt, du musst dein Formular per Drag and Drop selbst erstellen und kannst dieses dann im Anschluss als Vorlage speichern.

Der Vorteil des Formular Baukastens von GetResponse ist, dass du ihn vollkommen kostenlos nutzen kannst und du keine Coding-Kenntnisse brauchst, um wirklich schöne Forms zu erstellen.

Datenschutz & Online Formulare: dsgvo-konforme Formulare

Besonders wichtig ist es, sich an die Datenschutz-Bestimmungen zu halten, wenn du mit Online Formularen arbeitest. Wir haben einen umfassenden Guide zu allen offenen DSGVO-Fragen und Online Formularen verfasst, doch hier ist das Wichtigste in Kürze, das du beachten solltest:

  • Erhebe nur erforderliche Daten
  • Achte auf eine sichere Datenverschlüsselung per SSL-Zertifikat
  • Informiere deine Kontakte über die Datenverarbeitung (wenn möglich auch im Formular, in dem sie die AGB bzw. DSGVO akzeptieren)
  • Lösche die Daten, wenn du sie nicht mehr brauchst
  • Hole in jedem Fall die Einwilligung deiner Kontakte ein!
  • Informiere Besuchende über ihre Widerspruchsrecht

Anmerkung: Für Pop-Ups gibt es bestimmte Blocker, die viele Nutzer:Innen aktiviert haben, sodass ihnen das Formular gar nicht erst angezeigt wird. Das bedeutet jedoch nicht, dass Pop-Up Fenster weniger effektiv bei der Leadgenerierung sind.

Abschließend: Häufig gestellte Fragen zum Thema Online Formulare erstellen

Nun bist du mit allem ausgestattet, was für die Erstellung von Online Formularen wichtig sein könnte. Zum Abschluss beantworten wir noch einige Fragen, die vielen Lesenden auf der Seele brennen.

Welches Programm für Formularerstellung?

Willst du ein Online Formular erstellen und die Performance tracken, dann eignet sich vor allem eine Marketingplattform mit verschiedenen Funktionen wie Sendinblue, Hubspot oder GetResponse. Willst du die Performance nicht überwachen, dann reicht auch ein kostenloser Online Formular Baukasten wie Aidaform oder Jotform.

Wie erstelle ich ein Online Formular in Word?

Gehe zu Datei, suche nach Formulare. So kommst du zu den Formular Vorlagen in Word. Hast du eine Vorlage gewählt, stellst du die Details deines Formulars ein, klickst im Anschluss auf Erstellen oder Herunterladen. Ein Online Formular für deine Website lässt sich in Word allerdings nicht erstellen.

Was gehört auf ein Anmeldeformular?

Zu einem Anmeldeformular gehört erst einmal ein ansprechendes, mobiloptimiertes und markenreflektierendes Design. Dann dürfen natürlich die benötigten Felder für Kundendaten nicht fehlen, also E-Mail Adresse und alle anderen Infos, die man angeben kann oder soll. Ein Feld zum Akzeptieren der AGB bzw. der Informationen zur Datenverarbeitung hilft dem Formular-Ersteller, sich rechtlich abzusichern. Zu guter letzt braucht es einen CTA Button, der die Anmeldung abschließt.

Wie erstellt man ein Formular zum Ausfüllen?

Ein Formular zum Ausfüllen für eine Webseite erstellt man entweder mit einer Software, die per Vorlagen und Drag and Drop Editor funktioniert oder man baut einen eigenen HTML Code, den man in den Code seiner Webseite einfügt. PDF Formulare hingegen kann man ganz einfach in Word erstellen.

Bereit, dein erstes eigenes Online Formular zu bauen? Probiere es gratis aus mit dem GetResponse Form Builder!


Lisa Kubatzki
Lisa Kubatzki
Lisa ist Senior SEO Content Managerin für die D-A-CH Region bei GetResponse und leitet unter anderem den deutschen Blog. Ihre berufliche Laufbahn führte sie bereits durch die Felder des Influencer Marketing, Affiliate Marketing, und Social Media, doch für SEO schlägt ihr Herz wirklich. Mit ihrer berufliche Expertise in Bereichen wie Marketingstrategie, E-Mail Marketing und SEO veröffentlicht sie regelmäßig Artikel im Bereich Marketing in verschiedensten Media Outlets wie OMR, OMT oder WLW. Besonders liebt sie es, neue Trends zu erforschen und Marketing im Kontext mit gesellschaftlichen Themen zu betrachten. Lisa erreichst du ganz einfach über ihr LinkedIn Profil.