Tengo un problema con usuarios que no visualizan páginas del formulario

Hola,

El formulario funciona perfectamente cuando se abre directamente desde el enlace, pero no funciona cuando está embebido en la página web del cliente. Aparece una página en blanco, como si las preguntas no existieran, y el sistema exige llenar campos requeridos que no aparecen.

Esto indica un problema de cómo la página del cliente está cargando el iFrame o las políticas de contenido (CSP).

Necesito que por favor revisen:

1. Si el código iFrame que Jotform genera está actualizado y si debo usar  

  • iFrame clásico  

  • iFrame con script  

  • Script embed  

  • o una versión específica compatible con navegadores antiguos o entornos corporativos.

2. Si el formulario necesita permisos adicionales, por ejemplo:  

  • allow=“cross-origin”  

  • allow=“fullscreen”  

  • sandbox=“allow-scripts allow-same-origin allow-forms”

3. Si existe un método alternativo recomendado por Jotform para entornos corporativos, ya que Mayo Clinic y otras instituciones médicas tienen firewalls estrictos.

4. Si el formulario puede estar siendo bloqueado por X-Frame-Options o Content-Security-Policy, y cuál es la configuración exacta que la página del cliente debe agregar.

También, favor de confirmarme:  

• Si el formulario utiliza scripts externos que su sitio podría estar bloqueando.  

• Si existe una versión “no-script” o “secure embed” para evitar estos conflictos.

Gracias

Hola Viviana,

Gracias por compartir los detalles del problema con el formulario embebido. Aquí te explico lo que debes considerar para resolverlo:

1. Código iFrame actualizado y opciones de embed:
Jotform ofrece varias opciones para embeber formularios: iFrame clásico, iFrame con script, JavaScript embed, y código fuente completo. El método iFrame es el más compatible y aislado, ideal para evitar conflictos con otros scripts del sitio. Puedes obtener el código iFrame actualizado desde la pestaña Publish > Embed > iFrame en Form Builder.

2. Permisos adicionales para iFrame:
Para evitar bloqueos, el iFrame puede necesitar atributos como allow="cross-origin", allow="fullscreen" y un sandbox configurado con allow-scripts allow-same-origin allow-forms. Esto permite que el formulario ejecute scripts, mantenga el origen y permita enviar formularios dentro del iFrame.

3. Métodos alternativos para entornos corporativos con firewalls estrictos:
Si el iFrame presenta problemas en entornos con firewalls restrictivos (como Mayo Clinic), se recomienda probar el embed por JavaScript, que carga el formulario dinámicamente y puede ser más compatible. También puedes usar el código fuente completo para alojar el formulario en tu propio servidor, aunque requiere actualizar manualmente el código tras cambios.

4. Bloqueos por X-Frame-Options o Content-Security-Policy (CSP):
El formulario puede estar bloqueado si la página cliente tiene políticas CSP que no permiten cargar contenido desde dominios externos o si el servidor de Jotform envía encabezados X-Frame-Options restrictivos. La página del cliente debe permitir explícitamente el dominio de Jotform en su política CSP para frame-src o child-src. También debe evitar bloquear el iframe con X-Frame-Options.

5. Scripts externos y versión sin scripts:
Jotform usa scripts externos para funcionalidades del formulario, por lo que si el sitio del cliente bloquea estos scripts, el formulario no funcionará correctamente. No existe una versión “no-script” completa, pero el iFrame es la forma más segura para evitar conflictos. El embed por código fuente es una opción si quieres controlar los scripts, pero requiere mantenimiento.

Te recomiendo probar primero el embed por iFrame con los permisos adecuados y revisar las políticas CSP de la página cliente para asegurarte que permiten cargar el formulario desde Jotform. Si el problema persiste, intenta con el embed por JavaScript o código fuente.

Si necesitas, puedo guiarte paso a paso para obtener el código iFrame actualizado o cualquier otro método de embed.

Give it a try and let us know how it goes.

sí por favor guíame para obtener el código iframe actaulizado

Hola Viviana,

Déjame ayudarte con eso. Aquí tienes cómo obtener el código iFrame actualizado para tu formulario en Jotform:

1. Inicia sesión en tu cuenta de Jotform y ve a My Forms.
2. Selecciona el formulario que deseas embeber.
3. Haz clic en Publish en la barra de navegación superior.
4. En el menú de la izquierda, selecciona Embed.
5. Elige la opción iFrame.
6. Copiar el código iFrame que aparece, este es el código actualizado que puedes usar para embeber el formulario en la página web del cliente.

Si necesitas, puedo guiarte en cómo insertar ese código en la página web o en configuraciones específicas para evitar problemas de visualización.

Give it a try and let us know how it goes.

Hi Viviana,

Unfortunately, our Spanish Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Spanish, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

As per your issue, in order to assist you further, could you please provide the link so we can investigate the issue?

Once we know more about what’s going on, we can figure out the fix.

hello Shaina, thank you very much for helping us with this issue.

our form has the next link:
https://form.jotform.com/243145949268064

and the iframe jotform gave me is this:
<iframe

   id="JotFormIFrame-243145949268064"

   title="Cardiology at Cancun 2026"

   onDISABLEDload="window.parent.scrollTo(0,0)"

   allowtransparency="true"

   allow="geolocation; microphone; camera; fullscreen; payment"

      src="https://form.jotform.com/243145949268064"

   frameborder="0"

   style="min-width:100%;max-width:100%;height:539px;border:none;"

   scrolling="no"

  >

  </iframe>

    <script src='https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js'></script>

    <script>window.jotformEmbedHandler("iframe[id='JotFormIFrame-243145949268064']", "https://form.jotform.com/")</script>

So my next question is what to do in order to have the right link to give our clients with out problems.

thank you in advance

Hi Viviana,

Thanks for reaching out.

To help us to check this issue, could you please share the URL of the page where the form is embedded?

In the meantime, please make sure that jotform.io is whitelisted on your website or any security tools you're using, then test the form again.