Il mio modulo non viene visualizzato correttamente

Il modulo si carica, ma appare "difettoso": troncato, larghezza errata, non scorrevole sui dispositivi mobili, campi invisibili. Ecco le cause più comuni.

1. L'iFrame è troppo stretto o troppo basso

Quando si incorpora come iFrame, il tuo sito web spesso imposta una larghezza/altezza fissa — se questa non si adatta al modulo, esso scivola nelle colonne o viene troncato.

Soluzione:

Imposta la larghezza dell'iFrame su 100%
Lascia che l'altezza dell'iFrame si adatti automaticamente — propform fornisce un piccolo snippet JS che regola l'altezza in modo dinamico. Trovi lo snippet in Impostazioni modulo → Codice iFrame per l'incorporamento e devi inserirlo una sola volta nella tua pagina.
Se non utilizzi il codice dinamico, imposta l'altezza dell'iFrame su un valore generoso (ad es. 1200px) e verifica se il modulo ci sta.

2. L'elemento padre della pagina iFrame ha una larghezza insufficiente

Alcuni website builder rendono l'area in cui inserisci l'iFrame in una colonna a larghezza fissa (ad es. 600px). Su smartphone lo spazio risulta quindi troppo stretto.

Soluzione: nel tuo website builder imposta la larghezza della colonna/del contenitore su 100% o almeno su 100vw, se disponibile. Nei page builder di WordPress (Elementor, Divi) questa opzione si chiama spesso “Full Width” o “Stretch”.

3. Conflitto CSS con il tuo sito web

Molto raro: un CSS impostato globalmente sul tuo sito web (ad es. * { box-sizing: content-box } o simile) sovrascrive lo stile del modulo.

Soluzione: se hai un CSS personalizzato sulla tua pagina, isola il contenitore iFrame o controlla nella console DevTools del browser se ci sono conflitti di stile.

4. La visualizzazione mobile è troncata

Il modulo funziona perfettamente sul desktop, ma sullo smartphone manca qualcosa sul bordo destro.

Soluzione:

Nel tuo sito web <head> deve essere presente il meta tag viewport: <meta name="viewport" content="width=device-width, initial-scale=1.0">
Larghezza dell'iFrame su 100% (non in px)
Il contenitore padre non deve avere un'altezza minima (min-width)

5. Cache del browser

Se hai appena apportato modifiche al modulo e questo appare ancora come prima: svuota la cache del browser o prova una scheda in incognito.

6. Logo o pulsante scomparsi

Se il logo non viene visualizzato o manca un pulsante:

Il logo è stato caricato nelle impostazioni del modulo?
Il pulsante è impostato su "non visibile" in una regola di condizione? Controlla nelle impostazioni del campo alla voce "Condizioni".

Se nulla funziona

Scrivici all'indirizzo hello@propform.io fornendo le seguenti informazioni:

URL del modulo (se incorporato: anche l'URL del tuo sito web)
Browser + dispositivo (desktop/tablet/smartphone)
Screenshot dell'errore
Cosa ti aspettavi?

propform.ioHilfe