Mein Formular wird nicht korrekt dargestellt

Das Formular lädt, aber sieht „kaputt" aus — abgeschnitten, falsche Breite, mobil nicht scrollbar, unsichtbare Felder. Hier die häufigsten Ursachen.

1. iFrame ist zu schmal oder zu niedrig

Beim Einbetten als iFrame setzt deine Website oft eine feste Breite/Höhe — wenn die nicht zum Formular passt, rutscht es in Spalten oder wird abgeschnitten.

Lösung:

iFrame-Breite auf 100% setzen
iFrame-Höhe auto-anpassen lassen — propform liefert ein kleines JS-Snippet mit, das die Höhe dynamisch nachzieht. Das Snippet findest du in den Formulareinstellungen → iFrame-Code zum Einbetten und musst es einmalig in deine Seite einbauen.
Wenn du den dynamischen Code nicht nutzt, setze die iFrame-Höhe auf einen großzügigen Wert (z.B. 1200px) und prüfe, ob das Formular reinpasst.

2. Eltern-Element der iFrame-Seite hat zu wenig Breite

Manche Website-Builder rendern den Bereich, in dem du den iFrame einsetzt, in einer Spalte mit fester Breite (z.B. 600px). Auf dem Smartphone wird das dann eng.

Lösung: In deinem Website-Builder die Spalten-/Container-Breite auf 100% oder mindestens 100vw setzen, falls verfügbar. Bei WordPress-Page-Buildern (Elementor, Divi) heißt das oft „Full Width" oder „Stretch".

3. CSS-Konflikt mit deiner Website

Sehr selten: Ein global gesetztes CSS auf deiner Website (z.B. * { box-sizing: content-box } oder ähnlich) überschreibt das Formular-Styling.

Lösung: Falls du Custom-CSS auf deiner Seite hast, isoliere den iFrame-Container oder schau in der Browser-DevTools-Konsole nach Stil-Konflikten.

4. Mobile Ansicht ist abgeschnitten

Das Formular läuft auf dem Desktop perfekt, aber auf dem Smartphone fehlt etwas am rechten Rand.

Lösung:

In deiner Website-<head> muss der Viewport-Meta-Tag stehen: <meta name="viewport" content="width=device-width, initial-scale=1.0">
iFrame-Breite auf 100% (nicht in px)
Eltern-Container darf keine min-width haben

5. Browser-Cache

Wenn du gerade Anpassungen am Formular gemacht hast und es noch alt aussieht: Browser-Cache leeren oder Inkognito-Tab probieren.

6. Logo oder Button verschwunden

Wenn das Logo nicht angezeigt wird oder ein Button fehlt:

Wurde das Logo in den Formulareinstellungen hochgeladen?
Ist der Button in einer Bedingungs-Regel auf „nicht sichtbar" gesetzt? Schau in den Feld-Einstellungen unter „Bedingungen".

Wenn nichts hilft

Schreib uns mit folgenden Infos an hello@propform.io:

Formular-URL (falls eingebettet: auch URL deiner Website)
Browser + Gerät (Desktop/Tablet/Smartphone)
Screenshot des Fehlers
Was hast du erwartet?

propform.ioHilfe