Incrustación de su diagrama Cacoo en una página de sitio web externa

Para que los demás puedan ver su diagrama, primero tiene que hacerlo público. Haga clic en la pestaña "Propiedades" en la barra de herramientas en la Editor.

En el centro del panel Propiedades del Diagrama, verá el ajuste "Seguridad". Marque la casilla junto a "Abrir diagrama al público vía URL" y pulse el botón “Update Setting” (Actualizar Configuración) en la parte inferior.

Embedding_your_diagram_in_an_External_Webpage_ES.png

※ Por favor, asegúrese de guardar el diagrama después de modificar el diagrama publicado. La imagen integrada no se actualizará hasta que guarde el diagrama original.

Luego vuelva a la página de detalles del diagrama y haga clic en el botón (clip de papel) "Compartir URL".

 Share_URL_ES.png

Incrustación de Una Hoja

Here’s how to embed a single sheet from a diagram. Como incrustar una hoja del diagrama.

Despúes de haber seleccionado una hoja para poner en un espacio web usando la lista de Hojas en la columna izquierda de la página de detalles de diagrama, pulse el botón "Copiar" ubicado en la sección de "Imagen de hoja".

Cuando vea "¡Copiado!", la dirección URL de la imagen se ha copiado en el portapapeles.

Todo lo que necesita es añadir la etiqueta img en el html de su sitio y especificar el URL que acaba de copiar en src.

<img src="https://cacoo.com/diagrams/pByowlpiZ7YTV7UN-5BBE5.png">

 

Ahora la imagen se muestra en su sitio.

Incrustación de un diagrama entero

Así es como se demuestra el visualizador entero:

A continuación, introduciré como mostrar el visor. El espectador tiene los botones ◀ ▶ para poder cambiar de hoja. Es mejor usar el visor cuando se tienen muchas hojas.

De la misma manera que hizo anteriormente, haga clic en el botón "Compartir URL" en la página de detalles de diagramas y copie el código pulsando en el botón "Copiar" en la sección de "Incrustar visor" esta vez.

Pegue el enlace a html.

<iframe src="https://cacoo.com/diagrams/pByowlpiZ7YTV7UN/view" width="402" height="330" frameborder="0" scrolling="no"></iframe>

Tendrá el visor en su sitio. El tamaño predeterminado del visor se establece en 400x300.

Cambie el ajuste de modo que sea un poco más grande (600x500) y muestre la segunda hoja por defecto.

<iframe src="https://cacoo.com/diagrams/pByowlpiZ7YTV7UN/view?w=600&h=500&sn=2" width="602" height="530" frameborder="0" scrolling="no"></iframe>

La parte amarilla muestra donde se ha cambiado. He añadido los parámetros "w" y "h" de la dirección URL para especificar el tamaño del diagrama. El parámetro "sn" especifica el número de la hoja que se mostrará al principio. Introduzca los números que son w+2 para la anchura y h+30 para la altura. (En este caso, la anchura es de 500+2 y la altura es de 600+30)