We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
Wie können wir Ihnen helfen?
Durchsuchen Sie unsere Hilfe-Artikel, Video-Tutorials und Schnellstart-Anleitungen

Sie haben es. Sie haben uns. Durchsuchen Sie unsere Wissensdatenbank für eine schnelle Antwort auf Ihre Fragen zum E-Mail-Marketing.

Erstellung eines Kontaktformulars mit den Constant Contact Formularen für das WordPress Plugin

Article: 000030848
Updated: 22. Dezember 2023

Ermöglichen, dass Ihre Website-Besucher Fragen stellen oder ein Feedback auf einem Kontaktformular geben und eine E-Mail erhalten, sobald das Formular eingereicht wird

Nach der Installation des Constant Contact Formular-Plugin für WordPress und der Synchronisierung Ihrer Kontaktlisten können Sie ein Anmeldeformular erstellen, um neue Anmeldungen für Ihre Liste von Besuchern, die Ihre Website betrachten, zu erfassen

 
GlühlampensymbolWussten Sie schon? Wenn Sie Hilfe benötigen, besuchen Sie bitte unser Constant Contact Forms Plugin Support Forum.
 

Ein neues Formular erstellen

  1. In Ihrem WordPress-Dashboard klicken Sie auf Contact Form (Kontaktformular) > Add New Form (Neues Formular hinzufügen).
  2. Geben Sie Ihrem Formular einen Namen. Sie können entscheiden, ob der Formularname sichtbar sein soll, wenn Sie ihn zu einem Beitrag oder einer Seite hinzufügen.

    WordPress-Dashboard mit aufgeklapptem Menü Constant Contact Form und ausgewählter Option Add Form, Seite Add New Form (Neues Formular hinzufügen) und Feld Form Name (Formularname)
     
 

Die Beschreibung des Formulars eingeben

Bitten Sie Ihre Website-Besucher um Fragen oder Feedback. Dies ist ein guter Ort, um eine Bearbeitungszeit für Antworten bereitzustellen oder um zu erklären, was Sie mit dem Feedback machen. Wenn Sie zu Ihrer Mailing-Liste Befragte hinzufügen möchten, können Sie dies auch hier deutlich machen!

  1. Erweitern Sie den Abschnitt Form Description (Formularbeschreibung).

    WordPress-Dashboard mit aufgeklapptem Menü Constant Contact Form und ausgewählter Option Add Form, Seite Add New Form (Neues Formular hinzufügen) und Abschnitt Form Description (Formularbeschreibung) eingeklappt mit Dropdown-Menü-Symbol
     
  2. Geben Sie eine Beschreibung für Ihr Formular ein und verwenden Sie den Editor, um es zu gestalten.

    WordPress-Dashboard mit aufgeklapptem Menü Constant Contact Form und ausgewählter Option Add Form (Formular hinzufügen), Seite Add New Form (Neues Formular hinzufügen) und Abschnitt Form Description (Formularbeschreibung) ausgeklappt mit Dropdown-Menü-Symbol Texteditor und Textbeschreibung
     
 

Wählen Sie eine Kontaktliste

Wenn Sie die Personen, die Ihr Formular abschicken, zu Ihrer Mailingliste hinzufügen möchten, können Sie eine Liste aus Ihrem Constant Contact-Konto auswählen, zu der Sie sie hinzufügen möchten.

  1. Erweitern Sie den Abschnitt Constant Contact List (Constant Contact-Liste).

    WordPress-Dashboard mit aufgeklapptem Menü Constant Contact Form und ausgewählter Option Add Form, Seite Add New Form (Neues Formular hinzufügen) und Abschnitt Constant Contact List (Constant Contact-Liste) eingeklappt mit Dropdown-Menü-Symbol
     
  2. Wählen Sie die Liste oder Listen aus, denen Sie diejenigen hinzufügen möchten, die Ihr Contact Us-Formular ausfüllen. Wenn Sie mehr als eine Liste auswählen, können Ihre Website-Besucher wählen, an welchen Listen sie teilnehmen möchten.

    WordPress-Dashboard mit aufgeklapptem Menü Constant Contact Form (Constant Contact-Formular) und aufgeklappter Option Constant Contact List (Constant Contact-Liste) mit angezeigten Listenoptionen
 
