How to auto-share image updates to websites

Cacoo Cacoo How-To
1

Cacoo can help us embed diagrams/images in websites or blogs by using a direct URL link to the image (.png file) generated from the diagram.

If we use the image link for inserting images online, there are 3 main benefits:

  1. Updating images is faster. We can update the diagram in Cacoo, and this will automatically update the image on the website.

  2. It’s convenient. We can skip the additional steps of exporting images and uploading them to other websites.

  3. A single image URL link can be used on several websites simultaneously. So, updating the image in Cacoo will automatically update the same image on those websites.

Image-link-02
Image-link-02890×658 33.2 KB

This is recommended for images that might be changed frequently, for example, images for news updates, marketing promotions, support content, or forum avatars, etc. The possibilities are only limited by your imagination.

How to generate a diagram sheet’s image link

Image-link-01
Image-link-01742×810 85.3 KB

  1. Click on the Share button at the top navigation bar.

  2. At the sharing dialog, click the Share via Link tab to access the diagram sharing options.

  3. For sharing the diagram with the general public on the Internet, enable the Public link radio button. Then, you can set it to view only or edit. This will allow others to only be able to view the diagram or edit it.

  4. Select the sheet you wish to publish, it can be the current sheet or any sheet in the diagram. Simultaneously, you can tick the checkbox to resize the image. If left unticked, the image will be the same size as the contents in the diagram. When you’re satisfied, click the ‘Generate’ button.

  5. Copy the generated image link or embed code to insert in another website or blog. Then, close the dialog to exit.

We recommend ‘view only’ to prevent the public from editing the diagram. If you wish to limit the users who can access the diagram, you can invite them as collaborators or place the diagram in a shared folder in Cacoo.

Using the diagram embed code

Untitled-1

Copy and paste the embed code into your webpage, and the Cacoo diagram will be displayed in an iframe on the page. This allows the public to navigate and view all the sheets in the diagram . Clicking on it will then open the diagram in a new browser tab/window.

Summary

Cacoo allows us to share diagrams directly on websites with the following options:

  • Use an image link to insert a diagram sheet as a PNG image
  • Use an embed code to embed a diagram on a webpage

Because the links and code are pointing to the same Cacoo diagram/sheet, any updates to the source diagram/sheet are also apparent at the endpoints (website, blog, etc).

Remember to set the diagram to view only if you do not wish to let anyone edit the diagram/sheet.