Growform Multi Step Form Builder
  • Schablonen
  • Integrationen
  • Testimonials
  • Preisgestaltung
  • Kontakt
  • Log in
  • Free trial

So verhindern Sie, dass Ihr Hintergrundbild beim Navigieren zwischen den Schritten “springt”

Wenn Sie Growform auf Ihrer Website einbetten, werden Sie vielleicht feststellen, dass der Hintergrund deutlich “springt”, wenn Sie zwischen den Schritten navigieren.

Das ist völlig normal (und behebbar) und passiert, weil sich die Höhe des Formulars ändert.

Hier sind unsere Korrekturen:

1 – Legen Sie eine “Mindesthöhe” für Ihr Formular fest

Gehen Sie dazu in Ihrem Formular auf “Formulareinstellungen” und setzen Sie die “Mindesthöhe” Ihres Formulars auf einen Wert, der größer ist als die Höhe Ihres Formulars.

Dadurch bleibt Ihre Form zwischen den einzelnen Schritten auf einer gleichmäßigen Höhe und verhindert den Sprungeffekt.

2 – Eine einzige Farbe als Hintergrund verwenden

Wenn Ihre Formularschritte in der Höhe stark variieren, kann es am einfachsten sein, einfach eine Hintergrundfarbe anstelle eines Bildes festzulegen, um den Unterschied weniger auffällig zu machen.

Gehen Sie dazu auf “Formulareinstellungen”, dann auf “Themeneinstellungen bearbeiten”, und setzen Sie den Hintergrund des übergeordneten Containers auf eine Farbe:

3 – Setzen Sie den Hintergrund in Growform auf “none”, und verwalten Sie das Hintergrundbild an anderer Stelle

Wenn dies nicht möglich ist, können Sie den Hintergrund des Growform-Containers auf “none” setzen und ein Hintergrundbild Ihrer Wahl auf Ihrer eigenen Website hinzufügen. Führen Sie dazu die Schritte in Schritt 2 aus – wählen Sie jedoch “Keine” anstelle einer Farbe.

template_name
_id
friendly_id
above_fold_header
above_fold_description
long_description_header
long_description
how_does_it_work_header
how_does_it_work_text
screenshot_url
template_page_name
featured
how_it_works_new
Case study description

Post a Comments

Recent Posts

  • So erstellen Sie ein mehrstufiges Asana-Anfrageformular (ohne Code)
  • So erstellen Sie Hubspot-Mehrschrittformulare (ohne Code)
  • Einbettbare Formulare für Ihre Website
  • Logik-Sprung: Wie Sie mit Jumping Logic leistungsstarke Formulare erstellen
  • Beherrschen von Formularen mit bedingter Logik: Anleitung + Beispiele

Categories

  • Convertri
  • CRO
  • Formgestaltung
  • Generierung von Leads
  • Google Tag Manager
  • Hubspot
  • Immobilien
  • Integration
  • Marketing
  • Mehrstufiges Formular-Design
  • TrustedForm
  • Unbounce
  • Unbounce-Tutorials
  • Verwendung von growform
  • Werkzeuge

Try Growform Multi Step Form Builder »

Guides

  • So erstellen Sie ein mehrstufiges Asana-Anfrageformular (ohne Code)
  • So erstellen Sie Hubspot-Mehrschrittformulare (ohne Code)
  • Wie man ein Growform-Mehrschrittformular zu Instapage hinzufügt
  • Wie man ein Growform-Mehrschrittformular zu Leadpages hinzufügt
  • Wie man ein Growform-Mehrschrittformular zu Unbounce hinzufügt
  • Wie man ein mehrstufiges Growform-Formular zu Webflow hinzufügt
  • Wie man ein mehrstufiges Growform-Formular zu WordPress hinzufügt

Features

  • Alle Merkmale
  • Beherrschen von Formularen mit bedingter Logik: Anleitung + Beispiele
  • Konversationsformulare ohne Kodierung erstellen: Vollständige Anleitung
  • Einbettbare Formulare für Ihre Website
  • Lead Capture Formulare, die im Jahr 2023 konvertieren: 5 leistungsstarke Tipps + Beispiele
  • Leads in Echtzeit oder massenhaft überprüfen: Ultimativer Leitfaden
  • Logik-Sprung: Wie Sie mit Jumping Logic leistungsstarke Formulare erstellen
  • TrustedForm von ActiveProspect: Der ultimative Leitfaden für 2023
  • Die Magie der Wizard-Formulare: Wie man ein Wizard-Formular erstellt
  • Alternativen

More

  • Affiliierte Partner
  • Allgemeine Geschäftsbedingungen
  • Datenschutz & GDPR
  • Service status
  • Blog
  • Help docs
  • Climate pledge
© 2020 - 2021 Growform Ltd. All rights reserved. Growform is a company registered in England and Wales. Company No. 13097518. Registered office: Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX , UK
  • English
  • Français
  • Español
  • Italiano
  • Deutsch