Embed Lucidchart Diagrams

This article explains how to embed diagrams created with Lucidchart (www.lucidchart.com) in IT Glue. You will also learn how to add hyperlinks within a diagram that will open the relevant assets in IT Glue. We'll refer to network diagrams in this article but you can use any kind of diagram that Lucidchart supports.

Instructions

Getting the embed code from Lucidchart

  1. Log in to your Lucidchart account and create a network diagram.
  2. In the top-right corner, click the Share button.


    Lucidchart_Share.png

  3. Click Advanced.


    Lucidchart_Share_with_Others.png

  4. From the left side of the Share dialog, choose Embed.


    Lucidchart_Embed.png

  5. Select either Medium or Large from the drop down and then click the Activate Embed Code button to activate the code.


    Lucidchart_Activate_Embed_Code.png

  6. Copy the activated embed code.


    Lucidchart_Activated_HTML.png

Pasting the embed code in IT Glue

  1. From IT Glue, find the relevant LAN item from the desired organization and click Edit.
  2. In the Network Diagram field, click on the Embed Media icon.
  3. Paste the embed code and click the checkmark to save your changes.


    Edit_LAN___IT_Glue.png

After embedding the code, the image will display and be interactive. You will be able to pan around the image within its window and click + and buttons to zoom in and out.

Network_Diagram_IT_Glue-2.png

Adding hotspots to the diagram

You can revisit your Lucidchart diagram and create hotspots for each device that will take you directly to the device in IT Glue.

Note: Hotspots are available to Lucidchart Professional and Team accounts.
  1. From IT Glue, navigate to the relevant organization and click Configurations in the sidebar.
  2. Click on the Type drop-down arrows and filter the view to target one type at a time.
  3. Right-click on a name and select Copy Link Address.


  4. Navigate back to the network diagram in Lucidchart and right-click the relevant device to open the context menu. Then, select Create Hotspot.
  5. Click on the drop-down arrows next to Choose an Action and select External Link.
  6. In the External Link dialog box, paste the link, check Open in new window, and click Done.


Further reading

Was this article helpful?
15 out of 16 found this helpful
Have more questions? Contact us