Bestellformular-Vorlage
- Elfsight KI-Formulargenerator
- Spam-Schutz
- Mehrere E-Mail-Benachrichtigungen
- Formulare mit URL-Parametern vorausfüllen
- Aktionen nach dem Absenden
- Formulare mit mehreren Schritten
- Mehrsprachige Formulare
- Alle Daten übertragen
- Dateien hochladen
- Mobil-Responsive
- Über 20 anpassbare Felder und Attribute
- Float-basiertes Layout
- Farbthemen-Generator
- Mehrere Layout-Stile
- Über 5000+ Integrationen basierend auf der Zapier-App
Brauchen Sie eine andere Vorlage?
Was Nutzer über das Elfsight Form Builder-Widget sagen.
FAQ (Häufig gestellte Fragen)
So erstellen Sie Ihre eigene Vorbestellformular-Vorlage für Ihre Website
Erstellen Sie Ihre eigene Vorbestellformular-Vorlage für Ihre Website – nutzen Sie dieses Tutorial:
- Wählen Sie aus der Liste eine Vorbestell-Vorlage aus.
- Wählen Sie die ausgewählte Vorlage aus.
- Klicken Sie auf die Schaltfläche „Vorlage verwenden“.
- Alle Attribute und Funktionen des Vorbestellformulars an den Stil Ihrer Website anpassen.
- Melde dich bei deinem Elfsight-Konto an und hol dir den Code zum Einbetten.
So passen Sie das Vorbestellformular an das Layout Ihrer Website an
So einfach ist es: Öffnen Sie im Editor das Menü ‘Aussehen’. Wählen Sie das Layout-Format. Passen Sie Breite und Position an. Fertig!
So fügen Sie das Vorbestellformular-Plugin Ihrer Website hinzu.
Um das Vorbestellformular-Plugin auf Ihrer Website einzubinden, folgen Sie der ausführlichen Anleitung:
- Vorbestellformular-Vorlage anpassen.
- Melden Sie sich im Elfsight-Admin-Dashboard an.
- Erhalten Sie den jeweiligen Plugin-Code und kopieren Sie ihn.
- Gehen Sie zur Website und fügen Sie den Code in den HTML-Editor ein.
Welche Integrationen sind für das Vorbestellformular verfügbar?
Für unsere Kundinnen und Kunden bieten wir Mailchimp, Google Sheets und über 5000 Integrationen via Zapier! Ein funktionsfähiges Vorbestellformular zu erstellen, erfordert keinen Raketenwissenschaftler. Mit der passenden Vorlage erstellen Sie ganz einfach ein effizientes Formular für Ihren konkreten Anwendungsfall.
| Mailchimp-Integration | Diese Anwendungsintegration ermöglicht es Nutzern, mühelos erfolgreiche E-Mail-Kampagnen zu erstellen und zu verwalten, Kontaktdaten der Kunden zu sammeln und Leistungskennzahlen zu verfolgen. |
| Google Sheets-Integration | Diese App-Integration ermöglicht es Nutzern, von verschiedenen Apps und Diensten aus auf in ihrem Google Sheets-Profil gespeicherte Daten zuzugreifen und diese zu bearbeiten. Beispielsweise können Sie diesen Integrationsdienst verwenden, um Ihre Formulardaten zu übertragen. |
| Gmail-Integration | Diese App-Integration ermöglicht Nutzern den Zugriff auf Gmail-Nachrichten, Kontakte und Kalendereinträge aus anderen Anwendungen und Diensten. |
| CRM-Integration | Diese Anwendungsintegration ermöglicht es Unternehmen, Kundendaten aus mehreren Quellen an einem Ort zu erfassen, Abläufe zu optimieren und den Kundenservice zu verbessern. |
| Zapier-Integration | Diese App-Integration ermöglicht Nutzern, Anwendungen und Dienste miteinander zu verknüpfen, Arbeitsabläufe zu optimieren und Informationen schnell auszutauschen. |
So fügen Sie die Integration zu Ihrem Vorbestellformular hinzu:
Um eine Integration zu Ihrem Vorbestellformular hinzuzufügen, wenden Sie die Punkte der kurzen Anleitung an.
- Öffnen Sie den Reiter Integrationen im Online-Demo-Konfigurator.
- Wähle einen Integrationsdienst.
- Verbinden Sie das Formular mit dem gewählten Integrationsdienst und autorisieren Sie das Profil.
Woran Sie bei der Anpassung Ihres Vorbestellformulars achten sollten
Formular-Titel
Der Formular-Titel soll eindeutig darstellen, was eingereicht wird. Zeigen Sie Markenbekanntheit, indem der Titel kurz, einfach und einprägsam bleibt. So verstehen Kunden sofort, warum sie das Vorbestellformular ausfüllen und wie ihre Angaben verwendet werden.
Vorbestellformular-Eingabefelder
Hier geben Kunden ihren Vor- und Nachnamen, ihre E‑Mail-Adresse, eine Nachricht sowie alle weiteren relevanten Details ein, die Sie von Nutzern erfassen möchten.
Vorbestellformular absenden
Dies ist eine wesentliche Eigenschaft jedes Formulars, denn sie teilt dem Benutzer mit, dass seine Informationen ordnungsgemäß übermittelt wurden.
Datenschutz
Vergessen Sie nicht, in Ihrem Vorbestellformular einen URL-Link zu den Datenschutzbestimmungen Ihrer Website einzufügen, damit Kunden erfahren, wie ihre Daten von Ihrem Unternehmen verwendet und geschützt werden.
Anti-Spam-Captcha im Vorbestellformular
Die Einbindung eines Anti-Spam-reCAPTCHA schützt vor Spam-Einreichungen und sorgt dafür, dass nur echte Personen Zugriff auf das Formular haben, Bots ausgeschlossen bleiben.
Bestätigungsmeldung
Sobald ein Kunde das Vorbestellformular erfolgreich ausgefüllt und abgeschickt hat, erhält er eine Bestätigung darüber, dass seine Einsendung eingegangen ist und von deinem Team oder Unternehmen bearbeitet wird.
Mobile-Optimierung für Vorbestellformulare
Machen Sie Ihr Formular mobilfreundlich für jedes Mobilgerät – dank eines adaptiven Layouts. Es ist bei jeder Monitorauflösung, jedem Browser, Betriebssystem und Orientierung gut lesbar. Zeigen Sie außerdem alle Felder, Bezeichnungen und Hinweise klar an, um ein deutliches und prägnantes Ergebnis zu erzielen.
Vorbestellformular-Visuals
Schaffen Sie eine hervorragende Benutzererfahrung auf der Website, indem Sie visuelle Elemente einsetzen. Berücksichtigen Sie Bilder, Symbole oder lebendige Farben, um die Absende-Schaltfläche oder den Call-to-Action (CTA) hervorzuheben. Vermeiden Sie jedoch zu viele Farben und visuelle Elemente, da dies überwältigend wirken und Ihre Kernbotschaft ablenken kann.
Feldervalidierung des Vorbestellformulars
Validierung hilft, Fehler zu vermeiden, die auftreten können, wenn Kunden falsche Angaben machen. Validieren Sie die wichtigsten Felder im Handumdrehen, damit Kunden erkennen, wenn sie einen Fehler gemacht haben und ihre Informationen vor dem Absenden des Formulars ändern können.
Hilfe bei der Einrichtung des Vorbestellformulars und der Website-Installation
Wenn Sie die Anleitung gelesen haben und dennoch Fragen haben, werfen Sie einen Blick auf die nächsten Alternativen: