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

Inline-Formularvorlage

Mit Hilfe der Form Builder-Vorlagen können Sie benutzerdefinierte Formulare erstellen und alle Felder harmonisch miteinander anordnen, damit Ihre Website professionell wirkt. Probieren Sie die Funktionen aus und entdecken Sie, was am besten zu Ihnen passt.
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
  • Formular-Builder KI-Generator
  • CAPTCHA-Validierung
  • Mehrere E-Mail-Benachrichtigungen
  • Vorgefüllte Formulare mit URL-Parametern
  • Aktionen nach dem Absenden
  • Formulare mit mehreren Schritten
  • Mehrsprachige Formulare
  • Datenexport
  • Dateien hochladen
  • Mobilfreundlich
  • Mehr als 20 flexible Felder und Attribute
  • Float-basiertes Layout
  • Farbschema-Generator
  • Mehrere Layout-Vorlagen
  • Mehr als 5.000 Integrationen basierend auf der Zapier-App
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 Conditional Logic Multistep Form template
Erstellen Sie ein mehrseitiges Formular mit wechselnden Fragen basierend auf bedingter Logik – mit der Website-Vorlage.
HTML 2 Column Form template
Erstellen Sie mit der Website-Vorlage ein Formular im Zwei-Spalten-Layout.
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.
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 Ihre eigene Inline-Formularvorlage für die Website

Um die Inline-Formular-Vorlage für Ihre Website zu erstellen, verwenden Sie diese Richtlinie:

  1. Wähle aus der Liste die Inline-Formular-Vorlage.
  2. Die ausgewählte Vorlage öffnen.
  3. Klicken Sie auf die Schaltfläche „Vorlage verwenden“.
  4. Passen Sie alle Elemente und Funktionen des Inline-Formulars dem Design Ihrer Website an.
  5. Melde dich bei deinem Elfsight-Konto an und hol dir den Code zum Einbetten.

So passen Sie das Inline-Formular an das Layout Ihrer Website an

So einfach ist das: Öffnen Sie im Editor das Menü Aussehen. Wählen Sie das Layout-Template. Breite und Position anpassen. Das war’s!

So fügen Sie das Inline-Formular-Plugin in Ihre Website ein.

Um das Inline-Form-Plugin in Ihre Website einzubetten, befolgen Sie die kurze Anleitung:

  1. Passen Sie die Inline-Formularvorlage an.
  2. Melden Sie sich im Elfsight-Dashboard an.
  3. Holen Sie sich den jeweiligen Plugin-Code und kopieren Sie ihn.
  4. Gehen Sie zur Website und integrieren Sie den Code in den Editor.

Welche Integrationen stehen für Inline-Formulare zur Verfügung?

Für unsere geschätzten Kunden bieten wir Mailchimp, Google Sheets und mehr als 5000 App-Integrationen über Zapier! Ein nützliches Inline-Formular zu erstellen bedeutet nicht, dass Sie ein Raketenwissenschaftler sein müssen. Mit der passenden Vorlage können Sie schnell ein effektives Formular für Ihren konkreten Anwendungsfall erstellen.

Mailchimp-Integration Diese App-Integration ermöglicht es Nutzern, regelmäßig E-Mail-Kampagnen einfach zu erstellen und zu verwalten, Kontakte zu segmentieren und Leistungskennzahlen zu verfolgen.
Google Sheets-Integration Diese Integration ermöglicht den Zugriff auf und die Bearbeitung von Daten aus ihrem Google Sheets-Profil von verschiedenen Apps und Diensten. Beziehungsweise hiermit können Sie diesen Integrationsdienst verwenden, um Ihre Formulardaten zu übertragen.
Gmail-Integration Dieser Integrationsdienst ermöglicht es Nutzern, Gmail-Nachrichten, Kontaktdaten und Kalendereinträge aus anderen Anwendungen und Diensten abzurufen.
CRM-Integration Diese Integration ermöglicht es Unternehmen, Kundendaten aus mehreren Quellen an einem Ort zu sammeln, Prozesse zu straffen und exzellenten Kundenservice zu bieten.
Zapier-Integration Diese Anwendungsintegration verbindet Apps und Dienste miteinander, automatisiert Arbeitsabläufe und ermöglicht einen schnellen Datenaustausch.

