HTML-E-Mail-Formularvorlage

Um Ihre eigene einfache HTML-E-Mail-Formularvorlage zu erstellen, befolgen Sie diese Anleitung:

1. Wählen Sie aus der Liste die einfache E-Mail-Formular-Vorlage, die speziell für HTML entwickelt wurde.
2. Wähle die Vorlage aus.
3. Klicken Sie auf die Schaltfläche „Vorlage verwenden“.
4. Alle Attribute und Eigenschaften des Einfachen E‑Mail-Formulars an das HTML-Design anpassen.
5. Melden Sie sich bei Ihrem Elfsight-Profil an und erhalten Sie den Code zur Integration.

So einfach, wie es scheint: Öffnen Sie im Konfigurator das Menü ‘Aussehen’. Wählen Sie die Layout-Platzierung. Breite und Position anpassen. Und das war’s!

Um das Simple Email Form-Plugin in Ihre Html-Website zu integrieren, befolgen Sie die detaillierte Anleitung:

1. Die Vorlage des einfachen E-Mail-Formulars anpassen.
2. Melden Sie sich bei Ihrem Elfsight-Konto an.
3. Holen Sie sich den jeweiligen Plugin-Code und kopieren Sie ihn.
4. Gehe zu HTML und füge den Code in den HTML-Editor der Website ein.

Formular-Titel

Die Beschriftung des Formulars soll klar beschreiben, was Kunden ausfüllen. Zeigen Sie Ihre Markenpräsenz, indem Sie die Beschriftung kurz, bündig und einprägsam halten. So verstehen Kunden schnell, warum sie das Simple Email Form ausfüllen und wie genau ihre Daten verwendet werden.

Eingabefelder

Hier geben Kunden ihren Namen, E-Mail-Adresse, Feedback und alle weiteren relevanten Informationen ein, die Sie von Nutzern erfassen möchten.

Absenden

Dies ist eine wichtige Eigenschaft jedes Formulars, da sie dem Nutzer mitteilt, dass seine Daten erfolgreich gesendet wurden.

Datenschutz

Stellen Sie sicher, dass in Ihrem Html Simple Email Form ein Link zu den Datenschutzbestimmungen Ihrer Website enthalten ist, damit Besucher wissen, wie ihre Daten von Ihrem Unternehmen oder Ihrer Organisation verwendet und geschützt werden.

Anti-Spam-Captcha

Durch die Implementierung eines Spam-Schutz-ReCAPTCHA werden Spam-Einreichungen verhindert und gleichzeitig sichergestellt, dass nur echte Nutzer auf das Formular zugreifen – keine Bots.

Bestätigungsmeldung

Sobald ein Nutzer das einfache E‑Mail-Formular erfolgreich ausgefüllt und abgeschickt hat, erhält er eine Bestätigung, dass die Übermittlung eingegangen ist und bearbeitet wird.

HTML Mobile-Optimierung

Gestalten Sie Ihr Formular mobil-optimiert für jedes Display, indem Sie ein responsives Layout verwenden. Es ist benutzerfreundlich bei jeder Auflösung, jedem Browser, Betriebssystem und Orientierung. Zeigen Sie außerdem alle Felder, Tags und Anweisungen klar und stilvoll an.

HTML-Visuals

Erhöhen Sie die Benutzerfreundlichkeit Ihrer Website, indem Sie visuelle Elemente hinzufügen. Berücksichtigen Sie den Einsatz von Bildern, Symbolen oder kräftigen Farben, um Aufmerksamkeit auf den Absende-Button oder den Call-to-Action (CTA) zu lenken. Vermeiden Sie jedoch zu viele visuelle Elemente und Farben, da dies überwältigend wirken und vom Hauptziel ablenken kann.

Feldervalidierung

Validierung hilft, Fehler zu minimieren, die auftreten können, wenn Benutzer falsche Daten eingeben. Validieren Sie die erforderlichen Felder in Echtzeit, damit Kunden erkennen, wenn sie einen Fehler gemacht haben, und ihre Angaben vor dem Absenden ändern können.

Um eine Integration zu deinem HTML Simple Email-Formular hinzuzufügen, nutze die Punkte aus der einfachen Anleitung:

1. Finden Sie den Menüpunkt Integrationen im Online-Demo-Editor.
2. Wählen Sie einen Integrationsdienst aus.
3. Synchronisieren Sie das Formular mit der ausgewählten Integration und autorisieren Sie das Profil.

Für unsere geschätzten Kunden bieten wir Mailchimp, Google Sheets und über 5000 Integrationen via Zapier an! Ein funktionsfähiges einfaches E-Mail-Formular zu erstellen bedeutet nicht, dass Sie ein Raketenwissenschaftler sein müssen. Mit der richtigen Vorlage können Sie schnell ein leistungsstarkes Formular für Ihren speziellen Anwendungsfall erstellen.