How to Create an Elementor Chart using CSV Data?

Key Takeaways

  • The Plus Addons for Elementor allows users to import data from a CSV file into an Elementor Table using the Chart widget.
  • Users must host their CSV file online and use a semicolon (;) to separate columns for compatibility with the Chart widget.
  • To create a Bar chart, users select 'Bar' from the Select Chart section after entering their CSV file URL.
Table Of Content

Do you want to add data from a CSV file to an Elementor chart? When it comes to presenting data in a visually engaging and easily understandable format, charts are a popular choice. However, it can be tedious to manually enter each individual value or record into an Elementor chart when you have a large data set in a CSV file.

With the Chart widget from The Plus Addons for Elementor, you can easily import data from a CSV file into an Elementor Table.

To check the complete feature overview documentation of The Plus Addons for Elementor Chart widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

To do this, add the Chart widget to the page and follow the steps – 

  1. In the Layout tab, select CSV File from the Chart Type dropdown.
  1. In the Enter a CSV File URL field, add your CSV file URL.
Tpae chart csv file 1 how to create an elementor chart using csv data? From the plus addons for elementor

Note: Your CSV file must be hosted online and use a semicolon (;) to separate columns. You can use this tool to convert your CSV file to semicolon-separated CSV. For Excel CSV specifically, check this guide

3. Then, select your chart type from the Select Chart section, for example, Bar here.

Note: You need to upload the CSV file using the selected chart type.

Note: For the chart with the ‘CSV file’ option, the process is the same as mentioned above. You just need to convert your sheet file into a CSV format and upload it using a URL.

To upload a CSV URL, 

Go to the WordPress Dashboard > Media > Add Media File, and upload your CSV file.

Tpae chart csv file url upload dashboard path how to create an elementor chart using csv data? From the plus addons for elementor

4. When you select the Bar chart type, you can choose the appropriate chart view from the Orientation dropdown.

Once done, you can see your data in a beautifully organized chart.

So this is how simply you can add CSV data to the Elementor chart.

Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What do I need before starting to create an Elementor chart using CSV data?

You need to have The Plus Addons for Elementor installed and activated to use the Chart widget. This widget allows you to easily import data from a CSV file into an Elementor Table.

What happens after I upload my CSV file for the chart?

After you upload your CSV file, you need to select the chart type from the Select Chart section. For example, if you choose a Bar chart, you can then adjust the chart view from the Orientation dropdown.

How do I format my CSV file for the Elementor chart?

Your CSV file must be hosted online and use a semicolon (;) to separate columns. If your file is in Excel format, you can convert it to a semicolon-separated CSV using a specific tool mentioned in the tutorial.

What if my chart doesn't display correctly after uploading the CSV?

Ensure that your CSV file is formatted correctly and hosted online. If the chart still doesn't display correctly, double-check the chart type selected and the URL of your CSV file.

Is there an alternative way to create a chart in Elementor without using a CSV file?

The tutorial specifically focuses on importing data from a CSV file using The Plus Addons for Elementor Chart widget. It does not mention alternative methods for creating charts without CSV data.

How do I add the Chart widget to my Elementor page?

To add the Chart widget, simply drag it onto your page in the Elementor editor. Then, follow the steps to select the CSV File from the Chart Type dropdown and enter your CSV file URL.

Last reviewed: April 9, 2026