Kontaktformulare erstellen

In folgendem zeigen wir Ihnen, wie Sie ein Kontaktformular erstellen können.

Kontaktformulare dienen dazu, dass Besucher Ihres Shops mit Ihnen in Kontakt treten können. Dazu können Sie die Felder, die der Besucher ausfüllen muss, von Ihnen angepasst werden.

Wenn der Besucher dann auf "Absenden" klickt, dann erhalten Sie seine Anfrage an eine E-Mail, die Sie selbst wählen können. Somit haben Sie die Möglichkeit für verschiedene Kontaktformulare eigene E-Mails anzulegen oder diese direkt an die zuständigen Mitarbeiter zu schicken.

Beachten Sie bitte, dass wir Ihnen hier nur erklären, wie das Kontaktformular-Modul funktioniert.

Dies setzt voraus, dass Sie eine Seite erstellt haben, auf der der Inhalt angezeigt werden kann. Wie Sie dies tun zeigen wir Ihnen hier.

Außerdem wird vorausgesetzt, dass Sie bereits in dem Fenster zur Erstellung eines Inhalts angekommen sind. Wie Sie dorthin kommen und wie Sie allgemein einen Inhalt erstellen, sehen Sie hier.

Schritt 1: Auswählen der Inhaltsart "Kontaktformulare"

Wählen Sie zuerst bei der Erstellung eines Inhalts den Inhaltstyp "Kontaktformulare" aus.

Schon sollte sich ein neues Fenster mit der Überschrift "Neues Kontaktformular anlegen" öffnen.

Dort können Sie dann zuerst die allgemeinen Einstellungen und danach die Felder zum Ausfüllen pflegen.

Schritt 2: Beschreibung wählen

Wählen Sie anfangs eine Beschreibung. Diese dient nur der Übersichtlichkeit und wird nicht auf Ihrer Webseite angezeigt.

In unserem Beispiel erstellen wir ein typisches Bewerbungsformular, über das sich Ihre Bewerber direkt mit Ihnen in Kontakt treten können. Deswegen nennen wir dieses Formular der Einfachheit halber "Bewerbungsformular".

Schritt 3: Absender und Betreff festlegen

Nun legen Sie einen Absender fest.

Als Absender-Name bietet es sich an, die Beschreibung bzw. den Namen des Kontaktformulars zu benutzen. Dieser Name wird dann in der E-Mail angezeigt, welche generiert und gesendet wird, sobald ein Besucher dort auf "Absenden" klickt.

Generell ist der Name aber frei wählbar und dient nur der Übersichtlichkeit der Anfragen.

Als Absender-E-Mail wählen Sie einfach die E-Mail Ihrer Webseite bzw. Ihres Webshops. Diese beginnt typischerweise mit "info@...".

Danach legen Sie einen Betreff fest, indem Sie diesen in das dazugehörige Feld eintragen. Dieser kann frei gewählt werden und dient auch nur der Zuordnung der E-Mail.

In unserem Beispiel wählen wir als Name somit "Bewerbungsformular", als E-Mail "info@cronusgolf.de" und als Betreff "Neue Bewerbung".

Schritt 4: Empfänger wählen und Speichern

Daraufhin entscheiden Sie sich noch für einen Empfänger.

Sie können hier sowohl einen Empfänger-Namen als auch eine Empfänger-E-Mail pflegen.

Als Name können Sie den Namen des zuständigen Mitarbeiters, ein Kürzel oder gleich den Namen der zuständigen Abteilung festlegen.

Als E-Mail können Sie eine beliebige E-Mail-Adresse wählen. An diese wird die Anfrage dann geschickt, sobald der Besucher auf Absenden klickt.

In unserem Beispiel wählen wir als Name "Human Resources" und als E-Mail "humanresources@cronusgolf.de".

Nachdem Sie sich für den Empfänger entschieden haben, speichern Sie Ihre Einstellungen, damit sich die weiteren Optionen zum Pflegen der Kontakt-Felder erscheinen.

Schritt 5: reCaptcha aktivieren

Sie haben auch durch Setzen des Hakens in dem Feld "reCaptcha aktivieren" die Möglichkeit eine reCaptcha-Prüfung durchzuführen, bevor der Benutzer eine Anfrage senden kann.

ReCaptcha ist ein Captcha-Dienst, der unterscheidet, ob bestimmte Aktionen auf Ihrer Seite von einem Menschen oder einem Computer (Bot) ausgeführt werden.

Dies ist vor allem bei solchen Kontaktformularen sinnvoll, da somit keiner durch ein Programm Ihr E-Mail-Postfach mit generierten Mails bzw. Anfragen fluten kann.

Wenn Sie diese Funktion aktivieren, wird generell im Hintergrund geprüft, ob dieser Besucher ein Mensch ist.

Sollten Sie eine andere Captcha-Methode wünschen, wenden Sie sich gerne an uns.

