How to embed a diagram as an SVG in WordPress

by | Mar 12, 2020 | 0 comments

How to embed a diagram as an SVG in WordPress

by | Mar 12, 2020 | Free Wordpress Plugins | 0 comments

You can embed diagrams as a SVG image in WordPress, and any links, layers and pages you added to your diagram will even work.

But first, you need to disable formatting and word wrap on all labels so that text is displayed properly in the SVG.

To export and embed the SVG in WordPress:
1. In, click File – Embed – SVG.
2. Click Object Lightbox so your diagram will look prettier, then copy the code.
3. In WordPress, make sure you are in text mode, then paste the code.

Alternatively, DrawIT is a third-party WordPress plugin that can display diagrams.

Find the flowchart used in this example:

Learn more about diagramming with at is available on the Atlassian Marketplace – install your free trial today!


<div class="tnp tnp-subscription"> <form method="post" action=""> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>