Editor de Wix Harmony: incrustar un enlace o código HTML
5 min
En este artículo
- Incrustar código o un sitio
- Ajustar el tamaño del contenido mostrado
- Pautas
- Solución de problemas de tu elemento incrustado
Este artículo hace referncia al nuevo Editor de Wix Harmonyr, lanzado en enero de 2026. Si no tienes seguridad de si estás usando el Editor de Wix Harmony o el Editor de Wix, obtén más información aquí.
Muestra contenido de otras plataformas directamente en tu sitio al incrustar un fragmento de código o una URL. Usa esta función para incluir widgets útiles, como un temporizador de cuenta regresiva o el pronóstico del tiempo, o para mostrar contenido de otro sitio directamente en tu página; así, todo lo que tus visitantes necesitan estará en un solo lugar.
Incrustar código o un sitio
Ve al panel Agregar elementos para agregar una nueva incrustación a tu sitio. Elige si quieres incrustar un fragmento de código o mostrar contenido de una URL externa y, a continuación, configúralo según sea necesario.
Importante:
Asegúrate de leer nuestras pautas antes de insertar tu código o enlace.
Para agregar un elemento incrustado:
- Ve al editor.
- Haz clic en + Agregar en la parte superior izquierda del editor.
- Desplázate por las categorías y selecciona Incrustar.
- Arrastra el elemento Incrusta código o Incrusta un sitio a la página.
- Haz clic en el icono de Ajustes
en la barra de acciones. - Configura el enlace o el código que quieras incrustar:
Incrustar código
Incrustar un sitio
Ajustar el tamaño del contenido mostrado
Cuando agregas código incrustado de otra fuente, a menudo incluye valores de ancho y altura fijos en píxeles, como se muestra en el ejemplo a continuación.
1<iframe width="560" height="315"
2 src="https://www.wix.com"
3 frameborder="0">
4</iframe>Si el contenedor de tu iFrame es más pequeño que esos valores, es posible que parte del contenido se vea cortado en la página. Para lograr un ajuste más suave, reemplaza los valores numéricos de píxeles por porcentajes configurados al 100%. De esta manera, el contenido incrustado cambia de tamaño de forma automática para coincidir con el espacio que le asignes.
1<iframe width="100%" height="100%"
2 src="https://www.wix.com"
3 frameborder="0">
4</iframe>Pautas
Antes de insertar tu código o enlace en el iFrame, te recomendamos leer las siguientes pautas.
Código
- Asegúrate siempre de que el código que vas a incrustar esté actualizado y sea compatible con HTML5. La mayoría de los navegadores no muestran las páginas y las secuencias de comandos correctamente si se escribieron con una versión antigua de HTML.
- El código HTML contiene los elementos completos de la página, pero los ajustes de diseño y otras funciones complejas suelen guardarse por separado. Por lo tanto, es posible que algunos elementos no funcionen o no se vean igual si los elementos pertinentes no se incluyen como referencia dentro del código HTML, por ejemplo, los archivos CSS y archivos JS.
Enlace
- Si no tienes claro cómo usar el atributo target, lee sobre esto aquí o ponte en contacto con el autor del código.
- Asegúrate de que tu enlace contenga HTTPS, no HTTP, o no se podrá mostrar en tu sitio online.
Solución de problemas de tu elemento incrustado
¿Tienes problemas al insertar tu código o enlace? Haz clic en un problema a continuación para obtener más información y consultar los pasos para resolverlos.
Importante:
No podemos ofrecer Atención al Cliente para código externo que no haya sido creado o probado por Wix. Si los siguientes pasos no resuelven el problema con tu fragmento de código, por favor, contacta directamente al proveedor.
El contenido de mi elemento incrustado parece recortado
Los elementos no se ven o no funcionan como deberían
Los enlaces de mi iFrame no funcionan
El contenido de mi iFrame no se adapta a los diferentes tamaños de pantalla
Mi iFrame no muestra el sitio web