14. Geburtstagssale 33 % Rabatt + 1 GRATIS MONAT LIMITIERTES ANGEBOT Jetzt Angebot sichern
33 % Rabatt + 1 GRATIS MONAT Jetzt Angebot sichern
/
/
/
Schwebendes Kontaktformular

Schwebendes Kontaktformular-Vorlage

Kontaktformulare sind Formvorlagen, die eine ansprechende und anpassbare Oberfläche für Ihre HTML-Websites bieten. Sie vereinen leistungsstarke Funktionen, eine anpassbare Oberfläche und eine bequeme Möglichkeit, mit Website-Besuchern zu kommunizieren.
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
  • Elfsight KI-Formulargenerator
  • Spam-Schutz
  • Mehrere E-Mail-Benachrichtigungen
  • Vorausgefüllte Formulare mit URL-Parametern
  • Aktionen nach dem Absenden
  • Formulare mit mehreren Schritten
  • Mehrsprachige Formulare
  • Alle Daten übertragen
  • Dateien hochladen
  • Mobil-Responsive
  • Über 20 anpassbare Felder und Attribute
  • Schwebendes Layout
  • Farbschema-Generator
  • Zahlreiche Layout-Vorlagen
  • Mehr als 5000 Zapier-basierte Integrationen
Kategorien
Vorlagenkatalog

Brauchen Sie eine andere Vorlage?

Schauen Sie sich weitere fertige Vorlagen für jeden Anwendungsfall an oder erstellen Sie Ihre eigene 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.
HTML File Upload Contact Form template
Erstelle ein Kontaktformular mit Dateiupload-Funktion – nutze dafür die Webseiten-Vorlage.
HTML Email Contact Form template
Erstelle ein Formular zur Erfassung von Kontaktdaten und E-Mail-Adressen mit der Website-Vorlage.
HTML Conditional Logic Contact Form template
Erzeuge mit der Vorlage ein Website-Formular, indem du Kontaktfragen basierend auf bedingter Logik hinzufügst.
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 schwebende Kontaktformular-Vorlage für Ihre Website

Um Ihre eigene Floating-Contact-Form-Vorlage für Ihre Website zu gestalten, folgen Sie dieser Anleitung:

  1. Wählen Sie aus dem Katalog die Floating Contact Form-Vorlage.
  2. Die ausgewählte Vorlage öffnen.
  3. Wähle die Option ‘Vorlage verwenden’.
  4. Passen Sie alle Elemente und Eigenschaften des Floating Contact Form an das Website-Design an.
  5. Melden Sie sich in Ihrem Elfsight-Profil an und erhalten Sie den Code zur Integration.

So passen Sie das schwebende Kontaktformular an das Layout Ihrer Website an

Es ist viel einfacher, als Sie denken; gehen Sie einfach im Konfigurator zum Menü „Aussehen“. Wählen Sie die Layout-Vorlage. Ändern Sie Breite und Position. Das war’s!

So fügen Sie Ihrer Website das schwebende Kontaktformular-Plugin hinzu.

Um das Floating-Contact-Form-Plugin in Ihre Website einzubinden, befolgen Sie diese einfache Anleitung:

  1. Die schwebende Kontaktformular-Vorlage anpassen.
  2. Melden Sie sich im Elfsight-Dashboard an.
  3. Holen Sie sich den individuellen Widget-Code und kopieren Sie ihn.
  4. Gehen Sie auf die Website und geben Sie den Code in den Editor ein.

Welche Integrationen stehen für das Floating-Contact-Form zur Verfügung

Für unsere geschätzten Kundinnen und Kunden bieten wir Mailchimp, Google Sheets und über 5000 Integrationen via Zapier an! Ein funktionsfähiges schwebendes Kontaktformular zu erstellen, bedeutet nicht, ein Raketenwissenschaftler sein zu müssen. Mit der passenden Vorlage können Sie schnell ein effizientes 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 der Kunden zu sammeln und Leistungskennzahlen zu überwachen.
Google Sheets-Integration Diese App-Integration ermöglicht Nutzern den Zugriff auf und die Bearbeitung von Daten in ihrem Google Sheets-Konto aus anderen Apps und Diensten. Beispielsweise können Sie diese Integration nutzen, um Ihre Formularegebnisse zu exportieren.
Gmail-Integration Dieser Integrationsdienst ermöglicht es Benutzern, auf Gmail-Nachrichten, Kontaktdaten und Kalendereinträge aus anderen Anwendungen und Diensten zuzugreifen.
CRM-Integration Dieser Integrationsservice ermöglicht es Unternehmen, Kundendaten aus mehreren Quellen an einem Ort zusammenzuführen, Abläufe zu optimieren und den Kundenservice zu verbessern.
Zapier-Integration Dieser Integrationsdienst ermöglicht es Nutzern, Anwendungen und Dienste miteinander zu synchronisieren, um Workflows zu automatisieren und Informationen schnell auszutauschen.

So fügen Sie eine Integration zu Ihrem schwebenden Kontaktformular hinzu

Um eine Integration zu Ihrem schwebenden Kontaktformular hinzuzufügen, befolgen Sie die Schritte aus der kurzen Anleitung:

  1. Suchen Sie im Live-Demo-Konfigurator die Menüleiste „Integrationen“.
  2. Wählen Sie eine App-Integration.
  3. Verknüpfen Sie das schwebende Kontaktformular mit der gewählten Integration und autorisieren Sie Ihr Konto.

Was Sie beachten sollten, wenn Sie Ihr schwebendes Kontaktformular anpassen

Formular-Titel

Der Titel des Formulars sollte eindeutig darstellen, was die Nutzer ausfüllen. Stellen Sie die Markenidentität dar, indem Sie den Titel kurz, prägnant und auf den Punkt halten. So verstehen Nutzer schnell, warum sie das schwebende Kontaktformular ausfüllen und wie genau ihre Informationen verwendet werden.

Schwebende Eingabefelder im Kontaktformular

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

Schwebende Schaltfläche zum Absenden des Kontaktformulars

Dies ist eine wesentliche Funktion jedes Formulars, da sie Nutzern zeigt, wann ihre Angaben erfolgreich gesendet wurden.

Datenschutz

Denken Sie daran, im schwebenden Kontaktformular einen Link zu Ihrer Datenschutzerklärung einzufügen, damit Kunden wissen, wie ihre Daten verwendet und geschützt werden.

Schwebendes Kontaktformular mit Anti-Spam-Captcha

Die Einbindung einer Spam-blockierenden Captcha-Verifizierung hilft, Spam-Einsendungen bei Formularen zu verhindern und sicherzustellen, dass nur echte Personen Zugriff auf das Formular haben – Roboter bleiben außen vor.

Bestätigungsmeldung

Nachdem ein Benutzer das schwebende Kontaktformular erfolgreich ausgefüllt und abgeschickt hat, stellen Sie sicher, dass er eine Bestätigung erhält, dass seine Anfrage eingegangen ist und von Ihrem Kundenservice bearbeitet wird

Schwimmendes Kontaktformular – Mobile-Optimierung

Das Formular mobil-anpassungsfähig für jedes Display gestalten – mit einem adaptiven Layout. Es lässt sich einfach auf jedem Monitor, Browser, Betriebssystem und jeder Ausrichtung bedienen. Zeigen Sie außerdem alle Felder, Bezeichnungen und Hinweise klar an, um ein eindeutiges und prägnantes Ergebnis zu erhalten.

Schwebende Kontaktformular-Visuals

Verbessern Sie das Nutzererlebnis der Website durch Grafiken. Erwägen Sie Illustrationen, Icons oder lebendige Farben, um den Absende-Button bzw. die Handlungsaufforderung (CTA) hervorzuheben. Vermeiden Sie jedoch zu viele Farben und visuelle Elemente, da dies überwältigend wirken und von der Kernbotschaft ablenken kann.

Validierung schwebender Kontaktformularfelder

Durch Validierung lassen sich Fehler vermeiden, die auftreten können, wenn Kunden ungenaue Daten eingeben. Validieren Sie die wichtigsten Felder im Handumdrehen, damit Verbraucher wissen, wann sie einen Fehler gemacht haben und ihre Daten vor dem Absenden korrigieren können.

Hilfe bei der Einrichtung des schwebenden Kontaktformulars und der Website-Installation

Falls Sie die Richtlinien durchgesehen haben und noch Fragen haben, schauen Sie sich die folgenden Alternativen an: