How to Embed AmCharts in WordPress

How to Embed AmCharts in WordPressWith EmbedPress, you can embed AmCharts to WordPress, using just a URL.

AmCharts 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 AmChart URL.

Here’s how to embed AmChart links 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 have far more powerful media capabilities. Click here to find EmbedPress on WordPress.org.

Step #2. Create your AmChart #

Login to AmCharts for WordPress embeds
  • After you create your account, click the “Make a Chart” button as shown below:
Make a chart using AmCharts for WordPress
  • You now go to a chart builder page, where you can choose from a variety of Chart Styles.
Choose an AMChart Chart style
  • Once you are done with creating your chart, you will have to save it and give it a name and description. Make sure that the “Public” checkbox is selected by default.
  • After you save the chart, click the “Publish & Share” button which will take you to the chart detail page.
  • Copy the URL from the address bar:
How to Embed AmCharts in WordPress

Step #3. Embed AmCharts and Publish on your WordPress site #

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

  • Go to your WordPress site.
  • Edit a post or page, or another content type.
  • Add your AmChart URL into the content area, with the “Visual” tab enabled.
How to Embed AmCharts in WordPress
  • You will see a purple background with a “Loading your embed …” message:
Loading a WordPress AMChart URL
  • When you’re finished, you’ll see a real AMCharts embed, just like this one below. Test this example, and you’ll see that these embeds are 100% responsive!

https://live.amcharts.com/YTQxM/

Step #4. Edit your WordPress AmCharts embed #

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

  • Hover over the embed, and a purple button will appear.
  • Click the pencil you will see a pop-up screen with more options.
Editing a WordPress Amcharts embed
  • You can now change the embed URL, plus you can also control the maximum width and height of the embed.
How to Embed AmCharts in WordPress

Powered by BetterDocs