14. Geburtstagssale 33 % Rabatt + 1 GRATIS MONAT LIMITIERTES ANGEBOT Jetzt Angebot sichern
33 % Rabatt + 1 GRATIS MONAT Jetzt Angebot sichern
/
/
Zweispalten-Form

2 Spalten-Formularvorlage

Der Formular-Builder präsentiert Website-Formularvorlagen mit komplexen Feldanordnungen in zwei Spalten. Dank der intuitiven Drag-and-Drop-Oberfläche können Sie individuelle Formulare erstellen, um Kundenfeedback zu sammeln, eine Umfrage durchzuführen oder Kontaktdaten zu erfassen.
800 reviews on G2.com”>Bewertet 4,8 von 5 Sternen basierend auf über 800 Bewertungen auf G2.com
Keine Kreditkarte erforderlich
Einfache Installation
Funktioniert auf 99,9% der Websites
Kostenloser Plan verfügbar
Funktionen
  • KI-gestützter Formular-Generator
  • Spam-Schutz
  • Mehrere E-Mail-Benachrichtigungen
  • Vorausgefüllte Formulare mit URL-Parametern
  • Aktionen nach dem Absenden
  • Formulare mit mehreren Schritten
  • Mehrere Sprachen unterstützen
  • Datenübertragung
  • Dateien hochladen
  • Mobilfreundlich
  • Über 20 flexible Felder und Elemente
  • Schwebendes Layout
  • Farbpalette-Generator
  • Mehrere Layout-Vorlagen
  • Über 5000 Zapier-Integrationen
Squarespace Form Builder
Wix Form Builder
Webflow Form Builder
WordPress Form Builder
Elementor Form Builder
Shopify Form Builder
HTML Form Builder
Google Sites Form Builder
Weebly Form Builder
BigCommerce Form Builder
Joomla Form Builder
iFrame Form Builder
OpenCart Form Builder
Blogger Form Builder
Facebook Page Form Builder
Adobe Muse Form Builder
Drupal Form Builder
jQuery Form Builder
Magento Form Builder
GoDaddy Form Builder
WooCommerce Form Builder
Squarespace
Wix
Webflow
WordPress
Elementor
Shopify
HTML
Google Sites
Weebly
BigCommerce
Joomla
iFrame
OpenCart
Blogger
Facebook Page
Adobe Muse
Drupal
jQuery
Magento
GoDaddy
WooCommerce
Vorlagenkatalog

Brauchen Sie eine andere Vorlage?

Schauen Sie sich weitere fertige Vorlagen für jeden Anwendungsfall an oder erstellen Sie Ihre eigene Vorlage!
HTML Button Form template
Erstellen Sie mit unserer Website-Vorlage ein Formular mit integrierter schwebender Schaltfläche.
HTML User Registration Form template
Erstelle ein Registrierungsformular mithilfe der Website-Vorlage.
HTML Popup Contact Form template
Erstellen Sie ein Formular, um Kontaktdaten in den Pop-ups zu erfassen – verwenden Sie dafür die Website-Vorlage.
HTML Mailchimp Contact Form template
Erstellen Sie ein Formular zur Erfassung von Kontaktdaten und erweitern Sie Ihre Mailchimp-Liste mit der Website-Vorlage.
Kein geeignetes Formular-Template?
Erstellen Sie Ihr Formular mit Elfsight AI, indem Sie Ihre Anforderungen in einfacher Sprache beschreiben, oder erstellen Sie Ihr eigenes Formular mit unserem Formular-Builder.

Was Nutzer über das Elfsight Form Builder-Widget sagen.

FAQ (Häufig gestellte Fragen)

So erstellen Sie Ihr eigenes 2-Spalten-Formular-Template für die Website.

Um Ihre eigene 2-Spalten-Formularvorlage für Ihre Website zu erstellen, verwenden Sie diese Anleitung:

  1. Wählen Sie aus dem Katalog die 2-Spalten-Formularvorlage.
  2. Die ausgewählte Vorlage öffnen.
  3. Press the “Use Template” button.
  4. Passe alle Attribute und Eigenschaften des 2-Spalten-Formulars an, damit es dem Stil der Website entspricht.
  5. Bei Ihrem Elfsight-Konto anmelden und den Integrationscode erhalten.

So passen Sie das 2-Spalten-Formular an Ihr Website-Layout

So einfach ist das: Öffne im Editor das Menü „Design“. Wähle die Layout-Platzierung. Passe Breite und Position an. Fertig!

So fügen Sie das 2-Spalten-Formular-Plugin in Ihre Website ein

Um das 2-Spalten-Formular-Widget in Ihre Webseite zu integrieren, folgen Sie der detaillierten Anleitung:

  1. Passen Sie die 2-Spalten-Formularvorlage an.
  2. In Ihrem Elfsight-Admin-Dashboard anmelden.
  3. Holen Sie sich den einzigartigen Plugin-Code und kopieren Sie ihn.
  4. Gehe zur Website und füge den Code in den HTML-Editor ein.

Welche Integrationen gibt es für das 2-Spalten-Formular?

