HTML-Bestellformular-Vorlage

Um die HTML-Vorlage des Bestellformulars zu entwerfen, wende diese Anweisung an:

1. Wählen Sie aus dem Katalog die Bestellformular-Vorlage speziell für HTML aus.
2. Wählen Sie die ausgewählte Vorlage aus.
3. Wähle die Option ‘Vorlage verwenden’.
4. Passen Sie alle Elemente und Eigenschaften des Bestellformulars so an, dass es dem HTML-Stil entspricht.
5. Melden Sie sich in Ihrem Elfsight-Profil an und erhalten Sie den Code zur Einbindung.

Es ist viel einfacher, als Sie denken; Öffnen Sie im Konfigurator das Menü Design. Wählen Sie das Layout-Format. Passen Sie Breite und Position an. Und das war’s!

Um das Bestellformular-Plugin in Ihre HTML-Website zu integrieren, verwenden Sie die kurze Anleitung:

1. Passen Sie die Vorlage des Bestellformulars an.
2. Melden Sie sich in Ihrem Elfsight-Admin-Dashboard an.
3. Erhalten Sie den jeweiligen Plugin-Code und kopieren Sie ihn.
4. Gehe zu HTML und füge den Code in den HTML-Editor der Webseite ein.

Formular-Titel

Der Titel soll deutlich anzeigen, was Nutzer ausfüllen. Vermitteln Sie Ihre Markenpräsenz, indem Sie den Titel kurz, bündig und einprägsam gestalten. So erkennen Besucher sofort, warum sie das Bestellformular ausfüllen und wie ihre Daten verwendet werden.

Eingabefelder

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

Absenden

Dieses Element ist für jedes Formular unverzichtbar, da es Nutzern bestätigt, dass ihre Angaben erfolgreich übermittelt wurden.

Datenschutz

Vergessen Sie nicht, im HTML-Auftragsformular einen Hyperlink zu den Datenschutzbestimmungen Ihrer Website einzufügen, damit Verbraucher wissen, wie ihre Daten von Ihrem Unternehmen genutzt und geschützt werden.

Anti-Spam-Captcha

Durch die Integration einer Spam-blockierenden Captcha-Verifizierung werden Spam-Einreichungen verhindert, während sichergestellt wird, dass nur reale Nutzer Zugriff auf die Formularinformationen erhalten und keine Bots.

Bestätigungsmeldung

Nachdem ein Kunde das Bestellformular ausgefüllt und abgeschickt hat, erhält er eine Bestätigung, dass seine Übermittlung eingegangen ist und von Ihrem Support-Team bearbeitet wird.

HTML Mobile-Optimierung

Formular mobilfreundlich für jedes Display gestalten – mit einem responsiven Layout. Es ist benutzerfreundlich bei jeder Monitorauflösung, Browser-Plattform, jedem Betriebssystem und jeder Ausrichtung. Zeigen Sie außerdem alle Felder, Tags und Anweisungen klar an, damit das Ergebnis eindeutig und prägnant wird.

HTML-Visuals

Verbessern Sie die Benutzererfahrung Ihrer Website durch visuelle Elemente. Erwägen Sie Illustrationen, Symbole oder helle Farben, um Aufmerksamkeit auf den Senden-Button oder den Call-to-Action (CTA) zu lenken. Vermeiden Sie jedoch den Einsatz vieler unterschiedlicher Visuals und Farben, da dies überwältigend wirken und von der Kernbotschaft ablenken kann.

Feldervalidierung

Die Feldvalidierung hilft, Fehler zu minimieren, die auftreten können, wenn Kunden ungenaue Angaben machen. Fordern Sie die wichtigsten Felder in Echtzeit, damit Kunden wissen, wann sie einen Fehler gemacht haben, und ihre Daten vor dem Absenden korrigieren können.

Um eine Integration in Ihr HTML-Bestellformular hinzuzufügen, befolgen Sie die Punkte aus dem kurzen Tutorial:

1. Finden Sie den Reiter Integrationen im Live-Demo-Builder.
2. Wählen Sie eine App-Integration.
3. Synchronisiere das Bestellformular mit dem ausgewählten Integrationsdienst und autorisiere das Konto.

Für unsere geschätzten Kundinnen und Kunden bieten wir Mailchimp, Google Sheets und über 5000 Integrationen via Zapier an! Das Erstellen eines praktischen Bestellformulars muss kein schwieriges Vorhaben sein. Mit der passenden Vorlage erstellen Sie schnell ein effektives Formular für Ihren konkreten Anwendungsfall.