Si quieres integrar archivos grandes como imágenes, Maps, ca­le­n­da­rios o vídeos de WordPress en tu sitio web, co­n­su­mi­rás mucha capacidad de al­ma­ce­na­mie­n­to y es posible que la velocidad de carga se vea afectada. Con iFrame para tu página de WordPress puedes mostrar contenido en tu página sin tener que alojarlo en tu bi­blio­te­ca mu­l­ti­me­dia. Esto conlleva numerosas ventajas: aquí te contamos cuáles, cómo funciona exac­ta­me­n­te esta te­c­no­lo­gía y cómo puedes utilizar iFrames en tu página de WordPress con plugins o de forma manual.

Dominios web
Compra y registra tu dominio ideal
  • Gratis SSL Wildcard para tra­n­s­fe­re­n­cias de datos más seguras
  • Gratis registro privado para más pri­va­ci­dad

¿Qué son los iFrames y cuáles son sus ventajas?

Los iFrames te permiten insertar co­n­te­ni­dos de terceros o alojados en otras pla­ta­fo­r­mas en tu sitio web. Por norma general, todo lo que necesitas es una etiqueta HTML y la dirección de la página original. La gran ventaja es que los medios co­rre­s­po­n­die­n­tes se muestran en tu presencia web y se pueden re­pro­du­cir allí, pero solo se almacenan en la página original.

Así, no se usará la capacidad de al­ma­ce­na­mie­n­to que tienes di­s­po­ni­ble en tu página. Es­pe­cia­l­me­n­te con archivos de gran tamaño, como vídeos o si quieres integrar un ca­le­n­da­rio en WordPress, esto es una gran ventaja, ya que de otro modo, tu página podría ra­le­n­ti­zar­se.

Consejo

Un dominio a tu gusto. Registra tu dominio deseado en IONOS y be­ne­fí­cia­te de una co­n­fi­gu­ra­ción sencilla, numerosas ca­ra­c­te­rí­s­ti­cas de seguridad y un servicio que responde de forma rápida y co­m­pe­te­n­te a todas tus preguntas, 24 horas al día y 365 días al año.

¿Para qué usar iFrames con WordPress?

Con WordPress, por ejemplo, puedes usar iFrames si quieres incluir tu propio contenido, pero no quieres consumir demasiado espacio de al­ma­ce­na­mie­n­to. Un buen ejemplo sería un vídeo co­r­po­ra­ti­vo de tu empresa. Puedes subirlo a tu propio canal de YouTube y luego in­te­grar­lo en tu página de WordPress con iFrames. Así, la carga de al­ma­ce­na­mie­n­to la asume YouTube, pero el vídeo sigue estando di­s­po­ni­ble en tu página.

También puedes hacerlo con imágenes u otros soportes de gran tamaño, lo que supone otra ventaja: al realizar la in­te­gra­ción, también haces re­fe­re­n­cia a tus canales de redes sociales. Una in­ter­ac­ción in­te­li­ge­n­te y elaborada de tus di­fe­re­n­tes pre­se­n­cias web te aporta una imagen pro­fe­sio­nal y, en el mejor de los casos, también provoca que los clientes o vi­si­ta­n­tes de tu sitio web se re­la­cio­nen contigo a través de tus pla­ta­fo­r­mas restantes.

Los iFrames también son una solución óptima para las páginas web de WordPress si deseas incluir contenido de terceros. En este caso debes tener en cuenta siempre la ley de derechos de autor. No­r­ma­l­me­n­te, si integras medios de fuentes externas en tu web de WordPress a través de iFrame, estás del lado seguro.

Consejo

Más rápido, más fácil y más seguro: con Hosting de WordPress de IONOS no solo eliges el modelo de tarifa que más te conviene, sino que te be­ne­fi­cias de numerosas ventajas. Desde bases de datos con te­c­no­lo­gía SSD hasta co­ne­xio­nes de fibra óptica de 360 Gbit/s y hasta tres dominios gratuitos de forma pe­r­ma­ne­n­te, seguro que aquí en­co­n­tra­rás el hosting adecuado.

Co­n­fi­gu­rar los pa­rá­me­tros e insertar los medios de forma óptima

Al insertar medios en WordPress con iFrame, puedes co­n­fi­gu­rar varios pa­rá­me­tros. Estos sirven para que, por ejemplo, un vídeo no cubra toda tu página ni sea demasiado pequeño y pase des­ape­r­ci­bi­do. Aquí también se incluye la decisión de cuándo se debe cargar un medio.

