Vai al contenuto principale

Come risolvere lo schermo vuoto dell'iframe DSAR dopo l'invio

Rogelyn
Aggiornato

Quando aggiungi il modulo DSAR di Termly al tuo sito web, gli utenti lo compilano all'interno di un iframe. Dopo aver premuto Invia, il messaggio di conferma viene mostrato nella parte superiore dell'iframe. Se il modulo è lungo, gli utenti potrebbero trovarsi ancora in fondo alla pagina e non vedere subito il messaggio.

Ecco un modo rapido per risolvere questo problema, in modo che la pagina scorra automaticamente verso l'alto e il messaggio sia visibile.

 

Come risolverlo

Aggiungi un semplice frammento di JavaScript al tuo sito che fa scorrere la pagina fino alla parte superiore dell'iframe ogni volta che si ricarica dopo l'invio.

<iframe id="dsarForm" src="https://app.termly.io/dsar/UUID"></iframe>

<script>
  const iframe = document.getElementById('dsarForm');
  iframe.addEventListener('load', () => {
    // Scroll the parent page to the top of the iframe
    iframe.scrollIntoView({ behavior: 'smooth', block: 'start' });
  });
</script>

 

Come funziona

  • Pulsante Invia premuto: L'iframe si ricarica per mostrare il messaggio di conferma.
  • Evento di caricamento attivato: Lo script rileva il ricaricamento.

  • Azione di scorrimento: La pagina principale scorre dolcemente fino alla parte superiore dell'iframe, assicurando che il messaggio sia visibile.

     

Limitazioni attuali

  • La demo dell'iframe DSAR non include un messaggio postWindow() né hook di eventi integrati per notificare alla pagina principale le modifiche del contenuto.

  • Ciò significa che non puoi intercettare direttamente i cambiamenti di stato del modulo dall'iframe.

     

Note

  • Questa soluzione funziona in modo affidabile nell'attuale configurazione della demo DSAR, dove l'iframe si ricarica dopo l'invio.
  • Se la tua implementazione utilizza l'iniezione di contenuti dinamici (senza un ricaricamento completo), l'evento load potrebbe non attivarsi. In tal caso, potrebbe essere necessaria un'approccio più avanzato (come MutationObserver o un futuro supporto per postMessage).

 

Prossimi passi

Stiamo continuando a esplorare soluzioni più robuste che non si basino esclusivamente sui ricaricamenti dell'iframe. Nel frattempo, ti invitiamo a testare il frammento sopra nel tuo ambiente.

 

Articoli correlati

Come posso configurare un modulo DSAR per i visitatori del mio sito?

Come rispondo a una DSAR?

Come incorporo un pulsante "Non vendere le mie informazioni" su un sito Wix?

Articoli correlati