So fügen Sie Integration zu Ihrem Inline-Formular hinzu

Um eine Integration in Ihr Inline-Formular hinzuzufügen, befolgen Sie die Punkte der detaillierten Anleitung:

  1. Gehen Sie im Live-Demo-Editor zum Menüpunkt „Integrationen“
  2. Wählen Sie eine App-Integration.
  3. Verbinden Sie das Formular mit der gewählten App-Integration und autorisieren Sie Ihr Profil.

Woran du beim Anpassen deines Inline-Formulars achtest

Formular-Titel

Der Titel sollte deutlich vermitteln, was Besucher ausfüllen. Vermitteln Sie die Markenbekanntheit, indem Sie die Beschriftung kurz, einfach und einprägsam halten. Dies hilft Besuchern rasch zu verstehen, warum sie das Inline-Formular ausfüllen und wie genau ihre Daten verwendet werden.

Inline-Formulareingabefelder

In dieses Feld tragen Nutzer ihren Namen, ihre E-Mail-Adresse, Antworten sowie alle weiteren relevanten Informationen ein, die Sie von ihnen erfassen möchten.

Absenden-Button im Inline-Formular

Dies ist eine unverzichtbare Funktion jedes Formulars, da sie dem Benutzer bestätigt, dass seine Daten erfolgreich übermittelt wurden.

Datenschutz

Stellen Sie sicher, dass in Ihrem Inline-Formular ein URL-Link zu Ihrem Datenschutzhinweis auf Ihrer Website enthalten ist, damit die Nutzer wissen, wie ihre Daten von Ihrem Unternehmen verwendet und geschützt werden.

Inline-Formular Anti-Spam-Captcha

Die Implementierung eines Anti-Spam-Captcha hilft dabei, Spam-Einreichungen zu verhindern und sicherzustellen, dass nur echte Nutzer auf das Formular zugreifen – Roboter bleiben draußen.

Bestätigungsmeldung

Sobald ein Kunde das Inline-Formular erfolgreich ausgefüllt und abgeschickt hat, stellen Sie sicher, dass er eine Bestätigung erhält, dass seine Übermittlung gesendet wurde und von Ihrem Kundendienst oder Unternehmen bearbeitet wird.

Inline-Form Mobiloptimierung

Gestalten Sie Ihr Formular so, dass es für jedes digitale Display optimiert ist, mithilfe eines adaptiven Layouts. Es lässt sich bei jeder Monitorauflösung, jedem Browser, jedem OS und jeder Orientierung einfach bedienen. Zeigen Sie zudem alle Felder, Tags und Anweisungen klar an, um ein klares und prägnantes Ergebnis zu erhalten.

Inline-Formular-Visuals

Verbessere die Nutzererfahrung auf der Website, indem du visuelle Elemente einsetzt. Berücksichtige den Einsatz von Bildern, Symbolen oder leuchtenden Farben, um den Absende-Button bzw. den CTA hervorzuheben. Vermeide jedoch zu viele visuelle Elemente und Farben, da dies überwältigend wirken und deine Hauptbotschaft ablenken kann.

Inline-Formularfeld-Validierung

Feldvalidierung reduziert Fehler, die auftreten können, wenn Kunden ungenaue Angaben machen. Validieren Sie die erforderlichen Felder im Handumdrehen, damit Nutzer wissen, wann ein Fehler vorliegt, und ihre Angaben vor dem Absenden korrigieren können.

Hilfe bei der Inline-Formular-Einrichtung und Website-Installation

Falls Sie die Anleitung gelesen haben und noch Fragen haben, werfen Sie einen Blick auf die folgenden Alternativen: