Avisos
Vaciar todo

[Resuelto] Problema con iFrames entre dos webs en el mismo servidor

15 Respuestas
3 Usuarios
0 Reacciones
73 Visitas
Respuestas: 7
Active Member
Topic starter
 

Tenemos un sitio WordPress que queremos incrustar en un iFrame en nuestro otro dominio alojado en el mismo servidor (Prestashop) y cuenta. Hemos desactivado las cabeceras X-Frame-Options en el .htaccess y en WordPress, pero sigue bloqueado. Desde el hosting nos confirman que han revisado el firewall (WAF) para que no tenga activada alguna regla global que bloquee el framing de nuestro dominio.

El motivo es porque hemos añadido unos elementos 3d (en Wordpress)y queremos que se visualicen en un iframe en la página de producto de la otra web (la de Prestashop).

Gracias.

Contenido solo visible a usuarios registrados


 
Respondido : 19/06/2026 5:38 am
Tags del tema
Pepe
 Pepe
Respuestas: 42532
Illustrious Member
 

Hola Joaquín.

Prueba lo siguiente.

.- Accede a Parámetros de la tienda -> Configuración

.- Activa la opción Permite iframes en los campos HTML

chrome capture 2026 06 19

 

.- Guarda y vacia la cache de Prestashop.

 

Revisa si con eso puedes añadir los Iframes y nos comentas.

 

Un saludo


Esta publicación ha sido modificada el hace 3 meses por Pepe
 
Respondido : 19/06/2026 8:40 am
Respuestas: 7
Active Member
Topic starter
 

Hola! Sí, tengo activado "Permite iframes en los campos HTML" y he borrada la caché de Prestashop, pero sigue el mismo problema.

Se puede ver en este enlace como ejemplo: https://www.alfombrasimperio1979.com/es/alfombras-vinilicas/alfombra-vinilica-amadora-990d-36-.html

Captura de pantalla 2026 06 22 110825

Gracias


 
Respondido : 22/06/2026 9:08 am
Pepe
 Pepe
Respuestas: 42532
Illustrious Member
 

Hola Joaquin.

El error es un problema de Content Security Policy, es decir, solo se permite que me incrusten (iframe) páginas que vengan de mí mismo o de https://alfombrasimperio1979.com (sin www )

Por favor puedes adjunta una captura para ver como estas incrustado el Iframe y si puedes en código del iframe que está incrustando ?

De todas formas prueba con esto este iframe:

<iframe src="https://tadi-imperio1979.com/..." width="100%" height="800" frameborder="0"></iframe>

Tienes que terminarlo con la URL exacta.

Después de eso vacía todas las caches tanto de WordPress como de Prestashop y si tienes Varnish la vacias tambien.

 

Un saludo

 


 
Respondido : 22/06/2026 10:16 am
Respuestas: 7
Active Member
Topic starter
 

Hola de nuevo.

Este es mi iframe:

<iframe
src="https://tadi-imperio1979.com/3d/amadora/"
width="100%"
height="500px"
frameborder="0"
allowfullscreen>
</iframe>

 

Como editor utilizo Elementor para Prestashop de la plantilla Warehouse.

El iframe se incrusta en un html.

He borrado caché de Prestashop y de Wordpress.

Realmente lo que quiero es incrustar en alfombrasimperio1979.com (Prestashop) una web de tadi-imperio1979.com (Wordpress).

Gracias


 
Respondido : 22/06/2026 10:51 am
Pepe
 Pepe
Respuestas: 42532
Illustrious Member
 

Hola joaquin.

Ok vamos hacerlo de otr amanera:

.- Accede a la carpeta donde tienes la instalación de Prestashop

.- Crea una carpeta con el nombre 3d

.- Sube a esa carpeta la carpeta amadora ( donde tienes los archivos del visor de 3d )

.- Edita el archivo index.html que tienes dentro de la carpeta amadora y lo sustituyes por lo siguiente:

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Amadora - Vista 3D</title>

<!-- Model Viewer de Google -->
<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.5.0/model-viewer.min.js" type="module"></script>

<link rel="stylesheet" href="styles.css">

<style>
body { margin:0; padding:0; overflow:hidden; background:#ffffff; }
model-viewer { width:100%; height:100vh; }
</style>
</head>
<body>
<model-viewer
src="amadora.glb"
ar
ar-modes="scene-viewer webxr quick-look"
camera-controls
tone-mapping="neutral"
poster="poster.webp"
shadow-intensity="0"
exposure="0.9"
shadow-softness="0"
camera-orbit="-69.69deg 38.63deg 2.745m"
field-of-view="20.11deg"
auto-rotate
rotation-per-second="30deg">

<div class="progress-bar hide" slot="progress-bar">
<div class="update-bar"></div>
</div>

<button slot="ar-button" id="ar-button">
Ver en Realidad Aumentada
</button>
</model-viewer>

<script src="script.js"></script>
</body>
</html>

.- En el producto donde quieras mostrarlo añade el siguiente iframe:

<h3>Vista 3D - Realidad Aumentada</h3>
<iframe
src="https://www.tadi-imperio1979.com/3d/amadora/"
width="100%"
height="750"
frameborder="0"
allowfullscreen
style="border:1px solid #ddd; border-radius:8px;">
</iframe>

 

.- Vacía las caches que tengas y lo revisas.

 

Comentanos como te fue.

 

Un saludo

 


 
Respondido : 22/06/2026 11:40 am
Respuestas: 7
Active Member
Topic starter
 

Hola! he seguido los pasos y sigue sin funcionar.

https://www.alfombrasimperio1979.com/es/alfombras-vinilicas/alfombra-vinilica-amadora-990d-36-7260.html#/25-forma-rectangular/278-medida-60_x_40

Un saludo


 
Respondido : 01/07/2026 11:18 am
Pepe
 Pepe
Respuestas: 42532
Illustrious Member
 

Hola Joaquin.

Veo que el archivo está cargando:

https://www.alfombrasimperio1979.com/3d/amadora/

Creo que nos confundimos de dominio y por eso no se ve.

Sustituye el Iframe del producto por este:

<h3 style="text-align:center;">Vista 3D Interactiva - Realidad Aumentada</h3>
<iframe
src="https://www.alfombrasimperio1979.com/3d/amadora/"
width="100%"
height="750"
frameborder="0"
allowfullscreen
style="border:1px solid #ddd; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
</iframe>

 

 

Un saludo


 
Respondido : 01/07/2026 11:49 am
Respuestas: 7
Active Member
Topic starter
 

Hola Pepe! si subimos los archivos 3d a la carpeta del mismo dominio sí va a funcionar obviamente, pero la idea era tener los archivos solo en un dominio, el de tadi-imperio1979, y poder incrustarlos en el de alfombrasimperio1979, para no duplicar archivos y peso en servidor. 

Un saludo!


 
Respondido : 01/07/2026 12:02 pm
Pepe
 Pepe
Respuestas: 42532
Illustrious Member
 

Hola joaquin.

El problema es por politicas de seguridad pero podemos intentar algo:

.- Edita el archivo .htaccess del dominio tadi-imperio1979.com, al principio del archivo añade lo siguiente:

<IfModule mod_headers.c>
Header always set Content-Security-Policy "frame-ancestors 'self'  https://*.alfombrasimperio1979.com  https://alfombrasimperio1979.com  https://www.alfombrasimperio1979.co m"
</IfModule>

 

Modifica el iframe por el siguiente:

<iframe
src="https://www.tadi-imperio1979.com/3d/amadora/"
width="100%"
height="750"
frameborder="0"
allowfullscreen
style="border:1px solid #ddd; border-radius:8px;">
</iframe>

 

Revisa si con eso carga.

 

Un saludo


 
Respondido : 01/07/2026 1:10 pm
Respuestas: 7
Active Member
Topic starter
 

Hola Pepe!

Sí, ya tratamos de hacer ese cambio en el htaccess también.

Pero sigue sin funcionar. Te paso capturas.

Gracias

FORO1
FORO2

 


 
Respondido : 03/07/2026 6:06 am
Pepe
 Pepe
Respuestas: 42532
Illustrious Member
 

Hola Joaquin.

No se si lo cambiaste pero en un principio no aparecía y después de vaciar la caché de Varnish se está mostrando.

chrome capture 2026 07 03

Veo que esta cargando desde tadi-imperio1979

Captura de pantalla 2026 07 03 103323

 

Puedes confirmarme que ahora caga sin problemas ?

 

Un saludo


 
Respondido : 03/07/2026 8:35 am
Karen Rios
Respuestas: 20411
Illustrious Member Admin
 

Hola Joaquin, 

Quedamos atentos como ha ido todo.

Un Saludo


 
Respondido : 06/07/2026 3:04 pm
Respuestas: 7
Active Member
Topic starter
 

Buenos días!

Ahora cargan bien todos los modelos 3d del otro dominio. Debía faltar limpiar la caché de Varnish. Aunque siempre limpio caché desde plex. Es un poco confuso porque en herramientas está la Microcaché y la Magic Caché (Varnish). La Microcaché la tengo activa para las dos webs, pero la Magic Caché solo la puedo activar para la web wordpress y no para la web con prestashop (limitaciones de Varnish). Por eso no la limpiaba.

Muchas gracias y un saludo.


 
Respondido : 07/07/2026 8:06 am
Karen Rios
Respuestas: 20411
Illustrious Member Admin
 

Hola Joaquin, 

Enhorabuena funciona como necesitas, es un placer para nosotros siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta. 

Un Saludo 😊 


 
Respondido : 07/07/2026 11:01 am