En este art\u00edculo, te explicaremos c\u00f3mo hacerlo f\u00e1cilmente en 3 pasos.<\/p>\n\n\n\n
Puntos clave<\/h2>\n\n\n\n\n- WordPress permite incrustar H5P de forma predeterminada con el bloque HTML personalizado.<\/li>\n\n\n\n
- Sin embargo, es mejor usar un plugin dedicado para gestionar el contenido H5P.<\/li>\n\n\n\n
- Un plugin dedicado a H5P te permite crear, subir, gestionar e incrustar contenido H5P en tu sitio de WordPress f\u00e1cilmente.<\/li>\n<\/ul>\n\n\n\n
\u00bfEs posible incrustar contenido H5P en WordPress?<\/h2>\n\n\n\n
S\u00ed, es posible incrustar contenido H5P en WordPress. Hay 2 m\u00e9todos principales para hacerlo:<\/p>\n\n\n\n
\n- Usar el bloque HTML personalizado<\/strong> en Gutenberg y pegar el c\u00f3digo de incrustaci\u00f3n iframe<\/strong>.<\/li>\n\n\n\n
- Utilizar el plugin Interactive Content \u2013 H5P<\/a> para crear y gestionar contenido H5P en todo tu sitio.<\/li>\n<\/ol>\n\n\n\n
En este post, nos centraremos en el segundo m\u00e9todo.<\/p>\n\n\n\n
El primer m\u00e9todo permite incrustar H5P en tu sitio, pero probablemente colocar\u00e1 el contenido de forma inc\u00f3moda. Por ejemplo, puede empujar tu contenido H5P totalmente a la izquierda, haci\u00e9ndolo ver fuera de lugar en relaci\u00f3n con el resto de tu sitio.<\/p>\n\n\n\n
Adem\u00e1s, el primer m\u00e9todo solo te permite mostrar contenido alojado externamente, lo que lo hace m\u00e1s vulnerable a volverse inaccesible inesperadamente.<\/p>\n\n\n\n
Tampoco es de buena etiqueta mostrar contenido alojado en un sitio externo, ya que podr\u00eda considerarse hotlinking<\/a>, una pr\u00e1ctica generalmente mal vista.<\/p>\n\n\n\nPor eso, es mejor utilizar el plugin Interactive Content. Te permite crear y gestionar todo tu contenido H5P desde el panel de administraci\u00f3n y alojarlo en tu sitio WordPress.<\/p>\n\n\n\n
C\u00f3mo incrustar contenido H5P en tu sitio de WordPress en 3 pasos<\/h2>\n\n\n\n
Como mencionamos antes, usaremos el plugin Interactive Content \u2013 H5P para crear, subir, administrar e incrustar tu contenido H5P. Empecemos.<\/p>\n\n\n\n
Paso 1: Descarg\u00e1 y activ\u00e1 el plugin<\/h4>\n\n\n\n
And\u00e1 a Plugins > A\u00f1adir nuevo plugin<\/strong> en tu panel de administraci\u00f3n y busc\u00e1 \u201cInteractive Content \u2013 H5P.\u201d Instalalo y activalo.<\/p>\n\n\n\n![\"El](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-1-1024x451.jpg\")
<\/figure>\n\n\n\nPaso 2: Agregar nuevo contenido H5P (Crear desde cero o subir)<\/h4>\n\n\n\n
Ahora que el plugin para gestionar contenido H5P est\u00e1 activado, ve a Contenido H5P > Agregar nuevo<\/strong> desde tu panel de administraci\u00f3n. Se te pedir\u00e1 aceptar ciertos t\u00e9rminos.<\/p>\n\n\n\n![\"Una](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-2-1024x451.jpg\")
<\/figure>\n\n\n\nDespu\u00e9s de aceptar los t\u00e9rminos, pod\u00e9s comenzar a crear o subir contenido H5P. Empecemos por c\u00f3mo crear contenido desde cero, y luego explicaremos c\u00f3mo subir contenido existente.<\/p>\n\n\n\n
Para crear cualquier tipo de contenido H5P, busc\u00e1lo y seleccion\u00e1 Obtener<\/strong>.<\/p>\n\n\n\n![\"La](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-3-1024x451.jpg\")
<\/figure>\n\n\n\nVer\u00e1s m\u00e1s informaci\u00f3n sobre este tipo de contenido. Hac\u00e9 clic en el bot\u00f3n Instalar<\/strong> en la esquina inferior derecha.<\/p>\n\n\n\n![\"El](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-4-1024x451.jpg\")
<\/figure>\n\n\n\nAhora, pod\u00e9s comenzar a editar tu contenido. Pod\u00e9s usar los Ejemplos y Descargas<\/a> de h5p.org para guiar tu proceso de creaci\u00f3n. Una vez que tu contenido est\u00e9 listo, hac\u00e9 clic en Crear<\/strong> en la esquina superior derecha.<\/p>\n\n\n\n![\"El](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-5-1024x451.jpg\")
<\/figure>\n\n\n\nAlternativamente, si quer\u00e9s subir contenido H5P que ya est\u00e9 terminado, volv\u00e9 a Contenido H5P > Agregar nuevo<\/strong> y hac\u00e9 clic en la pesta\u00f1a Subir<\/strong>. Hac\u00e9 clic en el bot\u00f3n Subir un archivo<\/strong>.<\/p>\n\n\n\n![\"El](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-6-1024x451.jpg\")
<\/figure>\n\n\n\nHac\u00e9 clic en Usar<\/strong>.<\/p>\n\n\n\n![\"El](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-7-1024x451.jpg\")
<\/figure>\n\n\n\nAhora, edit\u00e1s el contenido que acab\u00e1s de subir. Ya sea que lo edites o no, hac\u00e9 clic en Crear<\/strong> para agregarlo a tu sitio de WordPress.<\/p>\n\n\n\n![\"El](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-8-1024x451.jpg\")
<\/figure>\n\n\n\nPaso 3: Incrustar el contenido H5P en tu sitio de WordPress<\/h4>\n\n\n\n
Con tu contenido H5P ahora alojado en tu sitio, ve a Contenido H5P > Todo el contenido H5P<\/strong>. Ver\u00e1s todo el contenido que has creado o subido. La informaci\u00f3n importante que necesit\u00e1s para incrustarlo en tu sitio es el campo ID<\/strong>.<\/p>\n\n\n\nLo usar\u00e1s para mostrar tu contenido H5P en cualquier parte de tu sitio.<\/p>\n\n\n\n![\"Una](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-9-1024x451.jpg\")
<\/figure>\n\n\n\nPara incrustar tu H5P, and\u00e1 a cualquier p\u00e1gina o publicaci\u00f3n en tu sitio. Hac\u00e9 clic en el bot\u00f3n Agregar bloque<\/strong> y busc\u00e1 \u201cShortcode\u201d.<\/p>\n\n\n\n![\"Un](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-10-1024x451.jpg\")
<\/figure>\n\n\n\nVer\u00e1s un nuevo bloque con un cuadro de texto para ingresar un nuevo shortcode. Los shortcodes son un m\u00e9todo simple para agregar l\u00f3gica de codificaci\u00f3n complicada a tu sitio.<\/p>\n\n\n\n
Para agregar tu contenido H5P como un shortcode, necesit\u00e1s agregar el siguiente c\u00f3digo con el campo de ID correspondiente a tu contenido:<\/p>\n\n\n\n
[h5p Id=\"tu-ID-aqu\u00ed\"]<\/code><\/pre>\n\n\n\nPor ejemplo, vamos a agregar un cuestionario H5P que corresponde al ID 1 as\u00ed: [h5p Id=\"1\"]<\/code>. Despu\u00e9s de ingresar el c\u00f3digo, Public\u00e1<\/strong> o Guard\u00e1<\/strong> tu publicaci\u00f3n o p\u00e1gina.<\/p>\n\n\n\n![\"Un](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-11-1024x451.jpg\")
<\/figure>\n\n\n\nAnd\u00e1 a tu publicaci\u00f3n o p\u00e1gina en vivo para ver el contenido H5P que acab\u00e1s de incrustar.<\/p>\n\n\n\n![\"Contenido](\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-12-1024x451.jpg\")
<\/figure>\n\n\n\nEmpez\u00e1 a incrustar contenido H5P en tu sitio de WordPress<\/h2>\n\n\n\n
Como ves, incrustar c\u00f3digo H5P en tu sitio es bastante f\u00e1cil, d\u00e1ndote la oportunidad de incluir elementos interactivos con poco esfuerzo.<\/p>\n\n\n\n
Ojal\u00e1 puedas usar el m\u00e9todo en este post para agregar y gestionar contenido H5P en tu sitio en el futuro sin problemas.<\/p>\n\n\n\n
Si encontraste \u00fatil este post, le\u00e9 nuestro blog<\/a> y recursos para desarrolladores<\/a> para m\u00e1s conocimientos y gu\u00edas.<\/p>\n","protected":false},"excerpt":{"rendered":"Si us\u00e1s H5P a menudo para tu trabajo o proyectos personales, quiz\u00e1s te preguntes si es posible incrustar contenido de H5P en tu sitio de WordPress. Afortunadamente, la respuesta es \u201cS\u00ed\u201d. Los educadores y creadores de contenido obtienen mucho de H5P, una herramienta de c\u00f3digo abierto que te permite crear contenido digital interactivo. Aunque WordPress […]<\/p>\n","protected":false},"author":1,"featured_media":11479,"template":"","blog-categories":[77],"class_list":["post-11508","blogs","type-blogs","status-publish","has-post-thumbnail","hentry","blog-categories-paso-a-paso"],"acf":[],"yoast_head":"\n
C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos - White Canvas<\/title>\n<meta name=\"description\" content=\"Aprender a incrustar H5P en WordPress te permite ofrecer contenido m\u00e1s interactivo y atractivo para tus usuarios, especialmente si sos educador.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos - White Canvas\" \/>\n<meta property=\"og:description\" content=\"Aprender a incrustar H5P en WordPress te permite ofrecer contenido m\u00e1s interactivo y atractivo para tus usuarios, especialmente si sos educador.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\" \/>\n<meta property=\"og:site_name\" content=\"White Canvas\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-09T18:15:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"528\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t \"@context\": \"https:\/\/schema.org\",\n\t \"@graph\": [\n\t {\n\t \"@type\": [\n\t \"Article\",\n\t \"BlogPosting\"\n\t ],\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#article\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\"\n\t },\n\t \"author\": {\n\t \"@type\": \"Organization\",\n\t \"name\": \"Wcanvas\",\n\t \"url\": \"https:\/\/wcanvas.com\/\"\n\t },\n\t \"headline\": \"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos\",\n\t \"datePublished\": \"2024-12-09T17:30:43+00:00\",\n\t \"dateModified\": \"2024-12-09T18:15:13+00:00\",\n\t \"mainEntityOfPage\": {\n\t \"@type\": \"WebPage\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\"\n\t },\n\t \"wordCount\": 930,\n\t \"publisher\": {\n\t \"@type\": \"Organization\",\n\t \"name\": \"Wcanvas\",\n\t \"logo\": {\n\t \"@type\": \"ImageObject\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png\"\n\t }\n\t },\n\t \"image\": [],\n\t \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg\",\n\t \"inLanguage\": \"es\",\n\t \"description\": null\n\t },\n\t {\n\t \"@type\": \"WebPage\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\",\n\t \"name\": \"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos - White Canvas\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#website\"\n\t },\n\t \"primaryImageOfPage\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#primaryimage\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg\",\n\t \"datePublished\": \"2024-12-09T17:30:43+00:00\",\n\t \"dateModified\": \"2024-12-09T18:15:13+00:00\",\n\t \"description\": \"Aprender a incrustar H5P en WordPress te permite ofrecer contenido m\u00e1s interactivo y atractivo para tus usuarios, especialmente si sos educador.\",\n\t \"breadcrumb\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#breadcrumb\"\n\t },\n\t \"inLanguage\": \"es\",\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"ReadAction\",\n\t \"target\": [\n\t \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\"\n\t ]\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#primaryimage\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg\",\n\t \"width\": 1200,\n\t \"height\": 528,\n\t \"caption\": \"colorful HTML code over a dark screen\"\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#breadcrumb\",\n\t \"itemListElement\": [\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 1,\n\t \"name\": \"Home\",\n\t \"item\": \"https:\/\/wcanvas.com\/es\/\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 2,\n\t \"name\": \"Blogs\",\n\t \"item\": \"https:\/\/wcanvas.com\/es\/blogs\/\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 3,\n\t \"name\": \"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"WebSite\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#website\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t \"name\": \"White Canvas\",\n\t \"description\": \"\",\n\t \"publisher\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\"\n\t },\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"SearchAction\",\n\t \"target\": {\n\t \"@type\": \"EntryPoint\",\n\t \"urlTemplate\": \"https:\/\/wcanvas.com\/es\/?s={search_term_string}\"\n\t },\n\t \"query-input\": {\n\t \"@type\": \"PropertyValueSpecification\",\n\t \"valueRequired\": true,\n\t \"valueName\": \"search_term_string\"\n\t }\n\t }\n\t ],\n\t \"inLanguage\": \"es\"\n\t },\n\t {\n\t \"@type\": \"Organization\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\",\n\t \"name\": \"White Canvas\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t \"logo\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t \"width\": 115,\n\t \"height\": 32,\n\t \"caption\": \"White Canvas\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\"\n\t },\n\t \"alternateName\": \"Wcanvas\",\n\t \"contactPoint\": [\n\t {\n\t \"@type\": \"ContactPoint\",\n\t \"telephone\": \"+1 (347) 688 2902\",\n\t \"contactType\": \"sales\",\n\t \"contactOption\": \"TollFree\",\n\t \"areaServed\": \"US\",\n\t \"availableLanguage\": \"en\"\n\t },\n\t {\n\t \"@type\": \"ContactPoint\",\n\t \"telephone\": \"+54 (11) 5236 4717\",\n\t \"contactType\": \"sales\",\n\t \"contactOption\": \"TollFree\",\n\t \"areaServed\": \"AR\",\n\t \"availableLanguage\": \"es\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"Person\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198\",\n\t \"name\": \"Nicolas Pisani\",\n\t \"image\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t \"caption\": \"Nicolas Pisani\"\n\t },\n\t \"sameAs\": [\n\t \"https:\/\/wcanvas.com\",\n\t \"#\",\n\t \"https:\/\/www.instagram.com\/whitecanvasteam\/\",\n\t \"https:\/\/x.com\/wcanvas\"\n\t ]\n\t }\n\t ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos - White Canvas","description":"Aprender a incrustar H5P en WordPress te permite ofrecer contenido m\u00e1s interactivo y atractivo para tus usuarios, especialmente si sos educador.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos - White Canvas","og_description":"Aprender a incrustar H5P en WordPress te permite ofrecer contenido m\u00e1s interactivo y atractivo para tus usuarios, especialmente si sos educador.","og_url":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/","og_site_name":"White Canvas","article_modified_time":"2024-12-09T18:15:13+00:00","og_image":[{"width":1200,"height":528,"url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#article","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/"},"author":{"@type":"Organization","name":"Wcanvas","url":"https:\/\/wcanvas.com\/"},"headline":"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos","datePublished":"2024-12-09T17:30:43+00:00","dateModified":"2024-12-09T18:15:13+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/"},"wordCount":930,"publisher":{"@type":"Organization","name":"Wcanvas","logo":{"@type":"ImageObject","url":"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png"}},"image":[],"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg","inLanguage":"es","description":null},{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/","url":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/","name":"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos - White Canvas","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#primaryimage"},"image":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#primaryimage"},"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg","datePublished":"2024-12-09T17:30:43+00:00","dateModified":"2024-12-09T18:15:13+00:00","description":"Aprender a incrustar H5P en WordPress te permite ofrecer contenido m\u00e1s interactivo y atractivo para tus usuarios, especialmente si sos educador.","breadcrumb":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#primaryimage","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg","width":1200,"height":528,"caption":"colorful HTML code over a dark screen"},{"@type":"BreadcrumbList","@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wcanvas.com\/es\/"},{"@type":"ListItem","position":2,"name":"Blogs","item":"https:\/\/wcanvas.com\/es\/blogs\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos"}]},{"@type":"WebSite","@id":"https:\/\/wcanvas.com\/es\/#website","url":"https:\/\/wcanvas.com\/es\/","name":"White Canvas","description":"","publisher":{"@id":"https:\/\/wcanvas.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wcanvas.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wcanvas.com\/es\/#organization","name":"White Canvas","url":"https:\/\/wcanvas.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","width":115,"height":32,"caption":"White Canvas"},"image":{"@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/"},"alternateName":"Wcanvas","contactPoint":[{"@type":"ContactPoint","telephone":"+1 (347) 688 2902","contactType":"sales","contactOption":"TollFree","areaServed":"US","availableLanguage":"en"},{"@type":"ContactPoint","telephone":"+54 (11) 5236 4717","contactType":"sales","contactOption":"TollFree","areaServed":"AR","availableLanguage":"es"}]},{"@type":"Person","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198","name":"Nicolas Pisani","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","caption":"Nicolas Pisani"},"sameAs":["https:\/\/wcanvas.com","#","https:\/\/www.instagram.com\/whitecanvasteam\/","https:\/\/x.com\/wcanvas"]}]}},"_links":{"self":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs\/11508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs"}],"about":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/types\/blogs"}],"author":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media\/11479"}],"wp:attachment":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media?parent=11508"}],"wp:term":[{"taxonomy":"blog-categories","embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blog-categories?post=11508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\u00bfEs posible incrustar contenido H5P en WordPress?<\/h2>\n\n\n\n
S\u00ed, es posible incrustar contenido H5P en WordPress. Hay 2 m\u00e9todos principales para hacerlo:<\/p>\n\n\n\n
- \n
- Usar el bloque HTML personalizado<\/strong> en Gutenberg y pegar el c\u00f3digo de incrustaci\u00f3n iframe<\/strong>.<\/li>\n\n\n\n
- Utilizar el plugin Interactive Content \u2013 H5P<\/a> para crear y gestionar contenido H5P en todo tu sitio.<\/li>\n<\/ol>\n\n\n\n
En este post, nos centraremos en el segundo m\u00e9todo.<\/p>\n\n\n\n
El primer m\u00e9todo permite incrustar H5P en tu sitio, pero probablemente colocar\u00e1 el contenido de forma inc\u00f3moda. Por ejemplo, puede empujar tu contenido H5P totalmente a la izquierda, haci\u00e9ndolo ver fuera de lugar en relaci\u00f3n con el resto de tu sitio.<\/p>\n\n\n\n
Adem\u00e1s, el primer m\u00e9todo solo te permite mostrar contenido alojado externamente, lo que lo hace m\u00e1s vulnerable a volverse inaccesible inesperadamente.<\/p>\n\n\n\n
Tampoco es de buena etiqueta mostrar contenido alojado en un sitio externo, ya que podr\u00eda considerarse hotlinking<\/a>, una pr\u00e1ctica generalmente mal vista.<\/p>\n\n\n\n
Por eso, es mejor utilizar el plugin Interactive Content. Te permite crear y gestionar todo tu contenido H5P desde el panel de administraci\u00f3n y alojarlo en tu sitio WordPress.<\/p>\n\n\n\n
C\u00f3mo incrustar contenido H5P en tu sitio de WordPress en 3 pasos<\/h2>\n\n\n\n
Como mencionamos antes, usaremos el plugin Interactive Content \u2013 H5P para crear, subir, administrar e incrustar tu contenido H5P. Empecemos.<\/p>\n\n\n\n
Paso 1: Descarg\u00e1 y activ\u00e1 el plugin<\/h4>\n\n\n\n
And\u00e1 a Plugins > A\u00f1adir nuevo plugin<\/strong> en tu panel de administraci\u00f3n y busc\u00e1 \u201cInteractive Content \u2013 H5P.\u201d Instalalo y activalo.<\/p>\n\n\n\n
<\/figure>\n\n\n\nPaso 2: Agregar nuevo contenido H5P (Crear desde cero o subir)<\/h4>\n\n\n\n
Ahora que el plugin para gestionar contenido H5P est\u00e1 activado, ve a Contenido H5P > Agregar nuevo<\/strong> desde tu panel de administraci\u00f3n. Se te pedir\u00e1 aceptar ciertos t\u00e9rminos.<\/p>\n\n\n\n
<\/figure>\n\n\n\nDespu\u00e9s de aceptar los t\u00e9rminos, pod\u00e9s comenzar a crear o subir contenido H5P. Empecemos por c\u00f3mo crear contenido desde cero, y luego explicaremos c\u00f3mo subir contenido existente.<\/p>\n\n\n\n
Para crear cualquier tipo de contenido H5P, busc\u00e1lo y seleccion\u00e1 Obtener<\/strong>.<\/p>\n\n\n\n
<\/figure>\n\n\n\nVer\u00e1s m\u00e1s informaci\u00f3n sobre este tipo de contenido. Hac\u00e9 clic en el bot\u00f3n Instalar<\/strong> en la esquina inferior derecha.<\/p>\n\n\n\n
<\/figure>\n\n\n\nAhora, pod\u00e9s comenzar a editar tu contenido. Pod\u00e9s usar los Ejemplos y Descargas<\/a> de h5p.org para guiar tu proceso de creaci\u00f3n. Una vez que tu contenido est\u00e9 listo, hac\u00e9 clic en Crear<\/strong> en la esquina superior derecha.<\/p>\n\n\n\n
<\/figure>\n\n\n\nAlternativamente, si quer\u00e9s subir contenido H5P que ya est\u00e9 terminado, volv\u00e9 a Contenido H5P > Agregar nuevo<\/strong> y hac\u00e9 clic en la pesta\u00f1a Subir<\/strong>. Hac\u00e9 clic en el bot\u00f3n Subir un archivo<\/strong>.<\/p>\n\n\n\n
<\/figure>\n\n\n\nHac\u00e9 clic en Usar<\/strong>.<\/p>\n\n\n\n
<\/figure>\n\n\n\nAhora, edit\u00e1s el contenido que acab\u00e1s de subir. Ya sea que lo edites o no, hac\u00e9 clic en Crear<\/strong> para agregarlo a tu sitio de WordPress.<\/p>\n\n\n\n
<\/figure>\n\n\n\nPaso 3: Incrustar el contenido H5P en tu sitio de WordPress<\/h4>\n\n\n\n
Con tu contenido H5P ahora alojado en tu sitio, ve a Contenido H5P > Todo el contenido H5P<\/strong>. Ver\u00e1s todo el contenido que has creado o subido. La informaci\u00f3n importante que necesit\u00e1s para incrustarlo en tu sitio es el campo ID<\/strong>.<\/p>\n\n\n\n
Lo usar\u00e1s para mostrar tu contenido H5P en cualquier parte de tu sitio.<\/p>\n\n\n\n
<\/figure>\n\n\n\nPara incrustar tu H5P, and\u00e1 a cualquier p\u00e1gina o publicaci\u00f3n en tu sitio. Hac\u00e9 clic en el bot\u00f3n Agregar bloque<\/strong> y busc\u00e1 \u201cShortcode\u201d.<\/p>\n\n\n\n
<\/figure>\n\n\n\nVer\u00e1s un nuevo bloque con un cuadro de texto para ingresar un nuevo shortcode. Los shortcodes son un m\u00e9todo simple para agregar l\u00f3gica de codificaci\u00f3n complicada a tu sitio.<\/p>\n\n\n\n
Para agregar tu contenido H5P como un shortcode, necesit\u00e1s agregar el siguiente c\u00f3digo con el campo de ID correspondiente a tu contenido:<\/p>\n\n\n\n
[h5p Id=\"tu-ID-aqu\u00ed\"]<\/code><\/pre>\n\n\n\nPor ejemplo, vamos a agregar un cuestionario H5P que corresponde al ID 1 as\u00ed:
[h5p Id=\"1\"]<\/code>. Despu\u00e9s de ingresar el c\u00f3digo, Public\u00e1<\/strong> o Guard\u00e1<\/strong> tu publicaci\u00f3n o p\u00e1gina.<\/p>\n\n\n\n<\/figure>\n\n\n\nAnd\u00e1 a tu publicaci\u00f3n o p\u00e1gina en vivo para ver el contenido H5P que acab\u00e1s de incrustar.<\/p>\n\n\n\n
<\/figure>\n\n\n\nEmpez\u00e1 a incrustar contenido H5P en tu sitio de WordPress<\/h2>\n\n\n\n
Como ves, incrustar c\u00f3digo H5P en tu sitio es bastante f\u00e1cil, d\u00e1ndote la oportunidad de incluir elementos interactivos con poco esfuerzo.<\/p>\n\n\n\n
Ojal\u00e1 puedas usar el m\u00e9todo en este post para agregar y gestionar contenido H5P en tu sitio en el futuro sin problemas.<\/p>\n\n\n\n
Si encontraste \u00fatil este post, le\u00e9 nuestro blog<\/a> y recursos para desarrolladores<\/a> para m\u00e1s conocimientos y gu\u00edas.<\/p>\n","protected":false},"excerpt":{"rendered":"
Si us\u00e1s H5P a menudo para tu trabajo o proyectos personales, quiz\u00e1s te preguntes si es posible incrustar contenido de H5P en tu sitio de WordPress. Afortunadamente, la respuesta es \u201cS\u00ed\u201d. Los educadores y creadores de contenido obtienen mucho de H5P, una herramienta de c\u00f3digo abierto que te permite crear contenido digital interactivo. Aunque WordPress […]<\/p>\n","protected":false},"author":1,"featured_media":11479,"template":"","blog-categories":[77],"class_list":["post-11508","blogs","type-blogs","status-publish","has-post-thumbnail","hentry","blog-categories-paso-a-paso"],"acf":[],"yoast_head":"\n
C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos - White Canvas<\/title>\n<meta name=\"description\" content=\"Aprender a incrustar H5P en WordPress te permite ofrecer contenido m\u00e1s interactivo y atractivo para tus usuarios, especialmente si sos educador.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos - White Canvas\" \/>\n<meta property=\"og:description\" content=\"Aprender a incrustar H5P en WordPress te permite ofrecer contenido m\u00e1s interactivo y atractivo para tus usuarios, especialmente si sos educador.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\" \/>\n<meta property=\"og:site_name\" content=\"White Canvas\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-09T18:15:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"528\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t \"@context\": \"https:\/\/schema.org\",\n\t \"@graph\": [\n\t {\n\t \"@type\": [\n\t \"Article\",\n\t \"BlogPosting\"\n\t ],\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#article\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\"\n\t },\n\t \"author\": {\n\t \"@type\": \"Organization\",\n\t \"name\": \"Wcanvas\",\n\t \"url\": \"https:\/\/wcanvas.com\/\"\n\t },\n\t \"headline\": \"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos\",\n\t \"datePublished\": \"2024-12-09T17:30:43+00:00\",\n\t \"dateModified\": \"2024-12-09T18:15:13+00:00\",\n\t \"mainEntityOfPage\": {\n\t \"@type\": \"WebPage\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\"\n\t },\n\t \"wordCount\": 930,\n\t \"publisher\": {\n\t \"@type\": \"Organization\",\n\t \"name\": \"Wcanvas\",\n\t \"logo\": {\n\t \"@type\": \"ImageObject\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png\"\n\t }\n\t },\n\t \"image\": [],\n\t \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg\",\n\t \"inLanguage\": \"es\",\n\t \"description\": null\n\t },\n\t {\n\t \"@type\": \"WebPage\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\",\n\t \"name\": \"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos - White Canvas\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#website\"\n\t },\n\t \"primaryImageOfPage\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#primaryimage\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg\",\n\t \"datePublished\": \"2024-12-09T17:30:43+00:00\",\n\t \"dateModified\": \"2024-12-09T18:15:13+00:00\",\n\t \"description\": \"Aprender a incrustar H5P en WordPress te permite ofrecer contenido m\u00e1s interactivo y atractivo para tus usuarios, especialmente si sos educador.\",\n\t \"breadcrumb\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#breadcrumb\"\n\t },\n\t \"inLanguage\": \"es\",\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"ReadAction\",\n\t \"target\": [\n\t \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/\"\n\t ]\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#primaryimage\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg\",\n\t \"width\": 1200,\n\t \"height\": 528,\n\t \"caption\": \"colorful HTML code over a dark screen\"\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#breadcrumb\",\n\t \"itemListElement\": [\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 1,\n\t \"name\": \"Home\",\n\t \"item\": \"https:\/\/wcanvas.com\/es\/\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 2,\n\t \"name\": \"Blogs\",\n\t \"item\": \"https:\/\/wcanvas.com\/es\/blogs\/\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 3,\n\t \"name\": \"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"WebSite\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#website\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t \"name\": \"White Canvas\",\n\t \"description\": \"\",\n\t \"publisher\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\"\n\t },\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"SearchAction\",\n\t \"target\": {\n\t \"@type\": \"EntryPoint\",\n\t \"urlTemplate\": \"https:\/\/wcanvas.com\/es\/?s={search_term_string}\"\n\t },\n\t \"query-input\": {\n\t \"@type\": \"PropertyValueSpecification\",\n\t \"valueRequired\": true,\n\t \"valueName\": \"search_term_string\"\n\t }\n\t }\n\t ],\n\t \"inLanguage\": \"es\"\n\t },\n\t {\n\t \"@type\": \"Organization\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\",\n\t \"name\": \"White Canvas\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t \"logo\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t \"width\": 115,\n\t \"height\": 32,\n\t \"caption\": \"White Canvas\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\"\n\t },\n\t \"alternateName\": \"Wcanvas\",\n\t \"contactPoint\": [\n\t {\n\t \"@type\": \"ContactPoint\",\n\t \"telephone\": \"+1 (347) 688 2902\",\n\t \"contactType\": \"sales\",\n\t \"contactOption\": \"TollFree\",\n\t \"areaServed\": \"US\",\n\t \"availableLanguage\": \"en\"\n\t },\n\t {\n\t \"@type\": \"ContactPoint\",\n\t \"telephone\": \"+54 (11) 5236 4717\",\n\t \"contactType\": \"sales\",\n\t \"contactOption\": \"TollFree\",\n\t \"areaServed\": \"AR\",\n\t \"availableLanguage\": \"es\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"Person\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198\",\n\t \"name\": \"Nicolas Pisani\",\n\t \"image\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t \"caption\": \"Nicolas Pisani\"\n\t },\n\t \"sameAs\": [\n\t \"https:\/\/wcanvas.com\",\n\t \"#\",\n\t \"https:\/\/www.instagram.com\/whitecanvasteam\/\",\n\t \"https:\/\/x.com\/wcanvas\"\n\t ]\n\t }\n\t ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos - White Canvas","description":"Aprender a incrustar H5P en WordPress te permite ofrecer contenido m\u00e1s interactivo y atractivo para tus usuarios, especialmente si sos educador.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos - White Canvas","og_description":"Aprender a incrustar H5P en WordPress te permite ofrecer contenido m\u00e1s interactivo y atractivo para tus usuarios, especialmente si sos educador.","og_url":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/","og_site_name":"White Canvas","article_modified_time":"2024-12-09T18:15:13+00:00","og_image":[{"width":1200,"height":528,"url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#article","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/"},"author":{"@type":"Organization","name":"Wcanvas","url":"https:\/\/wcanvas.com\/"},"headline":"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos","datePublished":"2024-12-09T17:30:43+00:00","dateModified":"2024-12-09T18:15:13+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/"},"wordCount":930,"publisher":{"@type":"Organization","name":"Wcanvas","logo":{"@type":"ImageObject","url":"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png"}},"image":[],"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg","inLanguage":"es","description":null},{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/","url":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/","name":"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos - White Canvas","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#primaryimage"},"image":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#primaryimage"},"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg","datePublished":"2024-12-09T17:30:43+00:00","dateModified":"2024-12-09T18:15:13+00:00","description":"Aprender a incrustar H5P en WordPress te permite ofrecer contenido m\u00e1s interactivo y atractivo para tus usuarios, especialmente si sos educador.","breadcrumb":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#primaryimage","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/WordPress-h5p-HERO.jpg","width":1200,"height":528,"caption":"colorful HTML code over a dark screen"},{"@type":"BreadcrumbList","@id":"https:\/\/wcanvas.com\/es\/blog\/como-insertar-contenido-h5p-en-wordpress-en-3-pasos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wcanvas.com\/es\/"},{"@type":"ListItem","position":2,"name":"Blogs","item":"https:\/\/wcanvas.com\/es\/blogs\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo Insertar Contenido H5P en WordPress en 3 Pasos"}]},{"@type":"WebSite","@id":"https:\/\/wcanvas.com\/es\/#website","url":"https:\/\/wcanvas.com\/es\/","name":"White Canvas","description":"","publisher":{"@id":"https:\/\/wcanvas.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wcanvas.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wcanvas.com\/es\/#organization","name":"White Canvas","url":"https:\/\/wcanvas.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","width":115,"height":32,"caption":"White Canvas"},"image":{"@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/"},"alternateName":"Wcanvas","contactPoint":[{"@type":"ContactPoint","telephone":"+1 (347) 688 2902","contactType":"sales","contactOption":"TollFree","areaServed":"US","availableLanguage":"en"},{"@type":"ContactPoint","telephone":"+54 (11) 5236 4717","contactType":"sales","contactOption":"TollFree","areaServed":"AR","availableLanguage":"es"}]},{"@type":"Person","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198","name":"Nicolas Pisani","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","caption":"Nicolas Pisani"},"sameAs":["https:\/\/wcanvas.com","#","https:\/\/www.instagram.com\/whitecanvasteam\/","https:\/\/x.com\/wcanvas"]}]}},"_links":{"self":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs\/11508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs"}],"about":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/types\/blogs"}],"author":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media\/11479"}],"wp:attachment":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media?parent=11508"}],"wp:term":[{"taxonomy":"blog-categories","embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blog-categories?post=11508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}} - Utilizar el plugin Interactive Content \u2013 H5P<\/a> para crear y gestionar contenido H5P en todo tu sitio.<\/li>\n<\/ol>\n\n\n\n