GlühlampensymbolDesign-Tipp: Um Ihren neuesten Kontakten ein optimales Erlebnis zu bieten, wenn ihr Engagement am größten ist, sollten Sie einen Willkommenspfad für die von Ihnen ausgewählte Liste einrichten! Sie können Ihre neuen Kontakte mit einer einfachen Willkommens-E-Mail begrüßen oder eine Serie von mehreren E-Mails erstellen, die nach und nach verschickt werden.
 

Optionen für das Formular einrichten

Zu den Formularoptionen gehören der Text Ihrer Schaltfläche und die Erfolgsmeldung für das Absenden Ihres Formulars, eine Weiterleitungs-URL, eine Spam-Fehlermeldung und die E-Mail-Anmeldung.

  1. Erweitern Sie den Abschnitt Form Options (Formularoptionen).

    WordPress-Dashboard mit aufgeklapptem Menü Constant Contact Form und ausgewählter Option Add Form, Seite Add New Form (Neues Formular hinzufügen) und Abschnitt Form Options (Formularoption) eingeklappt mit Dropdown-Menü-Symbol
     
  2. Passen Sie den Text der Schaltfläche an, um Ihr Formular abzuschicken.
  3. Personalisieren Sie die Nachricht, die Ihre Besucher sehen, wenn sie das Formular erfolgreich einreichen.
  4. Wenn Sie Ihre Neuanmeldungen an eine bestimmte Webseite senden möchten, nachdem sie das Formular eingereicht haben, fügen Sie einen URL in das Feld ein. Die besten Ergebnisse erzielen Sie, wenn Sie auf eine Seite innerhalb Ihrer WordPress-Website verlinken. Wenn Sie möchten, dass diejenigen, die Kommentare abgeben, auf eine Seite außerhalb Ihrer WordPress-Website weitergeleitet werden.
  5. Geben Sie eine Meldung ein, die angezeigt werden soll, wenn das reCaptcha-System die eingegebene E-Mail-Adresse nicht akzeptiert. Dies könnte durch eine Bot-Anmeldung oder durch einen einfachen Tippfehler in der E-Mail-Adresse ausgelöst werden.
    Beispiel: Ups! Die eingegebene E-Mail-Adresse sieht nicht ganz richtig aus.
  6. Kreuzen Sie das Feld an, um Ihre Neuanmeldungen zu einer Bestätigung aufzufordern, dass sie Ihrer Liste beitreten möchten. Diese Option wird nur angezeigt, wenn Sie eine Constant Contact Liste auswählen. Wenn das Feld bei der Einreichung des Formulars nicht angekreuzt ist, ist der Einreicher nicht zu Ihrer Kontaktliste hinzugefügt, aber Sie können dennoch eine E-Mail mit seinem Feedback oder seiner Frage erhalten.

    WordPress-Dashboard mit dem Menü Constant Contact Form (Constant Contact-Formular) aufgeklappt und dem Menü Form Options (Formularoptionen) aufgeklappt, mit den Feldern Button text (Schaltflächentext) und Success message (Erfolgsnachricht), dem Abschnitt Submission behavior (Vorlageverhalten) und der Option Redirect URL (Zu URL weiterleiten), dem Abschnitt Spam notice (Spaminfo) und dem Feld Spam Error Message (Spam-Fehlernachricht) sowie dem Abschnitt Email opt-in (E-Mail-Bestätigung)
 
Symbol Zustimmung zum SendenZustimmung einholen: Die Verwendung dieses Anmeldeformulars gewährleistet, dass Sie die ausdrückliche Zustimmung von Ihren Kontakten erhalten und dokumentieren, um die Constant Contact E-Mail-Genehmigungsrichtlinie für E-Mails und die DSGVO- und CASL-Richtlinien einzuhalten.
 

Erstellen Sie die Felder des Formulars