Damit diese Funktion überhaupt aktiviert werden kann, muss ein API-Schlüssel an der Webseite hinterlegt sein, was bei unserem Demo-Shop nicht der Fall ist. Bei Ihrem Shop sollte dies natürlich hinterlegt sein.

Schritt 6: Formularfelder erstellen

Nach dem Speichern sollte sich unter den allgemeinen Einstellungen ein Menü mit der Überschrift "Formularfelder verwalten" erscheinen.

Dort können Sie neue Felder erstellen oder bestehende Felder bearbeiten.

Ein neues Feld erstellen Sie, indem Sie auf das "Plus" mit dem danebenliegenden Schriftzug "Neu" klicken.

Durch Doppelklick auf ein bestehendes Feld haben Sie die Möglichkeit dieses zu bearbeiten.

In beiden Fällen öffnet sich ein Fenster, in welchem Sie die Einstellungen zu dem Kontaktfeld wählen können.

Schritt 7: Feld-Typ festlegen

Legen sie dort den Feld-Typ fest.

Diesen wählen Sie durch Klicken auf das Drop-Down mit dem Namen "Typ".

Dort haben Sie einige Optionen, welche wir Ihnen in folgender Liste erklären:
  • Textfelder sind ganz normale Felder, in die der Benutzer einen kurzen Text eingeben kann.
  • Fließtextfelder verhalten sich wie Textfelder. Der einzige Unterschied ist, dass Benutzer dort einen langen Text eingeben können.
  • Ja/Nein-Felder sind Felder, in denen der Besucher einen Haken setzen muss. Typischerweise werden diese benutzt, um sich bestätigen zu lassen, dass der Benutzer die AGB oder Nutzungsbedingungen gelesen hat und akzeptiert.
  • Bei Optionsfeldern kann der Benutzer eine Option aus einem Drop-Down wählen. Hierbei geben Sie die verschiedenen Optionen getrennt mit Strichpunkten in das Feld "Optionswerte" ein. Solche Felder werden typischerweise für die Anrede verwendet.
  • Mit dem Feld "Überschriften" haben Sie die Möglichkeit einen Überschrift zu pflegen, welche dem Besucher dann angezeigt wird. Dieser kann hier nichts eingeben.
  • "Leerzeile" fügt einfach eine Leerzeile ein. Hier kann nichts eingegeben werden und dadurch kann man das Kontaktformular schöner und übersichtlicher gestalten.
  • Bei "Titel Kollektion" würde der Name der Kollektionen angezeigt werden, wenn SIe dieses Kontaktformular einer Kollektion zuweisen.
  • Mit einem Datei-Feld kann der Besucher Dateien zu seinem Anliegen hochladen.

In unserem Beispiel erstellen wir ein Textfeld, weswegen wir auch diesen Feld-Typ wählen.

Schritt 8: Code und Beschriftung wählen

Als nächstes legen Sie den Code und die Beschriftung des Feldes fest.

Der Feld-Code dient nur der Übersichtlichkeit und wird nicht auf der Webseite angezeigt. Außerdem darf der Code keine Leerzeichen, Umlaute oder Sonderzeichen enthalten.

Die Beschriftung wird dann auf der Webseite direkt vor dem Feld angezeigt. Dadurch wird dem Benutzer gezeigt, was er in das jeweilige Feld eintragen soll.

Sie können durch Setzen eines Hakens bei "Beschriftung im Feld" einstellen, dass die Beschriftung nicht neben, sondern in dem Feld direkt angezeigt wird.

In unserem Beispiel erstellen wir ein Feld, in welchem der Besucher seine E-Mail-Adresse für mögliche Rückfragen eintragen kann. Deswegen wählen wir als Code "e-mail" und als Beschriftung "Ihre E-Mail-Adresse:".

Schritt 9: Pflichtfelder erstellen und Optionswerte wählen

Sie haben darüber hinaus die Option ein Feld als "Pflichtfeld" zu markieren. Dadurch muss der Besucher dieses ausfüllen bzw. eine Auswahl treffen, um sein Anliegen absenden zu können.

Dies funktioniert durch Setzen des Hakens bei "Pflichtfeld".

Optionswerte brauchen Sie nur für den Feld-Typ "Optionsfeld" wählen. Geben Sie dort die Optionen ein, aus welchen der Besucher in einem Drop-Down auswählen kann. Trennen Sie bei der Eingabe die verschiedenen Optionen durch Strichpunkte.

In dem Beispiel dazu haben wir ein Feld für die Anrede erstellt, welches die Optionen "Herr", "Frau" und "Keine Angabe" haben soll. Deswegen wählen wir als Optionswerte "Herr; Frau; Keine Angabe".

Somit können Sie verschiedene Formularfelder erstellen und dadurch ein perfekt angepasstes Kontaktformular erstellen.

In den Bildern zeigen wir Ihnen noch, wie ein fertiges Bewerbungsformular aussehen kann und wie dieses auf der Webseite angezeigt wird.