How to Embed ChartBlocks Charts in WordPress

How to Embed ChartBlocks Charts in WordPressWith EmbedPress, you can add ChartBlocks Charts to WordPress, using just a URL.

ChartBlocks is an enormously popular service that has worked as an alternative for AmCharts etc.

ChartBlocks embeds are possible, but they’re not easy to use via normal methods. EmbedPress is different. With EmbedPress, you don’t have to mess around with embed code. All you need is the ChartBlocks Chart URL.

Here’s how to embed any ChartBlocks Chart into your WordPress site, using the EmbedPress plugin.

Step #1. Install the EmbedPress plugin

EmbedPress is a very helpful plugin that expands and improves on WordPress’ capabilities. Install EmbedPress and your WordPress site will become far more powerful. Click here to find EmbedPress on WordPress.org.

Step #2. Set up your ChartBlocks account

  1. Login to your ChartBlocks account or create a new one.
    screenshot_7
  2. Once you are logged in, click “Create a Chart” button.
    screenshot_1
  3. This will take you through a wizard where you can either import data from a spreadsheet or enter it manually.
    screenshot_2
    screenshot_3
  4. Once wizard is complete, click share icon on top right and copy the Chart URL.
    screenshot_6

Step #3. Publish your ChartBlocks Chart Embeds

Now you have the ChartBlocks chart URL, you can add it to WordPress.

  1. Go to your WordPress site.
  2. Edit a post or page.
  3. Add your ChartBlocks URL into the content area, with the “Visual” tab enabled.
  4. You will see a purple background with a “Loading your embed …” message
    1
  5. Your URL will automatically be transformed into an embed of your ChartBlocks Chart:
    screenshot_5
  6. Publish your WordPress content, and your chart will be embedded.
  7. Your Google Doc embed will be fully responsive

Step #4. Edit your ChartBlocks Embeds

While editing your WordPress content, you can also edit your embed, thanks to EmbedPress.

  1. Hover over the embed, and a purple button will appear.
  2. Click the pencil and a pop-up screen will appear with more options.
  3. You can now change the embed URL, plus you can also control the maximum width and height of the embed.
in Embed Sources

Related Articles

Start today!

[i]
[i]