Applies ToVisio Plan 2 Visio en Microsoft 365 Visio Plan 1 Visio Profesional 2024 Visio Profesional 2021 Visio Profesional 2019 Visio Profesional 2016

Hay varias maneras de mostrar un diagrama de Visio en una página web, como en un blog, en SharePoint o con una aplicación web. Los diagramas de planta, escalas de tiempo, flujos de procesos, diagramas de red, etc., son más reconocibles y útiles cuando se usan en la Web. Además, los cambios guardados en el diagrama original en Visio se reflejan automáticamente en la página web, lo que significa que las partes interesadas y otros visores ven diagramas actualizados.

Importante: De forma predeterminada. alguien sigue un vínculo incrustado presionando Ctrl y haciendo clic en el vínculo. Sin embargo, si prefiere que los usuarios solo tengan que hacer clic en un vínculo para seguirlo, agregue&wdClickOnlyHyperlinks=true al final del atributo iframe src en el código para insertar.

Agregar un diagrama a cualquier página web mediante OneDrive: código para insertar personal

  1. Si no tienes una cuenta de OneDrive, crea una aquí.

  2. Si es necesario, cargue el archivo de Visio en OneDrive- personal.

  3. Vaya a la carpeta que tiene el archivo Visio y selecciónelo.

  4. Seleccione Insertar y, a continuación, en el panel Insertar , seleccione Generar.

  5. Opcionalmente, ajuste el tamaño del nivel de zoom y, después, copie el código para insertar en la aplicación o página web.

Agregar un diagrama a una página moderna SharePoint mediante Visio para la Web código para insertar

  1. Vaya a la biblioteca de documentos que tiene el archivo Visio.

  2. Para abrir el diagrama de Visio, seleccione el nombre de archivo.

  3. Seleccione Mostrar más comandos (...) > Insertar.

  4. En el cuadro de diálogo de Insertar, copie el Código para insertar.

  5. Opcionalmente, ajuste ancho yalto y, a continuación, copie el código para insertar.

  6. Si es necesario, cree una página de SharePoint moderna donde quiera insertar el diagrama de Visio. Para obtener más información, consulte Agregar una página a un sitio.

  7. Vaya a la página de SharePoint moderna, agregue el elemento web Insertar y, a continuación, agregue el código para insertar .

    Para obtener más información, consulte Usar el elemento web insertar en una página moderna.

Agregar un diagrama a una página SharePoint moderna mediante el elemento web Archivo y multimedia

  1. Si es necesario, cree una página de SharePoint moderna donde quiera insertar el diagrama de Visio. Para obtener más información, consulte Agregar una página a un sitio.

  2. Vaya a la página de SharePoint moderna.

  3. Busque el cuadro de herramientas (Icono de Cuadro de herramientas en el panel de contenido) a la derecha. Selecciona Ver todos los elementos web y, a continuación, selecciona o arrastra y coloca Archivo y multimedia en la lista de elementos web.

  4. Vaya al diagrama de Visio que desea insertar y, después, elija Agregar documento.

Para obtener más información, consulte Usar elementos web en páginas de SharePoint Online.

Agregar un diagrama a una página SharePoint clásica mediante el comando Insertar código

  1. Vaya a la biblioteca de documentos que tiene el archivo Visio.

  2. Para abrir el diagrama de Visio en Visio para la Web, seleccione el archivo Visio.

  3. Seleccione Mostrar más comandos (...) > Insertar.

  4. En el cuadro de diálogo de Insertar, copie el Código para insertar.

  5. Vaya a la página web para la que desea agregar el diagrama de Visio.

  6. Seleccione Editar > página.

  7. Haga clic en el área editable de la página web.

  8. Seleccione Insertar > código para insertar.

Seguir un hipervínculo en un diagrama de Visio incrustado

Para seguir un hipervínculo en un diagrama, presione Ctrl y haga clic en el hipervínculo. 

Crear un mashup Visio para la Web con la API de JavaScript Visio

Las API de JavaScript de Visio permiten el acceso mediante programación a diagramas de Visio para la Web en una página de SharePoint. Use las API para insertar primero un diagrama de Visio en un elemento Iframe> HTML <y, a continuación, interactuar con los elementos del diagrama mediante un elemento web editor de scripts. Para obtener más información sobre conceptos clave y ejemplos de código para empezar, vea Migrar de Visio Web Access a Visio para la Web.

Vea también

Ayuda de Visio para la web

Visio para la Web: Preguntas más frecuentes

Desuso del modo Silverlight en Visio Web Access

¿Necesita más ayuda?

¿Quiere más opciones?

Explore las ventajas de las suscripciones, examine los cursos de aprendizaje, aprenda a proteger su dispositivo y mucho más.

Las comunidades le ayudan a formular y responder preguntas, enviar comentarios y leer a expertos con conocimientos extensos.