Für unsere geschätzten Kunden bieten wir Mailchimp, Google Sheets und 5000+ Anwendungsintegrationen über Zapier! Die Erstellung eines nützlichen 2-Spalten-Formulars bedeutet nicht, dass Sie ein Raketenwissenschaftler sein müssen. Mit der richtigen Vorlage können Sie schnell ein leistungsstarkes Formular für Ihren konkreten Fall erstellen.

Mailchimp-Integration Dieser Integrationsdienst ermöglicht es Nutzern, ganz einfach regelmäßige E-Mail-Kampagnen zu erstellen und zu pflegen, Kontakte zu segmentieren und Leistungskennzahlen zu verfolgen.
Google Sheets-Integration Dieser Integrationsdienst ermöglicht es Nutzern, von anderen Apps und Diensten auf die in Google Sheets gespeicherten Daten zuzugreifen und sie zu bearbeiten. So können Sie diese Integration beispielsweise verwenden, um Ihre Formulardaten zu exportieren.
Gmail-Integration Mit dieser App-Integration erhalten Nutzer Zugriff auf Gmail-Nachrichten, Kontakte und Kalendereinträge aus verschiedenen Apps und Diensten.
CRM-Integration Dieser Integrationsdienst ermöglicht es Unternehmen, Kundendaten aus mehreren Quellen an einem Ort zusammenzuführen, Abläufe zu optimieren und erstklassigen Kundenservice zu liefern.
Zapier-Integration Wählen Sie die Vorlage. Durchsuchen Sie den Katalog und wählen Sie eine Popup-Vorlage, die Ihrem Ziel entspricht: Lead-Generierung, Verkaufsförderung, Ankündigung oder Engagement.

So fügen Sie eine Integration zu Ihrem 2-Spalten-Formular hinzu

Um eine Integration in Ihr 2-Spalten-Formular einzufügen, befolgen Sie die Punkte aus dem unkomplizierten Tutorial:

  1. Suchen Sie im Demo-Konfigurator nach dem Menüpunkt „Integrationen“.
  2. Wählen Sie eine Integration aus.
  3. Verbinden Sie das 2-Spalten-Formular mit der ausgewählten Anwendungsschnittstelle und autorisieren Sie Ihr Profil.

Worauf Sie achten sollten, wenn Sie Ihr 2-Spalten-Formular anpassen

Formular-Titel

Die Überschrift des Formulars sollte deutlich zeigen, was Kunden ausfüllen. Zeigen Sie Ihre Markenidentität, indem Sie den Titel kurz, einfach und einprägsam halten. Dadurch verstehen Besucher rasch, warum sie das Formular mit zwei Spalten ausfüllen und wie ihre Daten verwendet werden.

Formulareingaben in zwei Spalten

Hier geben Verbraucher ihren Namen, ihre E-Mail-Adresse, ihre Bewertung ein – sowie alle weiteren relevanten Daten, die Sie von den Nutzern einholen möchten.

2-Spalten-Formular-Absenden-Button

Dieses Element ist bei jedem Formular unerlässlich, denn es signalisiert dem Nutzer, dass seine Angaben ordnungsgemäß übermittelt wurden.

Datenschutz

Vergessen Sie nicht, in der 2-Spalten-Form einen Hyperlink zu Ihrer Datenschutzerklärung einzufügen, damit Kunden wissen, wie ihre Daten von Ihrem Unternehmen verwendet und geschützt werden.

2-Spalten-Formular Anti-Spam-Captcha

Durch die Integration eines Anti-Spam-Captchas verhindern Sie Spam-Einreichungen und stellen sicher, dass echte Nutzer Zugriff auf das Formular erhalten – nicht Roboter.

Bestätigungsmeldung

Nachdem ein Kunde das 2-Spalten-Formular ordnungsgemäß ausgefüllt und abgeschickt hat, stellen Sie sicher, dass er eine Bestätigung erhält, dass seine Einreichung gesendet wurde und von Ihrem Kundensupport oder Unternehmen bearbeitet wird.

Mobile-Optimierung des 2-Spalten-Formulars

Machen Sie Ihr Formular mobil-anpassungsfähig für jedes Display, indem Sie ein adaptives Layout verwenden. Es ist benutzerfreundlich bei jeder Bildschirmauflösung, jeder Browser-Plattform, jedem Betriebssystem und jeder Orientierung. Zeigen Sie außerdem alle Bereiche, Bezeichnungen und Anleitungen klar und stilvoll an, um ein klares und stilvolles Ergebnis zu erzielen.

2-Spalten-Form-Visuals

Verbessern Sie die Benutzerfreundlichkeit der Webseite durch visuelle Elemente. Berücksichtigen Sie Illustrationen, Icons oder lebendige Farben, um den Absenden-Button oder CTA hervorzuheben. Vermeiden Sie jedoch zu viele Farben und visuelle Elemente, da sie einschüchternd wirken und von der Kernbotschaft ablenken können.

2-Spalten-Formularfelder-Validierung

Feldvalidierung reduziert Fehler, die beim Ausfüllen falscher Details auftreten können. Validieren Sie die erforderlichen Felder schnell, damit Kunden erkennen, wenn sie einen Fehler gemacht haben, und ihre Angaben vor dem Absenden ändern können.

Hilfe bei der Einrichtung des 2-Spalten-Formulars und der Website-Installation

Wenn Sie den Leitfaden studiert haben und noch einige Anfragen haben, schauen Sie sich die folgenden Alternativen an: