Ob Feedback, Anfragen oder Bestellungen - ein Kontaktformular bietet den Kunden und Interessenten einer Website die Möglichkeit, schnell und einfach mit einem Unternehmen in Kontakt zu treten. Die Idee dahinter ist denkbar simpel: Je unkomplizierter mögliche Interessenten Antworten auf ihre Fragen erhalten, desto eher werden sie auch zu Kunden konvertieren. Doch die Konversationsrate ist häufig stark abhängig von der Art und Weise wie ein Kontaktformular aufgebaut ist. Doch keine Panik auf der Titanic: Im Folgenden verraten wir Dir 11 wichtige Tipps, die es bei der Erstellung eines Online-Formulars zu beachten gilt.

Es gibt nicht die Farbe für den Call to Action, auch wenn sowohl Rot wie auch Grün hoch gehandelt werden. Diese Studie von HubSpot besagt klar, wichtig ist vor allem der Kontrast: Ihre Button-Farbe sollte sich klar vom üblichen Design abheben, wenn möglich sogar nur im Call to Action vorkommen. Komplementärfarben erreichen am meisten Aufmerksamkeit, sind aber für die Ästhetik ein Risiko.

Der Einsatz von Placeholdern als Beschriftung der Felder ist wenig sinnvoll, da spätestens nach dem Ausfüllen die Bezeichnung für den Kunden nicht mehr zu sehen ist. Zusätzlich wird das Auge Ihrer Besucher optisch bereits ausgefüllte Felder eher ignoriert als Leere. Nutze die Placeholder lieber für Hinweise oder zur Darstellung eines Beispiels.

Gerade bei B2B-Formularen kann es vor kommen, dass Sie einen komplizierteren Sachverhalt erfragen möchten. Um sicherzugehen, dass Sie die gewünschten Informationen erhalten, gib dem Feld die nötige Erklärung mit.

Ein Informationsfenster öffnet sich, sobald der Besucher mit dem Cursor über das (i) fährt.

Möchten Sie Ihren Kunden eine Auswahl an Antworten vorgeben, bieten sich laut dieser Studie von Marketing Experiments Radio-Buttons eher an, denn gegenüber einem Drop-Down Menü verbesserte sich die Conversion-Rate mit ihnen um 15%. Falls Sie sehr viele Auswahlmöglichkeiten anbieten, wählen Sie eine automatische Vervollständigungsfunktion, welche dem Besucher nach den ersten Buchstaben die verbleibende Auswahl als Drop-Down Menü anzeigt.

Falls Sie doch einmal mehr erfragen möchten, sollten Sie das lange Formular in zwei oder drei Schritte unterteilen. So verhindern Sie, dass der Kunde vom Umfang abgeschreckt wird. Zusätzlich ist es wahrscheinlich, dass ein Besucher, welcher den Schritt bereits abgeschlossen hat, nicht mehr abbricht. 

Sie haben sich für die Anzahl der Felder und ein passendes Design entschieden. Aber was jetzt? Mit dem richtigen Programm lassen sich Formulare ohne technische Vorkenntnisse erstellen und direkt in Ihr Content Management System integrieren. Wir nutzen für unseren Blog beispielsweise den Universal Messenger. Im folgenden Abschnitt erfahren Sie anhand einer Schritt-für-Schritt-Anleitung, wie einfach das Erstellen eines Formulares wirklich sein kann:

Als Erstes wird ein neues Kontaktformular angelegt. Die Übersicht zeigt Ihnen Formulare und Sie sehen auf einen Blick, welche davon aktiv sind.

Das Kontakt Add-On im Universal Messenger listet all Ihre erstellten Formulare auf. Wird eines nicht mehr benötigt, können Sie es deaktivieren und bei einer Wiederverwendung mit einem Klick reaktivieren.

Im Wizard können Sie dann Ihr Formular mit den gewünschten Feldern bestücken. Eine Auswahl an individuell vordefinierten Feldern beschleunigt diesen Schritt; durch intuitives Drag&Drop kann die Reihenfolge festgelegt werden und bei Bedarf können den Feldern Zusatzinformationen mitgegeben werden.

Wenn es eine festgelegte Zahl an Antwortmöglichkeiten gibt, können diese sowohl als Radiobuttons, Checkbox oder als Drop-Down Menü dargestellt werden.

Für vorgegebene Antworten stehen Ihnen alle Möglichkeiten der Darstellung (Radio Buttons, Checkbox, Drop-Down Menü) zur Verfügung und Sie können beliebig viele Antwort-Optionen hinzufügen.

In einem zweiten Schritt definieren wir, was bei einer Conversion passiert: Zum einen legen wir fest, welcher Text nach dem Absenden erscheint, aber auch welche E-Mail an den Besucher oder den internen Bearbeiter geschickt wird. Diese Mailingvorlagen können direkt im CMS erstellt und im Universal Messenger gespeichert werden.

Der interne Bearbeiter erhält bei einer Conversion alle Informationen, welche er oder sie zur Bearbeitung der Anfrage benötigt vom Universal Messenger geliefert.

Der definierte Bearbeiter erhält eine E-Mail, sobald ein Besucher das Formular ausgefüllt hat. Die Nachricht enthält dabei die vom Besucher eingetragenen Informationen, so dass der Empfänger die Anfrage umgehend bearbeiten kann.

Die Schritte und das Design können mit der Vorschau überprüft werden. Ist man mit der Resultat zufrieden, gilt es, das Formular auf der Website zu integrieren. Und das funktioniert spielend leicht: Der Universal Messenger erstellt ein JavaScript-Snippet, das man kopieren und in das Formular-Element einfügen kann. Der Code erzeugt beim nächsten Seitenaufruf das gewünschte Formular.

Formulare sind im B2B extrem wichtig, da sie die Grundlage für Kontakte bilden, welche sich in Abschlüsse verwandeln lassen. Gerade deswegen lohnt es sich, genau zu überlegen, was und wieviel Sie von Ihren Besucher erfragen möchten und können. Haben Sie dies erst einmal definiert, ist das Anlegen und Einpflegen eines passenden Formulars mit dem richtigen Programm spielend leicht.