Die Formularfelder sind die Kontaktinformationen, die Sie von Ihren Anmeldungen erfassen möchten. Eine E-Mail-Adresse ist erforderlich, aber welche Informationen Sie darüber hinaus erfassen, bleibt Ihnen überlassen.

  1. Erweitern Sie den Abschnitt Form Fields (Formularfelder).

    WordPress-Dashboard mit aufgeklapptem Menü Constant Contact Form (Constant Contact-Formular) und ausgewählter Option Add Form (Formular hinzufügen), Seite Add New Form (Neues Formular hinzufügen) und Abschnitt Form Fields (Formularfelder) eingeklappt mit Dropdown-Menü-Symbol
     
  2. Klicken Sie auf Add Another Field (Weiteres Feld hinzufügen), um die Felder zu erstellen, die Sie auf Ihrem Formular einschließen möchten.

    WordPress-Dashboard mit dem Menü von Constant Contact Form (Constant Contact-Formular) aufgeklappt und die Option Form Fields (Formularfelder) mit dem erforderlichen E-Mail-Adressfeld und der Schaltfläche Add Another Field (Ein Anderes Feld Hinzufügen) erweitert
     
  3. Jedes Feld enthält eine Feldbezeichnung, die Ihre Besucher über den Zweck des Feldes informiert, eine Feldbeschreibung, die Sie verwenden können, um ein Beispiel der Inhalte anzuführen, die in das Feld eingegeben werden sollen, und eine Option, um daraus ein Pflichtfeld zu machen.  Standardmäßig ist immer eine E-Mail-Adresse enthalten und als Pflichtfeld gesetzt. Weitere Felder beinhalten:
  • Vor- und Nachname – Bildet die Kontaktfelder mit Vor- und Nachname direkt in Ihrem Constant Contact Account ab.
  • Adresse – Bildet die Kontaktfelder mit Adresse direkt in Ihrem Constant Contact Account ab.
  • Berufsbezeichnung und Unternehmen – Bildet die Felder Berufsbezeichnung und Unternehmen direkt in Ihrem Constant Contact Account ab.
  • Website – Aufgrund einer vom Plugin genutzten API-Einschränkung wird das Feld Website nicht direkt in Ihrem Constant Contact Account abgebildet. Wenn Sie das Website-Feld nutzen, kann Ihr WordPress Administrator E-Mail- Benachrichtigungen einrichten, sodass Sie bei jeder Einreichung Ihres Formulars eine E-Mail mit den Informationen im Website-Feld erhalten. Dann können Sie Ihren Kontakteintrag manuell mit den Informationen aktualisieren. Alternativ können Sie ein benutzerdefiniertes Textfeld verwenden, um die Website-Informationen zu sammeln. Dadurch wird in Ihrem Constant Contact-Account ein benutzerdefiniertes Feld erstellt.
  • Custom Text Field –  Dieser Feldtyp fungiert in Ihrem Constant Contact-Account als benutzerdefiniertes Feld. Die benutzerdefinierten Felder sind mit Custom Field 1 (Benutzerdefiniertes Feld 1), Custom Field 2 (Benutzerdefiniertes Feld 2), Custom Field 3 (Benutzerdefiniertes Feld 3) usw. gekennzeichnet.
  • Benutzerdefinierter Textbereich – Dieser Feldtyp wird nicht nach Constant Contact importiert. Die Informationen aus diesen Feldern werden in die gesendete E-Mail aufgenommen, wenn Sie im Abschnitt Form settings (Formulareinstellungen) eine E-Mail-Adresse angeben.

    WordPress-Dashboard mit aufgeklapptem Constant Contact-Formularmenü und aufgeklappter Option Formularfelder mit den Optionen Vorname und Benutzerdefinierter Textbereich
     
 

Wählen Sie die E-Mail-Einstellungen für das Formular

Symbol AusrufezeichenWichtig: Mit der Hilfe Ihres WordPress Administrators können Sie Ihren WordPress Server so einrichten, dass Sie immer, wenn jemand Ihr Formular einreicht, eine E-Mail erhalten.Wenn Sie Probleme haben, eine allgemeine E-Mail zu Anmeldungen zu erhalten, überprüfen Sie Ihre WordPress E-Mail-Adressen, indem Sie auf Settings (Einstellungen) > General (Allgemein) klicken. Ihr WordPress Administrator muss Ihren WordPress Server einrichten, um diese Benachrichtigungsfunktion verwenden zu können; wir bei Constant Contact können für diese Funktionalität keine Fehlerbehebung durchführen.
 

Sie können jedes Mal, wenn jemand Ihr Formular abschickt, eine E-Mail-Benachrichtigung an eine Adresse Ihrer Wahl erhalten.

  1. Erweitern Sie den Abschnitt Email Settings (E-Mail-Einstellungen).

    WordPress-Dashboard mit aufgeklapptem Menü Constant Contact Form (Constant Contact-Formular) und ausgewählter Option Add Form (Fomular hinzufügen), Seite Add New Form (Neues Formular hinzufügen) und Abschnitt Email Settings (E-Mail-Einstellungen) eingeklappt mit Dropdown-Menü-Symbol
     
  2. Geben Sie eine E-Mail-Adresse in das Feld ein. Mehrere E-Mail-Adressen müssen durch ein Komma getrennt werden.

    WordPress-Dashboard mit aufgeklapptem Constant Contact Form-Menü und aufgeklappter Option E-Mail-Einstellungen mit E-Mail-Adressfeld
     

