Schwebende Formularvorlage

Um die Floating Form-Vorlage für Ihre Website zu gestalten, befolgen Sie diese Anleitung:

1. Wählen Sie aus dem Katalog die Floating-Form-Vorlage.
2. Wähle die Vorlage aus.
3. Wählen Sie die Option „Vorlage verwenden“.
4. Passen Sie alle Attribute und Eigenschaften des Floating-Formulars an den Stil der Website an.
5. Melden Sie sich beim Elfsight-Konto an und erhalten Sie den Einbettungscode.

Es ist ganz einfach: Gehen Sie im Konfigurator zum Menü „Aussehen“. Wählen Sie die Layout-Vorlage. Breite und Position anpassen. Das war’s!

Um das Floating-Form-Plugin in Ihre Website zu integrieren, folgen Sie der kurzen Anleitung:

1. Passe die Floating-Form-Vorlage an.
2. Melden Sie sich bei Ihrem Elfsight-Konto an.
3. Holen Sie sich den individuellen Widget-Code und kopieren Sie ihn.
4. Gehe zur Website und integriere den Code in den HTML-Editor.

Für unsere geschätzten Kundinnen und Kunden bieten wir Mailchimp, Google Sheets und über 5000 Integrationen via Zapier! Die Erstellung eines praktischen Floating-Formulars bedeutet nicht, dass Sie ein Raketenwissenschaftler sein müssen. Mit der passenden Vorlage können Sie ganz einfach ein effektives Formular für Ihren konkreten Anwendungsfall erstellen.

Um eine Integration in Ihr schwebendes Formular einzufügen, folgen Sie den kurzen Anweisungen in der Anleitung:

1. Gehen Sie im Demo-Builder zum Menüpunkt Integrationen.
2. Wählen Sie eine Integration aus.
3. Synchronisieren Sie das Formular mit der gewählten Integration und autorisieren Sie das Konto.

Formular-Titel

Die Beschriftung des Formulars sollte klar beschreiben, was Kunden ausfüllen. Zeigen Sie Ihre Markenpräsenz, indem Sie den Titel kurz, prägnant und einprägsam halten. So verstehen Nutzer schnell, warum sie das schwebende Formular ausfüllen und wie ihre Daten verwendet werden.

Schwebende Formularfelder

Hier geben Kunden Vor- und Nachnamen, E-Mail-Adresse, Nachricht sowie alle weiteren relevanten Informationen ein, die Sie von Besuchern erfassen möchten.

Schwebender Formular-Absenden-Button

Dies ist ein wesentlicher Bestandteil jedes Formulars, da es Nutzern bestätigt, dass ihre Daten erfolgreich übermittelt wurden.

Datenschutz

Vergessen Sie nicht, in Ihrem Floating-Formular einen Hyperlink zu Ihrer Datenschutzerklärung einzufügen, damit Besucher verstehen, wie ihre Daten von Ihrem Unternehmen genutzt und geschützt werden.

Schwebendes Formular-Anti-Spam-Captcha

Die Einbindung eines Anti-Spam-Captchas hilft Spam-Einreichungen zu verhindern, während sichergestellt wird, dass nur echte Nutzer auf das Formular zugreifen – nicht Bots.

Bestätigungsmeldung

Nachdem ein Kunde das schwebende Formular erfolgreich ausgefüllt und abgesendet hat, stellen Sie sicher, dass er eine Bestätigung erhält, dass seine Einsendung gesendet wurde und von Ihrem Support-Team oder Unternehmen bearbeitet wird.

Schwebendes Formular – Mobile-Optimierung

Gestalten Sie das Formular mobilfreundlich für jedes Mobilgerät mit einem adaptiven Layout. Es lässt sich auf jeder Bildschirmgröße, in jedem Browser, Betriebssystem und jeder Orientierung einfach verwenden. Zeigen Sie außerdem alle Felder, Bezeichnungen und Anleitungen korrekt an, um ein klares und prägnantes Ergebnis zu erhalten.

Schwebende Formular-Visuals

Schaffe ein großartiges Nutzererlebnis auf deiner Webseite, indem du visuelle Elemente hinzufügst. Denke daran, Bilder, Symbole oder auffällige Farben zu verwenden, um den Absende-Button oder die Call-to-Action (CTA) hervorzuheben. Vermeide jedoch zu viele Farben und Grafiken, da sie einschüchternd wirken und von deiner Kernbotschaft ablenken können.

Schwebende Formularfelder – Validierung

Integrierte Feldvalidierung hilft, Fehler zu vermeiden, die auftreten können, wenn Nutzer ungenaue Informationen eingeben. Validieren Sie die wesentlichen Felder in Kürze, damit Kunden wissen, wann sie einen Fehler gemacht haben und ihre Angaben vor dem Absenden des Formulars korrigieren können.