Saltar al contenido principal

Cómo solucionar la pantalla en blanco del iframe DSAR después de enviar

Rogelyn
Actualización

Cuando agregas el formulario DSAR de Termly a tu sitio web, los usuarios lo completan dentro de un iframe. Después de presionar Enviar, el mensaje de confirmación aparece en la parte superior del iframe. Si el formulario es largo, los usuarios pueden estar aún en la parte inferior de la página y no ver el mensaje de inmediato.

Aquí tienes una forma rápida de solucionarlo para que la página se desplace automáticamente hacia arriba y el mensaje sea visible.

 

Cómo solucionarlo

Agrega un fragmento simple de JavaScript a tu sitio que desplace la página de nuevo a la parte superior del iframe cada vez que se recargue después de enviar el formulario.

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

<script>
  const iframe = document.getElementById('dsarForm');
  iframe.addEventListener('load', () => {
    // Desplaza la página principal a la parte superior del iframe
    iframe.scrollIntoView({ behavior: 'smooth', block: 'start' });
  });
</script>

 

Cómo funciona

  • Botón enviar presionado: El iframe se recarga para mostrar el mensaje de confirmación.
  • Evento de carga activado: El script detecta la recarga.

  • Acción de desplazamiento: La página principal se desplaza suavemente hacia la parte superior del iframe, asegurando que el mensaje sea visible.

     

Limitaciones actuales

  • La demo del iframe DSAR no incluye un mensaje postWindow() ni ganchos de eventos integrados para notificar a la página principal sobre cambios en el contenido.

  • Esto significa que no puedes interceptar directamente los cambios de estado del formulario desde el iframe.

     

Notas

  • Esta solución funciona de manera confiable en la configuración actual de la demo DSAR, donde el iframe se recarga después del envío.
  • Si tu implementación utiliza inyección dinámica de contenido (sin una recarga completa), el evento load puede no activarse. En ese caso, podría ser necesario un enfoque más avanzado (como MutationObserver o soporte futuro para postMessage).

 

Próximos pasos

Continuamos explorando soluciones más robustas que no dependan únicamente de las recargas del iframe. Mientras tanto, por favor prueba el fragmento anterior en tu entorno.

 

Artículos relacionados

¿Cómo configuro un formulario DSAR para los visitantes de mi sitio web?

¿Cómo respondo a un DSAR?

¿Cómo incrusto un botón de No vender mi información en un sitio web de Wix?

Artículos relacionados