El creador de HTML te permite incrustar contenido interactivo y multimedia directamente en tus páginas o artículos de noticias. Esto puede ayudar a aportar contexto adicional, funcionalidades e interacciones a tu contenido al mostrar herramientas externas, videos o transmisiones en directo junto a tus comunicaciones internas.
La incrustación de contenido generalmente se realiza mediante el uso de iFrame o código de incrustación proporcionado por servicios de terceros.
Esta función está disponible al utilizar el creador HTML antiguo en páginas o el creador de artículos.
Dispositivos: Escritorio para crear; se puede ver tanto en Escritorio como en Móvil.
Roles/permisos:
- Administrador del sistema
- Editor
- Editor de Global Pages
- Propietarios/Administradores del espacio (para artículos del espacio)
Cómo incrustar contenido mediante iframes
Un iFrame (marco en línea) es un elemento HTML que te permite mostrar contenido de otro sitio web directamente dentro de una página.
Esto se puede usar para incrustar páginas web, formularios, videos, herramientas interactivas, paneles de control o tableros de colaboración.
Cómo añadir un iFrame
- Abre la página o el artículo de noticias que deseas editar.
- En el editor, navega a Herramientas.
- Selecciona Código fuente.
- Pega el iFrame o el código de inserción proporcionado por el servicio externo.
- Guarda los cambios.
El contenido incrustado se mostrará en la página.
Ejemplo de código iFrame
A continuación se muestra un ejemplo de un iFrame básico utilizado para incrustar una página web:
<p><iframe src="https://productportal.workvivo.com" ancho="100%" alto="1000px" borde del marco="0" ancho del margen="0px" alto del margen="0px" desplazamiento="sí" permitir pantalla completa="permitir pantalla completa" ancho-móvil-datos="100%" alto-móvil-datos="1000px"></iframe></p>
- src = "https://productportal.workvivo.com"; por lo que se incrustará esta URL
- width = "100%"; ocupará todo el ancho posible dentro de la página/artículo
- height = "1000px"; la altura se fijará en 1000 píxeles
- scrolling = "yes"; el iFrame se puede desplazar y no será estático
Ten en cuenta que hay parámetros de tamaño diferentes para dispositivos móviles (data-mobile-width y data-mobile-height); sin embargo, en este ejemplo, las dimensiones son las mismas que en la web.
Vista web:
Vista móvil:
Nota: Si encuentra el siguiente error, comuníquese con su Gerente de Proyecto de Experiencia del Cliente o envíe una solicitud a través del Centro de ayuda.
Cómo personalizar el contenido incrustado
Debido a que el contenido se muestra desde un sitio web externo, la mayoría de los elementos visuales deben controlarse en la plataforma de alojamiento.
Algunos ejemplos de elementos que no se pueden personalizar en Workvivo:
- Imágenes
- Colores y estilo
- Diseño de la página
- Capacidad de respuesta del sitio
Sin embargo, puedes ajustar determinadas configuraciones de pantalla en Workvivo, como:
- Anchura
- Altura
- Si el contenido es desplazable o estático
Incorporación de transmisiones en vivo o seminarios web
Las transmisiones en vivo y los seminarios web también pueden incrustarse en páginas mediante el código de inserción proporcionado por la plataforma de video.
Esto es útil al alojar contenido que podría ser externo a Workvivo, como emisiones externas o transmisiones en vivo, grabaciones de seminarios web o anuncios en video.
Cómo incrustar una transmisión en vivo
- Abre el video de transmisión en vivo.
-
Copia el código de inserción del proveedor de vídeo.
- Edita tu página.
-
Haz clic en el icono de Insertar medio.
- Selecciona Incrustar.
- Pega el código de incrustación.
-
Haz clic en Guardar.
El fotograma de video de la transmisión en vivo aparecerá dentro de la página.
Cómo ajustar el tamaño del fotograma de video
Si el video incrustado aparece demasiado pequeño, puedes cambiar el tamaño del fotograma multimedia si haces clic en el video incrustado en el editor, seleccionas el botón Insertar archivo multimedia y ajustas las dimensiones del fotograma según sea necesario.
Por ejemplo, cambia el ancho a 950 y la altura a 549.
Esto permite que el video se muestre de forma más prominente dentro del diseño de la página.
Solución de problemas de contenido incrustado
Si el contenido incrustado no aparece correctamente, primero verifica que el código de incrustación se haya copiado por completo desde la fuente. A continuación, confirma que el sitio web externo permite la incrustación, ya que algunas fuentes bloquean su contenido para que no se incruste en otras ubicaciones. Por último, asegúrate de que las dimensiones sean apropiadas para el diseño de la página.
Si continúas encontrando problemas, envía una solicitud a través del Centro de ayuda.
Este artículo se aplica al creador HTML heredado. Si usas el nuevo editor de páginas basado en bloques, consulta Cómo incrustar contenido en páginas.