How to embed charts in Wordpress
In this article, we'll discuss how to embed charts, maps & tables in wordpress.com and wordpress.org.
Wordpress is the name for two services, wordpress.org and wordpress.com:
- WordPress.org is a free, open-source content management system (CMS) software that everyone can download & install to build their own blog or website.
- WordPress.com is a commercial platform that runs on a modified version of WordPress. WordPress.com hosts your blog or website, so you don't need to deal with installing it on a server yourself.
Embedding charts on sites built with WordPress
If you or your organization self-host Wordpress, you'll be able to embed Datawrapper charts, maps & tables with the normal embed code. So if you see the option to add HTML code to your posts, simply copy & paste the "Responsive iFrame" embed code into your site's HTML. Then, the interactive Datawrapper chart will appear automatically. (You might need an additional plugin for handling embeds.)
Embedding charts on sites hosted on WordPress.com
If you host your blog or website on WordPress.com, it isn't possible to embed an interactive version of your chart, map or table. WordPress.com does not support the embedding of iframes. That's nothing we can fix, we're afraid.
Instead of embedding, you have two options:
- If you're on the free plan, take a screenshot of your final map, chart or table and upload it to WordPress.com as an image. If you're on Windows, learn here to take a screenshot. If you're on Mac, press Command + Shift + 4 and drag over the part of the screen you want to capture.
- If you're on any other plan, you can use our PNG export. To do so, go to step 4: Publish and click on "PNG". Options will appear that let you choose the size and border of you PNG. Click on "Download PNG", when you're happy with the settings