Das Design des Formulars anpassen

Das Formular ermöglicht minimale Gestaltung, doch es wird so viel wie möglich vom Wordpress-Thema Ihrer Website übernommen. Wenn Ihnen das Aussehen Ihres Formulars nicht gefällt, kann sich ein Frontend-Entwickler mit CSS-Kenntnissen Ihre Website ansehen, um zu bestimmen, ob eventuelle Stilregeln das Formular beeinträchtigen.

  1. Erweitern Sie den Abschnitt Form Design (Formulardesign).

    WordPress-Dashboard mit aufgeklapptem Menü Constant Contact Form (Constant Contact-Formular) und ausgewählter Option Add Form (Formular hinzufügen), Seite Add New Form (Neues Formular hinzufügen) und Abschnitt Form Design (Formulardesign) eingeklappt mit Dropdown-Menü-Symbol
     
  2. Wählen Sie die Hintergrund- und Schaltflächenfarben sowie die Schriftgröße für das Formular. Die Schriftart und "Standard" Schriftgröße wird von Ihrem WordPress-Thema bestimmt.

    WordPress-Dashboard mit aufgeklapptem Menü Constant Contact Form (Constant Contact-Formular) und aufgeklapptem Menü Form Design (Formulardesign), mit der Option Background Color (Hintergrundfarbe), den Optionen für Schriftgröße und Schriftfarbe der Formular-Schriftarten, den Optionen für Schriftgröße und Schriftfarbe der Formular-Übermittlungsschaltfläche und der Option für die Hintergrundfarbe
     
 

Das Input-Design des Formulars anpassen

Passen Sie die Füllung des Formulars an, fügen Sie benutzerdefinierte CSS-Klassen für Eingaben hinzu und passen Sie die Platzierung von Etiketten für Ihr Formular an.

  1. Erweitern Sie den Abschnitt Input Design.

    WordPress-Dashboard mit aufgeklapptem Menü Constant Contact Form (Constant Contact-Formular) und ausgewählter Option Add Form (Formular hinzufügen), Seite Add New Form (Neues Formular hinzufügen) und Abschnitt Input Design eingeklappt mit Dropdown-Menü-Symbol
     
  2. Bestimmen Sie die Pixelwerte, so dass zwischen dem Formularrand und den Formulartext- und feldern Leerstellen sind. Wenn Sie benutzerdefinierte CSS-Klassen für Eingaben haben, geben Sie diese in das Feld unten ein.
  3. Wählen Sie aus, ob Ihre Textfelder im Vergleich zu ihren Markierungen richtig positioniert sind. Wählen Sie beispielsweise Top (Oben), so dass der Name des Feldes oben im Feld positioniert ist oder wählen Sie Left (Links), so dass die Beschreibung  links vom Feld positioniert ist.

    WordPress Dashboard mit Input Design Menü aufgeklappt mit Optionen für die Füllung von Formularen und die Platzierung von Etiketten
     
 

Das Formular veröffentlichen

Wenn Sie Ihr Formular veröffentlichen, wird es nicht automatisch für Ihre Website-Besucher sichtbar, sondern steht zur Verfügung, um es einer Seite oder einem Beitrag hinzuzufügen.

  1. Im Abschnitt Publish (Veröffentlichen) klicken Sie auf Publish (Veröffentlichen).

    WordPress-Dashboard mit aufgeklapptem Menü Constant Contact Form (Constant Contact-Formular) und ausgewählter Option Add Form (Formular hinzufügen), Seite Add New Form (Neues Formular hinzufügen) und Abschnitt Publish (Veröffentlichen) aufgeklappt
     

Nun, da Ihr Formular erstellt, gestaltet und veröffentlicht ist, wird es Zeit, es in eine Webseite oder einen Blogbeitrag einzufügen. Wenn Sie eine Vorschau der Seite oder des Beitrags erstellen, können Sie anzeigen, wie die Farben, Schriftgrößen, Textabstände und Positionierung der Markierung in einem Formular aussehen. Immer, wenn Sie den Stil aktualisieren, wird das Formular aktualisiert, so dass Sie Ihre Seiten oder Beiträge nicht immer wieder veröffentlichen müssen.


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Alle Rechte vorbehalten · Constant Contact · Privacy Policy