Popup Builder Iframe

La web que quieres mostrar decide si se deja mostrar

Pegas la dirección de un artículo tuyo publicado en otro medio, guardas, abres la ventana y aparece vacía o con un error. Revisas los ajustes una y otra vez, y todo parece correcto. Lo que falla puede estar fuera de tu WordPress.

Cuando metes una página ajena en un iframe, quien da permiso es el dueño de esa página. Iframe Popup, la extensión de Popup Builder, abre sobre tu web una ventana con el contenido de otra dirección. Es una forma directa de enseñar un mapa, un vídeo o una publicación sin que el visitante se marche. Lo que aparece dentro depende de la otra web, así que la primera prueba debe hacerse con la dirección real, no con una de ejemplo.

Contenido que puede entrar en la ventana

• Mapas: para mostrar dónde está tu empresa, con la posibilidad de acercar o alejar la vista.
• Vídeos y publicaciones digitales: se muestran como un documento HTML incrustado.
• Previsión del tiempo: útil para operadores turísticos o actividades al aire libre.
• Artículos en otra web: el visitante los lee dentro de la ventana.
• Una web completa: la ventana es escalable y puede mostrarla entera.

El contenido sigue viviendo en la otra dirección. Si allí cambia o desaparece, también cambia lo que ve tu visitante.

Dos bloqueos que vienen del navegador

Si la ventana sale vacía, revisa estos dos casos antes de buscar un fallo en el plugin:

• La otra web prohíbe que la incrusten. Un sitio puede enviar la cabecera X-Frame-Options. Con DENY su página no carga en ningún marco, y con SAMEORIGIN solo carga dentro de su propio origen. La directiva frame-ancestors de Content-Security-Policy cumple una función parecida con más opciones.
• La dirección usa http y tu web usa https. Los navegadores bloquean un iframe http dentro de una página https, porque es contenido mixto que no se actualiza a https.

En ambos casos, la decisión la toma el navegador a partir de la configuración de cada sitio. Si la página es tuya, puedes revisar su cabecera. Si es ajena, tendrás que buscar una dirección pensada para incrustar o enlazarla de forma normal.

Cuándo se abre y qué enlace la dispara

La ventana puede abrirse al hacer clic, al desplazarse, al pasar el cursor, con intención de salida o tras un periodo de inactividad. Admite modo suave o agresivo, efectos de animación y personalización visual, y puede limitarse a un rango de fechas.

Comprueba qué tienes instalado antes de contar con cada disparador. Exit intent, Inactivity Event y Scheduling se ofrecen como extensiones propias de Popup Builder, aparte de esta.

Otro uso práctico: crea un popup iframe vacío y añade a un enlace la clase sg-iframe-popup- seguida del ID del popup. Al pulsar el enlace, su página se abre en la ventana y el visitante no sale de tu web.

Popup Builder activo y una dirección que pegar

La extensión funciona sobre Popup Builder, que debe estar instalado. Con los dos activos:

1. Entra en Popup Builder, en tu escritorio, y pulsa Add New.
2. Elige el tipo Iframe.
3. Copia la dirección que quieres mostrar y pégala en el campo Iframe URL de Iframe Settings.
4. Guarda y define el evento que abrirá la ventana.
5. Pruébala en tu web, con una ventana privada, y comprueba que el contenido carga.

Cuando el contenido debe quedarse dentro de la página

Una ventana emergente no siempre es lo que necesitas. Advanced iFrame Pro incluye una página en una entrada mediante un shortcode, ajusta el tamaño al contenido y permite mostrar u ocultar zonas, también en dominios distintos.

EmbedPress Pro va por otro camino: pegas una dirección y el contenido queda incrustado en la entrada, con fuentes como YouTube, Vimeo, Google Maps, documentos de Google o PDF.

Respuestas sobre la ventana con iframe

¿Por qué el popup sale en blanco?

La causa puede ser una cabecera de la otra web que prohíbe incrustarla o una dirección http dentro de una web https. Prueba primero con otra página.

¿Sirve para Google Maps?

Sí: es uno de los usos previstos. Pega el enlace del mapa en Iframe URL y comprueba en tu web que carga.

¿Puedo abrir un enlace dentro del popup?

Sí, con un popup iframe vacío y la clase sg-iframe-popup- más su ID en el enlace.

¿Funciona sin Popup Builder?

No. Es una extensión y necesita ese plugin como base.

¿Puedo mostrarlo solo unas fechas?

Sí, se puede limitar a un rango de fechas. Scheduling es la extensión que programa popups por periodos.