How to Embed a ThingSpeak Chart on your WordPress Blog

ThingSpeak Charts can be embedded into a WordPress blog by using the Easy iFrame Loader plugin. This plugin allows you to embed a chart in blog posts and pages without worrying about the embed code being rewritten by the WordPress editor. You can also embed a chart in the widget sidebar using this plugin.

Steps

  • Install Easy iFrame Loader WordPress Plugin
  • Activate the plugin
  • Get the chart embed code for your channel
  • Add the Easy iFrame Loader code anywhere in a blog post or page

Chart Embed Code

<iframe width="450" height="250" style="border: 1px solid #cccccc;" src="https://api.thingspeak.com/channels/3/charts/1"></iframe>

Easy iFrame Loader Code

Take the “src”  of the Chart Embed Code and add it to the “src” of the “iframe_loader” code. Place this code in your blog post.

[iframe_loader src="https://api.thingspeak.com/channels/3/charts/1"]

Live Example

[iframe_loader src=”https://api.thingspeak.com/channels/3/charts/1″]