Embed your Drawings

How to add Drawings?

Create your Drawing on Draw.io

  • Go to draw.io 
  • Create your drawing or diagram using their tools (Draw.io is a free platform).Screen Shot 2017-11-19 at 12.43.53 pm.png
  • Grab the URL using File --> Export As --> URL .. Screen Shot 2017-11-19 at 12.48.10 pm.png
  • Select the options of your liking Screen Shot 2017-11-19 at 12.52.01 pm.png

 

  • Click Create 
  • This will generate a URL. Screen Shot 2017-11-19 at 12.47.27 pm.png
  • Copy the URL  

Add URL on the page using Responsively Embed block

  • Drag and Drop the Responsively Embed Block from the siderail into the dropzone. 

Screen Shot 2017-11-19 at 1.05.16 pm.png

  • Paste the URL in the IFRAME SOURCE URL field Screen Shot 2017-11-19 at 12.58.58 pm.png
  • Click on Edit Icon on the top bar on the your article page and Save changes. Screen Shot 2017-11-19 at 1.03.14 pm.png
  • Finally, you will see your Drawing on the page. Screen Shot 2017-11-19 at 12.59.56 pm.png

See example below which has been created on draw.io and embedded here .  

Looking for more Blocks?

Check our Blocks tutorial for more types of blocks for you to play around with. 

Show me