How to Embed Charts on Your Website

There are three different ways to embed a chart on your website with GravityCharts:

  1. By using a shortcode: The [gravitycharts] Shortcode;
  2. By embedding an image of the chart: Image charts for GravityCharts;
  3. By using the GravityCharts block. See below for more information.

Embedding a Chart on a page/post using the GravityCharts block

After creating a new chart, you can embed it on your website using the GravityCharts block. Here’s how to do it.

Edit your page and click on the ‘+’ icon in the WordPress block editor. Now search for “GravityCharts” and add the GravityCharts block to your page.

Add a GravityCharts block by selecting the plus icon and typing "gravitycharts"

Next, click on the block to open the block settings in the right-hand panel. Now select your form and feed from the dropdown menus.

Form and feed dropdowns with a link to edit chart settings

 After that, you’ll see a preview of your chart load inside the editor.

Bar chart displaying city survey data with options for form and chart type selection

If you only want to chart data from a single entry, enter the entry ID under the "Advanced" tab.

Entry ID field highlighted in chart embedding settings, with optional value 123

When you’re done, update your page.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us