{"id":104377,"date":"2021-10-14T11:00:09","date_gmt":"2021-10-14T05:30:09","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?p=104377"},"modified":"2023-12-28T16:11:06","modified_gmt":"2023-12-28T10:41:06","slug":"embed-iframe-in-wordpress","status":"publish","type":"post","link":"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/embed-iframe-in-wordpress\/","title":{"rendered":"C\u00f3mo incrustar iframes en un sitio WordPress (manualmente y con plugins)"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<p>\u00bfHa o\u00eddo hablar recientemente de los marcos en l\u00ednea (iFrames) y de c\u00f3mo pueden ayudarle a compartir contenidos en su sitio web? Si lo ha hecho <a href=\"https:\/\/git-staging.wpastra.com\/es\/blogging\/how-to-start-a-blog\/\" target=\"_blank\" rel=\"noreferrer noopener\">gestionar un blog<\/a>o producir cualquier contenido web, habr\u00e1 muchas ocasiones en las que querr\u00e1s compartir el contenido de otras personas.<\/p>\n\n\n\n<p>Los iFrames permiten hacerlo de forma eficaz y segura.<\/p>\n\n\n\n<p>Con un iFrame, podr\u00e1 <a href=\"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/embed-video-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">mostrar contenidos como v\u00eddeos<\/a> e im\u00e1genes sin tener que alojarlas en su sitio web.<\/p>\n\n\n\n<p>En esta entrada, vamos a explicar qu\u00e9 son los iFrames, qu\u00e9 hacen y c\u00f3mo utilizarlos en WordPress.<\/p>\n\n\n\n<p>A continuaci\u00f3n, le mostraremos c\u00f3mo incrustarlos manualmente y mediante plugins.<\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-fb13a937\"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTabla de contenidos\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap\">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#using-iframes-in-wordpress\" class=\"uagb-toc-link__trigger\">Uso de iFrames en WordPress<\/a><li class=\"uagb-toc__list\"><a href=\"#what-are-iframes\" class=\"uagb-toc-link__trigger\">\u00bfQu\u00e9 son los iFrames?<\/a><li class=\"uagb-toc__list\"><a href=\"#things-to-know-before-you-get-started-using-iframes\" class=\"uagb-toc-link__trigger\">Cosas que debes saber antes de empezar a usar iFrames<\/a><li class=\"uagb-toc__list\"><a href=\"#how-to-use-iframes-in-wordpress-3-methods\" class=\"uagb-toc-link__trigger\">C\u00f3mo utilizar iFrames en WordPress (3 m\u00e9todos)<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#method-1-embed-iframe-using-embed-codes\" class=\"uagb-toc-link__trigger\">M\u00e9todo 1: Incrustar iFrame utilizando c\u00f3digos de incrustaci\u00f3n<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#method-2-use-the-text-editor\" class=\"uagb-toc-link__trigger\">M\u00e9todo 2: Utilizar el editor de texto<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#method-3-add-an-iframe-using-a-plugin\" class=\"uagb-toc-link__trigger\">M\u00e9todo 3: A\u00f1adir un iFrame mediante un plugin<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#youre-ready-to-get-started-with-using-iframes-in-wordpress\" class=\"uagb-toc-link__trigger\">\u00a1Est\u00e1s listo para empezar a usar iFrames en WordPress!<\/a><\/ul><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-104377-_bf70xdf96lr8\"><\/a>Uso de iFrames en WordPress<\/h2>\n\n\n\n<p>Puede que te preguntes por qu\u00e9 necesitas utilizar un iFrame para incrustar contenido cuando hay otras formas de hacerlo.<\/p>\n\n\n\n<p>Por un lado, podr\u00edas simplemente copiar y pegar el contenido en tu sitio web, \u00bfverdad? O, en el caso de los v\u00eddeos, simplemente descargarlos y subirlos a tus entradas, p\u00e1ginas o biblioteca multimedia.<\/p>\n\n\n\n<p>Aunque estos m\u00e9todos funcionan, no son aconsejables. En primer lugar, copiar y pegar contenidos ajenos puede suponer una violaci\u00f3n de las leyes de derechos de autor.<\/p>\n\n\n\n<p>La segunda raz\u00f3n por la que no deber\u00edas subir contenidos como v\u00eddeos es porque estos archivos ocupan mucho espacio en disco y ancho de banda y podr\u00edan ralentizar tu sitio web. Considere la posibilidad de comprar <a href=\"https:\/\/git-staging.wpastra.com\/es\/resources\/video-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">alojamiento de v\u00eddeo<\/a> si desea alojar v\u00eddeos localmente. <\/p>\n\n\n\n<p>El uso de un iFrame evitar\u00e1 ambos problemas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-104377-_lacjq03g04eu\"><\/a>\u00bfQu\u00e9 son los iFrames?<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"640\" height=\"426\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Frames-stock-image.jpg\" alt=\"Frames stock image\" class=\"wp-image-104386\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Frames-stock-image.jpg 640w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Frames-stock-image-300x200.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p>Un iFrame es un fragmento de c\u00f3digo HTML que se utiliza para crear una p\u00e1gina HTML incrustada dentro de otra p\u00e1gina HTML. Esencialmente, crea una ventana para ver contenido de fuentes externas desde dentro de una p\u00e1gina web.<\/p>\n\n\n\n<p>Un iFrame tiene este aspecto:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/KWFin60lkmw\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p>Para crear un iFrame, se necesitan tres elementos importantes.<\/p>\n\n\n\n<p>El primero es el fragmento de c\u00f3digo que crea el iFrame. Este c\u00f3digo se pegar\u00e1 en el c\u00f3digo HTML de la p\u00e1gina en la que desea mostrar el contenido externo.<\/p>\n\n\n\n<p>&lt;iframe src=&#8221;yourdomainname.com&#8221;&gt; &lt;\/iframe&gt;<\/p>\n\n\n\n<p>Tambi\u00e9n necesitar\u00e1 tener la URL de la p\u00e1gina externa incrustada dentro de este c\u00f3digo.<\/p>\n\n\n\n<p>&lt;iframe width=&quot;560\u2033 height=&quot;315\u2033 src=&quot;https:\/\/www.youtube.com\/embed\/KWFin60lkmw&quot; title=&quot;Reproductor de v\u00eddeo de YouTube&quot;<\/p>\n\n\n\n<p>Por \u00faltimo, un conjunto de atributos que determinar\u00e1n c\u00f3mo se mostrar\u00e1 el iFrame.<\/p>\n\n\n\n<p>frameborder=\"0\u2033 allow=\"aceler\u00f3metro; autoplay; clipboard-write; encrypted-media; giroscopio; picture-in-picture\" allowfullscreen&gt;<\/p>\n\n\n\n<p>Estas especificaciones le indican a su sitio web qu\u00e9 anchura, altura, estilo, etc. debe utilizar para mostrar el iFrame.<\/p>\n\n\n\n<p>Entraremos en m\u00e1s detalles sobre esto cuando hablemos del m\u00e9todo manual de incrustar iFrames en su sitio web.<\/p>\n\n\n\n<p>Puede que los iFrames sean buenos para mostrar contenidos pesados sin necesidad de importarlos, pero eso no es todo lo que puedes hacer con ellos. La amplia gama de cosas que puedes hacer con un iFrame puede sorprenderte. Echa un vistazo a algunos ejemplos a continuaci\u00f3n.<\/p>\n\n\n\n<p><strong>Mostrar otra p\u00e1gina web<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"932\" height=\"521\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Display-another-web-page-using-iframe-code.png\" alt=\"Display another web page using iframe code\" class=\"wp-image-104382\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Display-another-web-page-using-iframe-code.png 932w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Display-another-web-page-using-iframe-code-300x168.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Display-another-web-page-using-iframe-code-768x429.png 768w\" sizes=\"(max-width: 932px) 100vw, 932px\" \/><\/figure>\n\n\n\n<p>\u00bfQuiere remitir a sus lectores a otra p\u00e1gina sin que se desplacen? Utilice un iFrame. Es una forma excelente de compartir contenido interesante o perspicaz y mantener a los lectores en su p\u00e1gina.<\/p>\n\n\n\n<p><strong>Mostrar contenido din\u00e1mico de redes sociales<\/strong><\/p>\n\n\n\n<p>Puedes mostrar las publicaciones en las redes sociales simplemente haciendo capturas de pantalla, pero los iFrames ofrecen algo m\u00e1s. Son capaces de capturar contenidos din\u00e1micos, como \"me gusta\" y \"compartidos\", a medida que cambian en tiempo real.<\/p>\n\n\n\n<p><strong>Anuncios<\/strong><\/p>\n\n\n\n<p>La mayor\u00eda de los anuncios se muestran en iFrames. Esto permite al anunciante mantener el control sobre sus anuncios, realizando las actualizaciones necesarias.<\/p>\n\n\n\n<p>Estos son s\u00f3lo algunos ejemplos de cosas que puedes hacer con iFrames. Dependiendo de sus necesidades y habilidades, puede haber mucho m\u00e1s que usted puede hacer con ellos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-104377-_faqqidr7r1g1\"><\/a>Cosas que debes saber antes de empezar a usar iFrames<\/h2>\n\n\n\n<p>A pesar de la comodidad que ofrecen los iFrames, hay algunas cosas que debes saber antes de empezar.<\/p>\n\n\n\n<p>Lo son:<\/p>\n\n\n\n<p><strong><a id=\"post-104377-_5ykxd97omwpd\"><\/a>Problemas de compatibilidad HTTPS\/HTTP<\/strong><\/p>\n\n\n\n<p>S\u00f3lo puede incrustar contenidos de sitios o p\u00e1ginas web que utilicen el mismo Protocolo de Transferencia de Hipertexto (HTTP) que el suyo. Esto significa que si su sitio web utiliza HTTPS (Hypertext Transfer Protocol Secure), s\u00f3lo podr\u00e1 incrustar contenidos de otros sitios web con HTTPS. Esto tambi\u00e9n se aplica a HTTP.<\/p>\n\n\n\n<p><a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/security\/https\" target=\"_blank\" rel=\"noreferrer noopener\">Google recomienda HTTPS<\/a>y la mayor\u00eda de los sitios web de renombre lo utilizan. Si el tuyo tambi\u00e9n lo hace, deber\u00edas poder incrustar p\u00e1ginas web de alta calidad con facilidad.<\/p>\n\n\n\n<p><strong><a id=\"post-104377-_wbvqyejun8k\"><\/a>Cuestiones de seguridad<\/strong><\/p>\n\n\n\n<p>Una preocupaci\u00f3n mucho m\u00e1s grave es el potencial <a href=\"https:\/\/security.stackexchange.com\/questions\/13341\/security-issues-using-iframes\" target=\"_blank\" rel=\"noreferrer noopener\">vulnerabilidad de seguridad<\/a> que los iFrames pueden aportar a su sitio web. Como los iFrames son una ventana a otras p\u00e1ginas, lo que ocurra en ellas puede repercutir en la suya.<\/p>\n\n\n\n<p>Los iFrames tambi\u00e9n pueden utilizarse para inyectar c\u00f3digo malicioso en su sitio web. Recuerde que su iFrame simplemente abre una ventana a otro sitio web, y no necesariamente puede evitar que se utilice c\u00f3digo malicioso en el sitio web de origen.<\/p>\n\n\n\n<p>Una soluci\u00f3n sencilla es utilizar iFrames \u00fanicamente para incrustar contenidos de sitios web fiables.<\/p>\n\n\n\n<p>Para saber m\u00e1s <a href=\"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/wordpress-security-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">configuraci\u00f3n de seguridad avanzada<\/a>utilice el bot\u00f3n <a href=\"https:\/\/www.w3schools.com\/TagS\/att_iframe_sandbox.asp\" target=\"_blank\" rel=\"noreferrer noopener\">atributo sandbox<\/a> en su iFrame. Hablaremos m\u00e1s de esto cuando hablemos de c\u00f3mo crear un iFrame.<\/p>\n\n\n\n<p><strong><a id=\"post-104377-_vbpuugqejikx\"><\/a>Google no es muy partidario de los iFrames<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/guidelines\/rich-media-files?hl=en&amp;visit_id=637571139196002607-117835391&amp;rd=1\" target=\"_blank\" rel=\"noreferrer noopener\">Google aconseja evitar el uso de iFrames<\/a> pero si debe hacerlo, simplemente proporcione un enlace basado en texto al mismo contenido para permitir que los robots de Google rastreen este contenido.<\/p>\n\n\n\n<p>Aunque estas advertencias puedan sonar alarmantes, no hay motivo de preocupaci\u00f3n si se siguen las mejores pr\u00e1cticas que compartiremos en esta gu\u00eda.<\/p>\n\n\n\n<p><strong><a id=\"post-104377-_d8r7i46ab94e\"><\/a>No todos los sitios web permiten iFramar sus contenidos<\/strong><\/p>\n\n\n\n<p>Al escribir este art\u00edculo, hemos observado con frecuencia que la mayor\u00eda de los grandes sitios web han desactivado la posibilidad de que su contenido se muestre en un iFrame. Si este es el caso de una p\u00e1gina web que te gustar\u00eda mostrar a trav\u00e9s de un iFrame, no habr\u00e1 mucho que puedas hacer al respecto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-104377-_eo0c98c36zes\"><\/a>C\u00f3mo utilizar iFrames en WordPress (3 m\u00e9todos)<\/h2>\n\n\n\n<p>Ahora que ya sabes qu\u00e9 es un iFrame y cu\u00e1ndo puedes utilizarlo, te mostraremos las diferentes formas de integrar iFrames en WordPress.<\/p>\n\n\n\n<p>Empezaremos mostrando c\u00f3mo utilizar c\u00f3digos de incrustaci\u00f3n pregenerados, luego veremos c\u00f3mo crear iFrames manualmente y, por \u00faltimo, c\u00f3mo utilizar un plugin.<\/p>\n\n\n\n<p>Todas son f\u00e1ciles de aprender y aplicar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo 1: Incrustar iFrame utilizando c\u00f3digos de incrustaci\u00f3n<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"778\" height=\"437\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Youtube-video-share-options.png\" alt=\"Youtube video share options\" class=\"wp-image-104379\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Youtube-video-share-options.png 778w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Youtube-video-share-options-300x169.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Youtube-video-share-options-768x431.png 768w\" sizes=\"(max-width: 778px) 100vw, 778px\" \/><\/figure>\n\n\n\n<p>Este m\u00e9todo es posiblemente el m\u00e1s sencillo, pero normalmente s\u00f3lo se aplica a los sitios web que proporcionan un c\u00f3digo de inserci\u00f3n para su contenido.<\/p>\n\n\n\n<p>Si se proporciona un c\u00f3digo, normalmente lo encontrar\u00e1 en las opciones disponibles para compartir.<\/p>\n\n\n\n<p>En YouTube, por ejemplo, este c\u00f3digo es visible al hacer clic en el icono <strong>compartir<\/strong> debajo de un v\u00eddeo. Haga clic en el icono <strong>incrustar<\/strong> para adquirir el c\u00f3digo iFrame.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"408\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Embed-video-code.png\" alt=\"Embed video code\" class=\"wp-image-104381\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Embed-video-code.png 900w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Embed-video-code-300x136.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Embed-video-code-768x348.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>S\u00f3lo tienes que copiar este c\u00f3digo y pegarlo en tu p\u00e1gina web utilizando un bloque HTML. Los bloques son la nueva forma de <a href=\"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/how-to-make-wordpress-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">creaci\u00f3n de sitios web con WordPress<\/a> utilizando el relativamente nuevo <a href=\"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/wordpress-gutenberg-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">Constructor Gutenberg<\/a>.<\/p>\n\n\n\n<p>El constructor Gutenberg viene con un conjunto nativo de bloques que incluyen un bloque HTML. Tambi\u00e9n hay un bloque espec\u00edfico de YouTube, pero puedes usar cualquiera de los dos.<\/p>\n\n\n\n<p>Puedes ampliar el alcance de Gutenberg utilizando un plugin complementario como el <a href=\"https:\/\/ultimategutenberg.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u00daltimos complementos para Gutenberg<\/a>. Tambi\u00e9n puede utilizar bloques HTML en cualquiera de las secciones <a href=\"https:\/\/git-staging.wpastra.com\/es\/plugins\/best-wordpress-page-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">Los mejores creadores de p\u00e1ginas para WordPress<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"289\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Added-iframe-code-in-WordPress.png\" alt=\"Added iframe code in WordPress\" class=\"wp-image-104384\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Added-iframe-code-in-WordPress.png 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Added-iframe-code-in-WordPress-300x87.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Added-iframe-code-in-WordPress-768x222.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>En su nuevo bloque HTML, pegue el c\u00f3digo de inserci\u00f3n tal como en el ejemplo anterior. Cuando se previsualiza el c\u00f3digo del ejemplo, esto es lo que obtenemos:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"475\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Embed-video-code-in-WordPress.jpg\" alt=\"Embed video code in WordPress\" class=\"wp-image-104387\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Embed-video-code-in-WordPress.jpg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Embed-video-code-in-WordPress-300x143.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Embed-video-code-in-WordPress-768x365.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Para utilizar iFrames sin tener un c\u00f3digo de incrustaci\u00f3n nativo del sitio web de origen, basta con pegar la siguiente l\u00ednea de c\u00f3digo en un bloque HTML:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;iframe src=\"example.com\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p>Este es un ejemplo b\u00e1sico del aspecto que puede tener el c\u00f3digo iFrame. Habr\u00e1s notado que el c\u00f3digo del ejemplo anterior es mucho m\u00e1s largo. Esto se debe a que contiene atributos. Puedes controlar mucho sobre un iFrame a\u00f1adiendo atributos al c\u00f3digo.<\/p>\n\n\n\n<p>Por ejemplo, puede determinar qu\u00e9 altura y anchura debe tener el iFrame, junto con otros atributos.<\/p>\n\n\n\n<p>Esos atributos son:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Anchura y Altura - Ver\u00e1 'width=' y 'height=' donde se indica el tama\u00f1o de la ventana - Por ejemplo width=\"250px\" height=\"300px\"<\/li>\n\n\n\n<li>Frameborder - Puede mostrar o no un borde utilizando '0' o '1' - frameborder=\"1\u2033.<\/li>\n\n\n\n<li>Alinear - Establezca la alineaci\u00f3n dentro de la p\u00e1gina utilizando 'izquierda' 'derecha' 'arriba' 'abajo' dentro del c\u00f3digo iFrame - por ejemplo, align=\"izquierda\"<\/li>\n\n\n\n<li>Desplazamiento - Desactive o active el desplazamiento con scrolling=\"yes\" o scrolling=\"no\".<\/li>\n<\/ul>\n\n\n\n<p>He aqu\u00ed otro ejemplo:<\/p>\n\n\n\n<p>Para modificar la altura y la anchura a 800 p\u00edxeles y 500 p\u00edxeles respectivamente, incluir\u00e1s atributos de altura y anchura de la siguiente manera:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;iframe src=\"wpastra.com\" height=\u201d800px\u201d width=\u201d500px\u201d&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p>Anteriormente, prometimos mostrarle c\u00f3mo utilizar el atributo sandbox para evitar que la actividad externa maliciosa afecte a sus usuarios.<\/p>\n\n\n\n<p>Basta con incluir el atributo sandbox de la siguiente manera:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;iframe sandbox src=\"example.com\" \u201cheight=\u201d800px\u201d width=\u201d500px\u201d&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p>As\u00ed que el ejemplo que hemos compartido antes deber\u00eda tener ahora mucho m\u00e1s sentido.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/KWFin60lkmw\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo 2: Utilizar el editor de texto<\/h3>\n\n\n\n<p>Puedes escribir un poco de c\u00f3digo en una p\u00e1gina web para crear un iFrame. No te preocupes, este m\u00e9todo es sencillo y ni siquiera necesitar\u00e1s utilizar el editor de WordPress.<\/p>\n\n\n\n<p>Si todav\u00eda utiliza el editor cl\u00e1sico de WordPress, puede utilizar este m\u00e9todo.<\/p>\n\n\n\n<p>Para empezar, abre la p\u00e1gina o la entrada en la que deseas incrustar el iFrame y cambia la vista del editor visual al editor de texto.<\/p>\n\n\n\n<p>Navegue hasta el punto en el que desea mostrar el iFrame y pegue el mismo c\u00f3digo que acabamos de mostrarle:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;iframe src=\"example.com\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p>Sustituye ejemplo.com por la URL de destino. Guarda o actualiza la entrada o la p\u00e1gina y listo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo 3: A\u00f1adir un iFrame mediante un plugin<\/h3>\n\n\n\n<p>Los plugins son probablemente la forma m\u00e1s sencilla de insertar un iFrame en WordPress para los usuarios menos experimentados, y existen numerosos plugins a tener en cuenta.<\/p>\n\n\n\n<p>\u00c9stos son los dos m\u00e1s recomendados y c\u00f3mo utilizarlos:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a id=\"post-104377-_b4am61szyj7m\"><\/a><a href=\"https:\/\/wordpress.org\/plugins\/iframe\/\" target=\"_blank\" rel=\"noreferrer noopener\">iFrame de Webvitaly<\/a><\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"367\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/iframe-WordPress-plugin.png\" alt=\"iframe WordPress plugin\" class=\"wp-image-104380\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/iframe-WordPress-plugin.png 800w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/iframe-WordPress-plugin-300x138.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/iframe-WordPress-plugin-768x352.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>El plugin iFrame de Webvitaly ofrece la posibilidad de incrustar contenido de casi cualquier sitio web en tus p\u00e1ginas. Descarga y activa el plugin para empezar.<\/p>\n\n\n\n<p>Una vez hecho esto, crear un iFrame es bastante f\u00e1cil ya que todo lo que tienes que hacer es pegar el shortcode en tu contenido en el lugar correspondiente.<\/p>\n\n\n\n<p>El plugin es gratuito y funciona bien, sin embargo, actualmente no est\u00e1 siendo mantenido por sus desarrolladores.<\/p>\n\n\n\n<p>La alternativa m\u00e1s popular ser\u00eda un plugin iFrame de pago como Advanced iFrame Pro de Michael Dempfle.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/git-staging.wpastra.com\/es\/go\/envato-advanced-iframe-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">iFrame Pro avanzado por Michael Dempfle<\/a><\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"447\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Advanced-iFrame-pro-WordPress-plugin.jpg\" alt=\"Advanced iFrame pro WordPress plugin\" class=\"wp-image-104388\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Advanced-iFrame-pro-WordPress-plugin.jpg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Advanced-iFrame-pro-WordPress-plugin-300x134.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Advanced-iFrame-pro-WordPress-plugin-768x343.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Como se ha mencionado, Advanced iFrame Pro proporciona algunas opciones adicionales de seguridad y personalizaci\u00f3n en comparaci\u00f3n con el Plugin de marcos.<\/p>\n\n\n\n<p>Una vez que el plugin est\u00e1 instalado y activado, todo lo que necesitas hacer es utilizar el shortcode para insertar iFrames en los lugares pertinentes.<\/p>\n\n\n\n<p>Para empezar, <strong>descargar<\/strong>, <strong>instale <\/strong>y <strong>activar <\/strong>el plugin desde el repositorio de WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"389\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Advanced-iFrame-gutenberg-block.png\" alt=\"Advanced iFrame gutenberg block\" class=\"wp-image-104383\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Advanced-iFrame-gutenberg-block.png 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Advanced-iFrame-gutenberg-block-300x117.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/Advanced-iFrame-gutenberg-block-768x299.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Abra la p\u00e1gina o entrada de WordPress en la que desea utilizarlo y busque el bloque iFrame avanzado.<\/p>\n\n\n\n<p>Ins\u00e9rtalo en el contenido y haz clic en los tres puntos para ver m\u00e1s opciones.<\/p>\n\n\n\n<p>Haga clic en <strong>Mostrar m\u00e1s ajustes<\/strong>. Esto le permitir\u00e1 establecer la URL del iFrame, as\u00ed como sus atributos.<\/p>\n\n\n\n<p>Aj\u00fastalos a los valores adecuados y guarda o actualiza la p\u00e1gina o la entrada. Ya est\u00e1.<\/p>\n\n\n\n<p>Este plugin cuesta $21 pero tambi\u00e9n hay una versi\u00f3n gratuita que puedes probar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-104377-_vo32s9mcl80p\"><\/a>\u00a1Est\u00e1s listo para empezar a usar iFrames en WordPress!<\/h2>\n\n\n\n<p>El uso de iFrames en WordPress puede ayudarte a conseguir muchos objetivos diferentes. Desde compartir de forma segura y adecuada contenidos protegidos por derechos de autor hasta mostrar v\u00eddeos pesados, los iFrames son una buena soluci\u00f3n para compartir contenidos.<\/p>\n\n\n\n<p>Utilizar iFrames es una t\u00e1ctica para ayudar a <a href=\"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/speed-up-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">optimice la velocidad de su sitio web<\/a>. Tambi\u00e9n debe acordarse de utilizar un <a href=\"https:\/\/git-staging.wpastra.com\/es\/themes\/responsive-wordpress-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">tema de WordPress adaptable<\/a>.<\/p>\n\n\n\n<p>Como hemos visto, el uso de iFrames plantea algunos problemas, pero si sigues los pasos que hemos descrito aqu\u00ed, no tendr\u00e1s ning\u00fan problema.<\/p>\n\n\n\n<p>\u00bfHas utilizado iFrames alguna vez? Nos encantar\u00eda conocer tu experiencia. Adem\u00e1s, \u00a1no olvides compartir si conoces otras formas de utilizar iFrames en WordPress!<\/p>","protected":false},"excerpt":{"rendered":"<p>\u00bfHa o\u00eddo hablar recientemente de los marcos en l\u00ednea (iFrames) y de c\u00f3mo pueden ayudarle a compartir contenidos en su sitio web? Si tiene un blog o produce cualquier tipo de contenido web, habr\u00e1 muchas ocasiones en las que querr\u00e1 compartir el contenido de otras personas. Los iFrames permiten hacerlo de forma eficaz y segura. Con [...]<\/p>","protected":false},"author":9,"featured_media":104389,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[860],"tags":[2118],"class_list":{"0":"post-104377","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-guides-and-tutorials","8":"tag-how-to-schema"},"spectra_custom_meta":{"wp_last_modified_info":["September 20, 2023 @ 2:47 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1691595559:85"],"_edit_last":["85"],"astra_display_author":["9"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"_yoast_wpseo_estimated-reading-time-minutes":["11"],"_yoast_wpseo_primary_category":["860"],"_lmt_disableupdate":["no"],"_wplmi_last_modified":["2023-09-20 14:47:53"],"_lmt_disable":["no"],"_yoast_wpseo_focuskw":["iframe in wordpress"],"_yoast_wpseo_linkdex":["67"],"_ppc_meta_key":["a:16:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key5\";s:37:\"Title is Catchy and Slug is Optimized\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key3\";s:28:\"Category and Author Selected\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:20:\"ppc_key5ddf5b93dc6a6\";s:21:\"Affiliate Links Added\";s:20:\"ppc_key5ddf5ba19a347\";s:9:\"TOC Added\";s:20:\"ppc_key5ddf5c326920c\";s:59:\"Headings are in title-case and have appropriate heading tag\";s:20:\"ppc_key610cc9c5c4d6c\";s:37:\"For new content disable updated date.\";s:20:\"ppc_key610cc9d811cfe\";s:39:\"For updated content enable updated date\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";s:20:\"ppc_key62b0172ee5a4c\";s:23:\"Featured image assigned\";s:20:\"ppc_key62b01736334b5\";s:37:\"For new content, disable updated date\";s:20:\"ppc_key62b0173b707c0\";s:40:\"For updated content, enable updated date\";}"],"_thumbnail_id":["104389"],"_yoast_wpseo_title":["How to Embed iFrame Code in WordPress Site (3 Simple Methods)"],"_yoast_wpseo_metadesc":["Want to embed a video or page element onto a web page? This post outlines 3 simple ways iFrames can make it happen!"],"_yoast_wpseo_opengraph-title":["How to Embed iFrame Code in WordPress Site (3 Simple Methods)"],"_yoast_wpseo_opengraph-description":["Want to embed a video or page element onto a web page? This post outlines 3 simple ways iFrames can make it happen!"],"_yoast_wpseo_opengraph-image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/how-to-embed-iFrame-code-on-your-WordPress-site.jpg"],"_yoast_wpseo_opengraph-image-id":["104389"],"_yoast_wpseo_twitter-title":["How to Embed iFrame Code in WordPress Site (3 Simple Methods)"],"_yoast_wpseo_twitter-description":["Want to embed a video or page element onto a web page? This post outlines 3 simple ways iFrames can make it happen!"],"_yoast_wpseo_twitter-image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/how-to-embed-iFrame-code-on-your-WordPress-site.jpg"],"_yoast_wpseo_twitter-image-id":["104389"],"_wp_old_date":["2021-09-24"],"rank_math_primary_category":["860"],"rank_math_title":["How To Embed Iframes in WordPress (Manually, With Plugins)"],"rank_math_description":["This walkthrough shares how to add iFrames to WordPress step by step. iFrames are an efficient way to use media on websites and we\u2019ll show you how to use them."],"rank_math_focus_keyword":["add iframe to wordpress"],"rank_math_facebook_title":["How To Embed Iframes in WordPress (Manually, With Plugins)"],"rank_math_facebook_description":["This walkthrough shares how to add iFrames to WordPress step by step. iFrames are an efficient way to use media on websites and we\u2019ll show you how to use them."],"rank_math_twitter_title":["How To Embed Iframes in WordPress (Manually, With Plugins)"],"rank_math_twitter_description":["This walkthrough shares how to add iFrames to WordPress step by step. iFrames are an efficient way to use media on websites and we\u2019ll show you how to use them."],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_facebook_image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/how-to-embed-iFrame-code-on-your-WordPress-site.jpg"],"rank_math_facebook_image_id":["104389"],"rank_math_twitter_image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/how-to-embed-iFrame-code-on-your-WordPress-site.jpg"],"rank_math_twitter_image_id":["104389"],"rank_math_twitter_use_facebook":["off"],"rank_math_analytic_object_id":["84"],"rank_math_internal_links_processed":["1"],"rank_math_schema_BlogPosting":["a:8:{s:8:\"headline\";s:11:\"%seo_title%\";s:11:\"description\";s:17:\"%seo_description%\";s:13:\"datePublished\";s:20:\"%date(Y-m-dTH:i:sP)%\";s:12:\"dateModified\";s:24:\"%modified(Y-m-dTH:i:sP)%\";s:5:\"image\";a:2:{s:5:\"@type\";s:11:\"ImageObject\";s:3:\"url\";s:16:\"%post_thumbnail%\";}s:6:\"author\";a:2:{s:5:\"@type\";s:6:\"Person\";s:4:\"name\";s:6:\"%name%\";}s:5:\"@type\";s:11:\"BlogPosting\";s:8:\"metadata\";a:3:{s:5:\"title\";s:7:\"Article\";s:4:\"type\";s:8:\"template\";s:9:\"isPrimary\";b:1;}}"],"rank_math_schema_VideoObject":["a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-6222438299f5e\";s:9:\"isPrimary\";b:0;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:66:\"Translate Elementor Pages with WPML and UAE (Compatibility Update)\";s:11:\"description\";s:192:\"\ud83c\udfaf Checkout WPML -  https:\/\/git-staging.wpastra.com\/go\/wpml\ud83c\udfaf Ultimate Addons for Elementor \ud83d\udc49\ud83c\udffd https:\/\/bsf.io\/ultimateelementor\/ \u2705\u2705 \ud83d\udc47\ud83c\udffd\ud83d\udc47\ud83c\udffd Here are some of our recom...\";s:10:\"uploadDate\";s:10:\"2021-07-29\";s:12:\"thumbnailUrl\";s:72:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/hqdefault.jpg\";s:8:\"embedUrl\";s:41:\"https:\/\/www.youtube.com\/embed\/KWFin60lkmw\";s:10:\"contentUrl\";s:0:\"\";s:8:\"duration\";s:7:\"PT9M38S\";s:5:\"width\";s:4:\"1280\";s:6:\"height\";s:3:\"720\";s:16:\"isFamilyFriendly\";b:1;}"],"rank_math_seo_score":["41"],"_wp_page_template":["default"],"how-to-120253-name-fieldtype":["custom-field"],"how-to-120253-name":["How to Embed iFrame Code in WordPress"],"how-to-120253-description-fieldtype":["global-field"],"how-to-120253-description":["post_content"],"how-to-120253-total-time-fieldtype":["custom-field"],"how-to-120253-total-time":["PT00H10M00S"],"how-to-120253-supply-fieldtype":[null],"how-to-120253-supply":["a:1:{i:0;a:1:{s:4:\"name\";s:17:\"WordPress Website\";}}"],"how-to-120253-tool-fieldtype":[null],"how-to-120253-tool":["a:2:{i:0;a:1:{s:4:\"name\";s:8:\"Computer\";}i:1;a:1:{s:4:\"name\";s:8:\"Internet\";}}"],"how-to-120253-steps-fieldtype":[null],"how-to-120253-steps":["a:3:{i:0;a:4:{s:4:\"name\";s:36:\"Copy the iFrame code from the source\";s:11:\"description\";s:91:\"Copy the iFrame code from your source, usually within a share option on the source website.\";s:3:\"url\";s:0:\"\";s:5:\"image\";s:0:\"\";}i:1;a:4:{s:4:\"name\";s:27:\"Paste the code into a block\";s:11:\"description\";s:135:\"Add a new block to the destination page and paste the code. You can use an HTML block, YouTube block or dedicated block for the source.\";s:3:\"url\";s:0:\"\";s:5:\"image\";s:0:\"\";}i:2;a:4:{s:4:\"name\";s:28:\"Adjust the size and position\";s:11:\"description\";s:122:\"Use the block settings editor to change the size, look and feel of the video as required. Save the page or post when done.\";s:3:\"url\";s:0:\"\";s:5:\"image\";s:0:\"\";}}"],"wp_schema_pro_optimized_structured_data":["<!-- Schema optimized by Schema Pro --><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"HowTo\",\"name\":\"How to Embed iFrame Code in WordPress\",\"description\":\"Have you recently learned about inline frames (iFrames) and how they can help you share content on your website? If you run a blog, or produce any web content, there will be lots of times when you might want to share other peoples\u2019 content.\\n\\n\\n\\niFrames make it possible to do this efficiently and safely.\\n\\n\\n\\nWith an iFrame, you will be able to display content like videos and images without having to host them on your website.\\n\\n\\n\\nIn this post, we\u2019re going to outline what iFrames are, what they do and how to use them in WordPress.\\n\\n\\n\\nWe\u2019ll then show you how to embed them manually and using plugins.\\n\\n\\n\\n\\n\\nUsing iFrames in WordPress\\n\\n\\n\\nYou might wonder why you need to use an iFrame to embed content when there are other ways of doing it.\\n\\n\\n\\nFor one, you could simply copy and paste the content into your website, right? Or in the case of video, simply download and upload it into your posts, pages, or media library?\\n\\n\\n\\nWhile these methods work, they are not advisable. Firstly, copying and pasting other peoples\u2019 content could be a violation of copyright laws.\\n\\n\\n\\nThe second reason why you should not upload content such as video, is because these files take up significant amounts of disk space and bandwidth and could slow down your website. Consider buying video hosting if you want to host videos locally. \\n\\n\\n\\nUsing an iFrame will avoid both of these concerns.\\n\\n\\n\\nWhat are iFrames?\\n\\n\\n\\n\\n\\n\\n\\nAn iFrame is a piece of HTML code that is used to create a HTML page embedded within another HTML page. Essentially, it creates a window for viewing content from external sources from within a webpage.\\n\\n\\n\\nAn iFrame looks like this:\\n\\n\\n\\n&lt;iframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https:\/\/www.youtube.com\/embed\/KWFin60lkmw\\\" title=\\\"YouTube video player\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\\" allowfullscreen&gt;&lt;\/iframe&gt;\\n\\n\\n\\nIn creating an iFrame, there are three important elements that you need.\\n\\n\\n\\nThe first is the short piece of code that actually creates the iFrame. This will be pasted into the HTML code of the page you intend to display the external content on.\\n\\n\\n\\n&lt;iframe src=\\\"yourdomainname.com\\\"&gt; &lt;\/iframe&gt;\\n\\n\\n\\nYou will also need to have the URL of the external page embedded within this code.\\n\\n\\n\\n&lt;iframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https:\/\/www.youtube.com\/embed\/KWFin60lkmw\\\" title=\\\"YouTube video player\\\"\\n\\n\\n\\nFinally, a set of attributes which will determine how the iFrame will be displayed.\\n\\n\\n\\nframeborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\\" allowfullscreen&gt;&lt;\/iframe&gt;\\n\\n\\n\\nThese specifications tell your website things like what width, height, style and so on to use in displaying the iFrame.\\n\\n\\n\\nWe\u2019ll go into more detail on this when discussing the manual method of embedding iFrames into your website.\\n\\n\\n\\niFrames might be good at providing a way to display heavy content without importing them but that\u2019s not all you can do with them. The full range of things that you can use an iFrame to achieve might surprise you. Take a look at some examples below!\\n\\n\\n\\nDisplay Another Webpage\\n\\n\\n\\n\\n\\n\\n\\nWant to refer your readers to another page without them navigating away? Use an iFrame! This is an excellent way to share interesting or insightful content while keeping readers on your page.\\n\\n\\n\\nDisplay Dynamic Social Media Content\\n\\n\\n\\nYou could display social media posts simply by taking screenshots but iFrames offer something extra. They are able to capture dynamic content such as likes and shares as they change in real time.\\n\\n\\n\\nHost Ads\\n\\n\\n\\nMost adverts are shown in iFrames. This allows the advertiser to maintain control over their ads, making updates as needed.\\n\\n\\n\\nThese are just a few examples of things you can do with iFrames. Depending on your needs and skillset, there may be so much more that you can do with them.\\n\\n\\n\\nThings to Know Before You Get Started Using iFrames\\n\\n\\n\\nDespite the convenience provided by iFrames, there are some things you should know before you get started.\\n\\n\\n\\nThey are:\\n\\n\\n\\nHTTPS\/HTTP Compatibility Issues\\n\\n\\n\\nYou can only embed content from websites or web pages that use the same Hypertext Transfer Protocol (HTTP) as yours. This means if your website uses HTTPS (Hypertext Transfer Protocol Secure), then you can only embed content from other websites with HTTPS. This applies to HTTP too.\\n\\n\\n\\nHTTPS is recommended by Google, and most reputable websites use it. If yours does too, you should be able to embed high quality web pages with ease.\\n\\n\\n\\nSecurity Concerns\\n\\n\\n\\nA far more serious concern is the potential security vulnerability that iFrames can bring to your website. Since iFrames are a window to other pages, whatever happens in those pages can have an impact on yours.\\n\\n\\n\\niFrames can also be used to inject malicious code into your website. Remember that your iFrame simply opens a window to another website, and you cannot necessarily prevent malicious code from being used on the source website.\\n\\n\\n\\nA simple fix for this is to only use iFrames to embed content from reputable websites.\\n\\n\\n\\nFor more advanced security settings, use the sandbox attribute in your iFrame. More on this will be covered when we discuss how to create an iFrame.\\n\\n\\n\\nGoogle is Not a Big Fan of iFrames\\n\\n\\n\\nGoogle advises that you avoid using iFrames but if you must, simply provide a text-based link to the same content to enable Google bots to crawl this content.\\n\\n\\n\\nWhile these warnings may sound alarming, there is no cause for concern if you follow the best practices we will share in this guide.\\n\\n\\n\\nNot all Websites Allow their Content to be iFramed\\n\\n\\n\\nIn writing this article, we frequently observed that most big websites have disabled the possibility of their content being displayed in an iFrame. If this is the case with a web page you would like to display via an iFrame, there won\u2019t be much you can do about it.\\n\\n\\n\\nHow to Use iFrames in WordPress (3 Methods)\\n\\n\\n\\nNow that you know what an iFrame is and when you might use one, we\u2019ll show you all the different ways of integrating iFrames in WordPress.\\n\\n\\n\\nWe\u2019ll start by showing you how to use pre-generated embed codes, then we\u2019ll walk through creating iFrames manually, and finally, how to use a plugin.\\n\\n\\n\\nThey\u2019re all easy to learn and apply!\\n\\n\\n\\nMethod 1: Embed iFrame Using Embed Codes\\n\\n\\n\\n\\n\\n\\n\\nThis method is possibly the easiest but typically applies only to websites that provide an embed code for their content.\\n\\n\\n\\nIf a code is provided, you will typically find it under any available sharing options.\\n\\n\\n\\nIn YouTube for example, this code is visible when you click on the share icon under a video. Click on the embed icon to acquire the iFrame code.\\n\\n\\n\\n\\n\\n\\n\\nSimply copy this code and paste it into your web page using a HTML block. Blocks are the new way of building WordPress websites using the relatively new Gutenberg builder.\\n\\n\\n\\nThe Gutenberg builder comes with a native suite of blocks which include a HTML block. There is also a specific YouTube block, but you can use either.\\n\\n\\n\\nYou can extend the range of Gutenberg by using an add-on plugin like the Ultimate Add-ons for Gutenberg. You can also use HTML blocks in any of the top page builders for WordPress.\\n\\n\\n\\n\\n\\n\\n\\nIn your new HTML block, paste in the embed code just as in the example above. When the code in the example is previewed, here\u2019s what we get:\\n\\n\\n\\n\\n\\n\\n\\nTo use iFrames without having a native embed code from the source website, simply paste the following line of code into a HTML block:\\n\\n\\n\\n&lt;iframe src=\\\"example.com\\\"&gt;&lt;\/iframe&gt;\\n\\n\\n\\nThis is a basic example of what iFrame code might look like. You may have noticed that the code in the previous example is a lot longer. This is because it contains attributes. You can control a lot about an iFrame by adding attributes to the code.\\n\\n\\n\\nFor instance, you can determine what height and width the iFrame should be, along with other attributes.\\n\\n\\n\\nThose attributes are:\\n\\n\\n\\nWidth and Height \u2013 You\u2019ll see \u2018width=\u2019 and \u2018height=\u2019 where you size the window - For example width=\\\"250px\\\" height=\\\"300px\\\"Frameborder \u2013 You can show a border, or not using \u20180\u2019 or \u20181\u2019 - frameborder=\\\"1\\\"Align \u2013 Set the alignment within the page by using \u2018left\u2019 \u2018right\u2019 \u2018right\u2019 \u2018top\u2019 \u2018bottom\u2019 within the iFrame code - for example, align=\\\"left\\\"Scrolling \u2013 Disable or enable scrolling with scrolling=\\\"yes\\\" or scrolling=\\\"no\\\"\\n\\n\\n\\nHere\u2019s another example:\\n\\n\\n\\nTo modify the height and width to 800 pixels and 500 pixels respectively, you will include height and width attributes like this:\\n\\n\\n\\n&lt;iframe src=\\\"wpastra.com\\\" height=\u201d800px\u201d width=\u201d500px\u201d&gt;&lt;\/iframe&gt;\\n\\n\\n\\nEarlier, we promised to show you how to use the sandbox attribute to prevent malicious external activity from affecting your users.\\n\\n\\n\\nSimply include the sandbox attribute like this:\\n\\n\\n\\n&lt;iframe sandbox src=\\\"example.com\\\" \u201cheight=\u201d800px\u201d width=\u201d500px\u201d&gt;&lt;\/iframe&gt;\\n\\n\\n\\nSo the example we shared earlier should now make a lot more sense!\\n\\n\\n\\n&lt;iframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https:\/\/www.youtube.com\/embed\/KWFin60lkmw\\\" title=\\\"YouTube video player\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\\" allowfullscreen&gt;&lt;\/iframe&gt;\\n\\n\\n\\nMethod 2: Use the Text Editor\\n\\n\\n\\nYou can write a bit of code into a web page to create an iFrame. Don\u2019t worry, this method is simple and you won\u2019t even need to use the WordPress editor.\\n\\n\\n\\nIf you still use the WordPress classic editor, you can use this method.\\n\\n\\n\\nTo get started, open the page or post you would like to embed the iFrame in and change the view from the visual editor to the text editor.\\n\\n\\n\\nNavigate over to the point where you would like to display the iFrame and paste in same code we just showed you:\\n\\n\\n\\n&lt;iframe src=\\\"example.com\\\"&gt;&lt;\/iframe&gt;\\n\\n\\n\\nReplace example.com with the destination URL. Save or update the post or page, and you\u2019re good to go.\\n\\n\\n\\nMethod 3: Add an iFrame Using a Plugin\\n\\n\\n\\nPlugins are probably the easiest way of inserting an iFrame in WordPress for less experienced users, and there are numerous plugins to consider.\\n\\n\\n\\nHere are the top two we recommend, and how to use them:\\n\\n\\n\\niFrame by Webvitaly\\n\\n\\n\\n\\n\\n\\n\\nThe iFrame plugin by Webvitaly offers the ability to embed content from almost any website in your pages. Download and activate the plugin to get started.\\n\\n\\n\\nOnce this is done, creating an iFrame is quite easy as all you have to do is paste the shortcode into your content at the relevant place.\\n\\n\\n\\nThe plugin is free and works well, however, it is not currently being maintained by its developers.\\n\\n\\n\\nThe most popular alternative would be a paid iFrame plugin such as Advanced iFrame Pro by Michael Dempfle.\\n\\n\\n\\nAdvanced iFrame Pro by Michael Dempfle\\n\\n\\n\\n\\n\\n\\n\\nAs mentioned, Advanced iFrame Pro provides a few extra security and customization options when compared to the Frame Plugin.\\n\\n\\n\\nOnce the plugin is installed and activated, all you need to do is use the shortcode to insert iFrames at the relevant places.\\n\\n\\n\\nTo get started, download, install and activate the plugin from the WordPress repository.\\n\\n\\n\\n\\n\\n\\n\\nOpen the WordPress page or post where you would like to use it, and search for the advanced iFrame block.\\n\\n\\n\\nInsert this into the content and click on the three dots to reveal more options.\\n\\n\\n\\nClick on Show More Settings. This will allow you to set the URL of the iFrame as well as its attributes.\\n\\n\\n\\nSet them to the appropriate values and save or update the page or post. That\u2019s it!\\n\\n\\n\\nThis plugin costs $21 but there\u2019s a free version you can try as well.\\n\\n\\n\\nYou\u2019re Ready to Get Started with Using iFrames in WordPress!\\n\\n\\n\\nUsing iFrames in WordPress can help you achieve many different objectives. From safely and properly sharing copyrighted content to displaying heavy videos, iFrames are a good solution for content sharing.\\n\\n\\n\\nUsing iFrames is one tactic to help optimize your website\u2019s speed. You should also remember to use a fast, lightweight and responsive WordPress theme.\\n\\n\\n\\nThere are some challenges around the usage of iFrames, as we\u2019ve shown, but if you follow the steps we\u2019ve outlined here, you should be perfectly okay.\\n\\n\\n\\nHave you used iFrames before? We would love to hear what your experience was. Also, don\u2019t forget to share if you know of some other ways to use iFrames in WordPress!\",\"totalTime\":\"PT00H10M00S\",\"supply\":[{\"@type\":\"HowToSupply\",\"name\":\"WordPress Website\"}],\"tool\":[{\"@type\":\"HowToTool\",\"name\":\"Computer\"},{\"@type\":\"HowToTool\",\"name\":\"Internet\"}],\"step\":[{\"@type\":\"HowToStep\",\"name\":\"Copy the iFrame code from the source\",\"itemListElement\":{\"@type\":\"HowToDirection\",\"text\":\"Copy the iFrame code from your source, usually within a share option on the source website.\"}},{\"@type\":\"HowToStep\",\"name\":\"Paste the code into a block\",\"itemListElement\":{\"@type\":\"HowToDirection\",\"text\":\"Add a new block to the destination page and paste the code. You can use an HTML block, YouTube block or dedicated block for the source.\"}},{\"@type\":\"HowToStep\",\"name\":\"Adjust the size and position\",\"itemListElement\":{\"@type\":\"HowToDirection\",\"text\":\"Use the block settings editor to change the size, look and feel of the video as required. Save the page or post when done.\"}}]}<\/script><!-- \/ Schema optimized by Schema Pro -->"],"uael-social-share-count":["a:1:{s:8:\"1b71105e\";i:798;}"],"_wpml_media_featured":["1"],"_wpml_media_duplicate":["0"],"_wpml_word_count":["{\"total\":2022,\"to_translate\":{\"es\":2022}}"],"_trp_automatically_translated_slug_es_ES":["incrustar-iframe-en-wordpress"],"_uagb_toc_options":["a:2:{s:17:\"_uagb_toc_version\";s:10:\"1776599216\";s:18:\"_uagb_toc_headings\";a:10:{i:0;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:26:\"using-iframes-in-wordpress\";s:7:\"content\";s:26:\"Using iFrames in WordPress\";s:5:\"depth\";i:2;}i:1;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:16:\"what-are-iframes\";s:7:\"content\";s:17:\"What are iFrames?\";s:5:\"depth\";i:2;}i:2;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:51:\"things-to-know-before-you-get-started-using-iframes\";s:7:\"content\";s:51:\"Things to Know Before You Get Started Using iFrames\";s:5:\"depth\";i:2;}i:3;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:41:\"how-to-use-iframes-in-wordpress-3-methods\";s:7:\"content\";s:43:\"How to Use iFrames in WordPress (3 Methods)\";s:5:\"depth\";i:2;}i:4;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:39:\"method-1-embed-iframe-using-embed-codes\";s:7:\"content\";s:40:\"Method 1: Embed iFrame Using Embed Codes\";s:5:\"depth\";i:3;}i:5;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:28:\"method-2-use-the-text-editor\";s:7:\"content\";s:29:\"Method 2: Use the Text Editor\";s:5:\"depth\";i:3;}i:6;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:37:\"method-3-add-an-iframe-using-a-plugin\";s:7:\"content\";s:38:\"Method 3: Add an iFrame Using a Plugin\";s:5:\"depth\";i:3;}i:7;a:4:{s:5:\"level\";i:4;s:2:\"id\";s:19:\"iframe-by-webvitaly\";s:7:\"content\";s:19:\"iFrame by Webvitaly\";s:5:\"depth\";i:4;}i:8;a:4:{s:5:\"level\";i:4;s:2:\"id\";s:38:\"advanced-iframe-pro-by-michael-dempfle\";s:7:\"content\";s:38:\"Advanced iFrame Pro by Michael Dempfle\";s:5:\"depth\";i:4;}i:9;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:58:\"youre-ready-to-get-started-with-using-iframes-in-wordpress\";s:7:\"content\";s:62:\"You\u2019re Ready to Get Started with Using iFrames in WordPress!\";s:5:\"depth\";i:2;}}}"],"_uag_page_assets":["a:9:{s:3:\"css\";s:4513:\".uagb-block-fb13a937.wp-block-uagb-table-of-contents{text-align: left;}.uagb-block-fb13a937 .uagb-toc__list-wrap li a{color: #54595F;}.uagb-block-fb13a937 .uagb-toc__wrap .uagb-toc__title-wrap{justify-content: left;}.uagb-block-fb13a937 .uagb-toc__wrap .uagb-toc__title{justify-content: left;}.uagb-block-fb13a937 .uagb-toc__wrap{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;border-color: #333;border-style: solid;padding-left: 30px;padding-right: 30px;padding-top: 30px;padding-bottom: 30px;background: #fff;width: 100%;}.uagb-block-fb13a937 .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-fb13a937 .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-fb13a937 .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}.uagb-block-fb13a937 .uagb-toc__list .uagb-toc__list{list-style-type: disc !important;}.uagb-block-fb13a937 .uagb-toc__title{font-weight: Default;font-size: 20px;}.uagb-block-fb13a937 .uagb-toc__list-wrap ol li a{text-decoration: underline;}@media only screen and (max-width: 976px) {.uagb-block-fb13a937 .uagb-toc__wrap{border-style: solid;}.uagb-block-fb13a937 .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-fb13a937 .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-fb13a937 .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}}@media only screen and (max-width: 767px) {.uagb-block-fb13a937 .uagb-toc__wrap{border-style: solid;}.uagb-block-fb13a937 .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-fb13a937 .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-fb13a937 .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:265:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'load', function(){\n\tUAGBTableOfContents._run( {\"mappingHeaders\":[false,true,true,false,false,false],\"scrollToTop\":false,\"makeCollapsible\":false}, '.uagb-block-fb13a937' );\n} );\n });\";s:18:\"current_block_list\";a:9:{i:0;s:14:\"core\/paragraph\";i:1;s:22:\"uagb\/table-of-contents\";i:2;s:12:\"core\/heading\";i:3;s:10:\"core\/image\";i:4;s:9:\"core\/code\";i:5;s:9:\"core\/list\";i:6;s:14:\"core\/list-item\";i:7;s:14:\"uagb\/container\";i:8;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776598005\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/how-to-embed-iFrame-code-on-your-WordPress-site.jpg",1200,630,false],"thumbnail":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/how-to-embed-iFrame-code-on-your-WordPress-site-150x150.jpg",150,150,true],"medium":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/how-to-embed-iFrame-code-on-your-WordPress-site-300x158.jpg",300,158,true],"medium_large":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/how-to-embed-iFrame-code-on-your-WordPress-site-768x403.jpg",768,403,true],"large":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/how-to-embed-iFrame-code-on-your-WordPress-site-1024x538.jpg",1024,538,true],"1536x1536":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/how-to-embed-iFrame-code-on-your-WordPress-site.jpg",1200,630,false],"2048x2048":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/how-to-embed-iFrame-code-on-your-WordPress-site.jpg",1200,630,false],"trp-custom-language-flag":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/09\/how-to-embed-iFrame-code-on-your-WordPress-site.jpg",18,9,false]},"uagb_author_info":{"display_name":"Pratik Chaskar","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/pratikc\/"},"uagb_comment_info":5,"uagb_excerpt":"Have you recently learned about inline frames (iFrames) and how they can help you share content on your website? If you run a blog, or produce any web content, there will be lots of times when you might want to share other peoples\u2019 content. iFrames make it possible to do this efficiently and safely. With&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/posts\/104377"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=104377"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/posts\/104377\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media\/104389"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=104377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/categories?post=104377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/tags?post=104377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}