HTML-E-Mail-Kontaktformular-Vorlage

Um Ihre eigene HTML-E-Mail-Kontaktformular-Vorlage zu erstellen, verwenden Sie dieses Tutorial:

1. Wählen Sie aus dem Katalog die E-Mail-Kontaktformular-Vorlage, die speziell für HTML entwickelt wurde.
2. Die ausgewählte Vorlage öffnen.
3. Wählen Sie die Option „Vorlage verwenden“.
4. Passen Sie alle Attribute und Funktionen des Email-Kontaktformulars an, damit es zum HTML-Design passt.
5. Melden Sie sich in Ihrem Elfsight-Profil an und erhalten Sie den Integrationscode.

So einfach ist das: Öffnen Sie im Konfigurator das Menü „Aussehen“. Wählen Sie die Layout-Vorlage. Passen Sie Breite und Position an. Fertig!

Um das E‑Mail‑Kontaktformular-Plugin in Ihre HTML-Seite zu integrieren, folgen Sie diesem einfachen Tutorial:

1. Die Vorlage des E-Mail-Kontaktformulars anpassen.
2. Melden Sie sich im Elfsight-Dashboard an.
3. Holen Sie sich den jeweiligen Plugin-Code und kopieren Sie ihn.
4. Gehen Sie zu HTML und fügen Sie den Code in den HTML-Editor Ihrer Website ein.

Formular-Titel

Der Titel des Formulars sollte eindeutig wiedergeben, was Kunden ausfüllen. Stärken Sie das Markenbewusstsein, indem Sie den Titel kurz, einfach und prägnant halten. So verstehen Kunden schnell, warum sie das E-Mail-Kontaktformular ausfüllen und wie genau ihre Informationen verwendet werden.

Eingabefelder

Hier geben Kunden ihren Vor- und Nachnamen, ihre E-Mail-Adresse, ihre Bewertung und alle weiteren relevanten Daten ein, die Sie von Nutzern erfassen möchten.

Absenden

Diese Funktion ist für jedes Formular unverzichtbar, da sie Nutzern eine Bestätigung sendet, wenn ihre Angaben erfolgreich übermittelt wurden.

Datenschutz

Denken Sie daran, in Ihrem HTML-E-Mail-Kontaktformular einen Link zu Ihrer Datenschutzrichtlinie einzufügen, damit Kunden nicht darüber im Unklaren bleiben, wie ihre Daten genutzt und geschützt werden.

Anti-Spam-Captcha

Durch das Hinzufügen einer Anti-Spam-Captcha-Verifizierung werden Spam-Formulareingaben verhindert und gleichzeitig sichergestellt, dass nur echte Nutzer Zugriff auf das Formular erhalten – Roboter bleiben draußen.

Bestätigungsmeldung

Wenn ein Kunde das E-Mail-Kontaktformular erfolgreich ausgefüllt und abgeschickt hat, stellen Sie sicher, dass er eine Bestätigung erhält, dass seine Meldung versendet wurde und von Ihrem Team bearbeitet wird.

HTML Mobile-Optimierung

Formular für jedes Endgerät optimieren dank eines responsiven Layouts. Es ist auf jeder Auflösung, Browser-Plattform, OS und Orientierung einfach nutzbar. Zeigen Sie außerdem alle Felder, Bezeichnungen und Anweisungen übersichtlich an, um ein klares und stilvolles Ergebnis zu erzielen.

HTML-Visuals

Verbessern Sie die Benutzerfreundlichkeit der Webseite durch Grafiken. Ziehen Sie Illustrationen, Symbole oder helle Farben in Betracht, um die Aufmerksamkeit auf den Absenden-Button oder die Call-to-Action (CTA) zu lenken. Vermeiden Sie jedoch zu viele Grafiken und Farben, da sie überwältigend wirken und von Ihrer Kernbotschaft ablenken können.

Feldervalidierung

Durch Feldvalidierung verringern sich Fehler, die beim Eingeben ungenauer Daten entstehen können. Fordern Sie die Pflichtfelder in Echtzeit an, damit Nutzer verstehen, wenn sie einen Fehler gemacht haben, und ihre Angaben vor dem Absenden des Formulars korrigieren können.

Um eine Integration in Ihr HTML-E-Mail-Kontaktformular vorzunehmen, befolgen Sie die Schritte der einfachen Anleitung:

1. Wählen Sie im Demo-Konfigurator den Menüpunkt Integrationen aus.
2. Wählen Sie eine App-Integration.
3. Verknüpfen Sie das Formular mit der ausgewählten Integration und autorisieren Sie Ihr Konto.

Für unsere geschätzten Kundinnen und Kunden bieten wir Mailchimp, Google Sheets und über 5000 Integrationen via Zapier an! Ein funktionsfähiges E‑Mail-Kontaktformular muss kein kompliziertes Unterfangen sein. Mit der richtigen Vorlage können Sie ganz einfach ein leistungsstarkes Formular für Ihren konkreten Anwendungsfall erstellen.