La anchura y la altura también son im­po­r­ta­n­tes y ayudan a mostrar los vídeos y otros medios de forma óptima al tiempo que ayudan con la in­te­gra­ción en el diseño de la página web co­rre­s­po­n­die­n­te. También puedes permitir o excluir otras opciones como el modo de pantalla completa a la hora de integrar medios externos en WordPress a través de iFrame.

Insertar iFrames en WordPress de forma manual

Tienes varias opciones para integrar iFrames en WordPress. Si eliges el modo manual, solo tienes que insertar el código co­rre­s­po­n­die­n­te en el editor. Este es el código:

<iframe  src="example.org"></iframe>

Si deseas ajustar los pa­rá­me­tros me­n­cio­na­dos an­te­rio­r­me­n­te, introduce los valores co­rre­s­po­n­die­n­tes detrás de ellos. Por ejemplo:

<iframe  src="example.org" width="900" height="800"></iframe>

Sin embargo, solo es posible incluir páginas web con el mismo protocolo de tra­n­s­fe­re­n­cia de hi­pe­r­te­x­to (HTTP). Así que si tu sitio web cuenta con un ce­r­ti­fi­ca­do SSL y, por lo tanto, utiliza HTTPS, pero la página de origen no, la inserción no es posible.

Usar códigos de inserción para iFrames

Sin embargo, no todas las pla­ta­fo­r­mas permiten la inserción manual de iFrames en WordPress. Esto tampoco significa que tengas que renunciar al contenido de estas páginas. Por otra parte, algunas páginas cuyo contenido se inserta con especial fre­cue­n­cia incluso facilitan dicho proceso. YouTube, por ejemplo, ofrece un botón para compartir. Puedes en­co­n­trar­lo debajo del vídeo co­rre­s­po­n­die­n­te.

Al hacer clic en el botón, se abre una nueva ventana con varias opciones. En el extremo izquierdo verás “Insertar”.

Si se­le­c­cio­nas esta opción, tienes la po­si­bi­li­dad de copiar un snippet HTML o la URL de origen. A co­n­ti­nua­ción, puedes in­co­r­po­rar­lo a tu página de WordPress mediante iFrame.

Instagram resuelve el problema de una forma igual de sencilla. Allí en­co­n­tra­rás la in­fo­r­ma­ción que necesitas en la parte superior derecha, a través del menú de los tres puntos.

Al hacer clic en ellos, aparece una nueva ventana con la opción “Código de inserción”.

A co­n­ti­nua­ción, procede tal y como se ha descrito an­te­rio­r­me­n­te.

Hosting WordPress
WordPress más potente y rápido gracias a la IA
  • Creación y pe­r­so­na­li­za­ción de tu página asistida por la IA
  • 3 veces más rápido: SSD, caché y más
  • Análisis diarios, pro­te­c­ción DDoS y di­s­po­ni­bi­li­dad del 99,99 %

Utilizar plugins iFrame para WordPress

Otra opción es insertar el contenido con un plugin de iFrame en WordPress. Este proceso es muy similar al pro­ce­di­mie­n­to manual, sin embargo, en este caso, se crea un shortcode en lugar de la etiqueta HTML. No obstante, no es necesario un largo proceso de co­n­fi­gu­ra­ción. Se activa el plugin de iFrame deseado y se pone en marcha di­re­c­ta­me­n­te. Aquí también puedes es­ta­ble­cer varios pa­rá­me­tros para que el vídeo, el mapa o el ca­le­n­da­rio se inserten de manera óptima en WordPress.

Los plugins de iFrame más populares son, por ejemplo:

Cuando elijas un plugin de iFrame para WordPress, asegúrate de que es co­m­pa­ti­ble y de que ha sido probado con tu versión actual de WordPress.

En resumen: los iFrames alivian la carga de tu web e insertan los medios de forma óptima

iFrames es una buena solución para que WordPress incluya contenido de alta calidad de otras webs o medios propios sin co­m­pro­me­ter la capacidad de al­ma­ce­na­mie­n­to. Las tres opciones pre­se­n­ta­das son re­co­me­n­da­bles y pueden eje­cu­tar­se sin muchos co­no­ci­mie­n­tos previos. Es im­po­r­ta­n­te que definas los pa­rá­me­tros de manera que los medios externos se integren de forma orgánica en el tema WordPress de tu página para que no eclipsen ningún otro elemento.

Consejo

Puedes consultar toda la in­fo­r­ma­ción relevante sobre los temas de WordPress en nuestra Digital Guide. Además, también puedes encontrar una lista de los mejores plugins de WordPress y una guía para crear temas hijo en WordPress.

Ir al menú principal