If your data already lives in a Google Sheet, you don’t have to retype it – the Chart widget can read it directly.
This doc covers the Google Sheet data source specifically – see the Settings Overview for every other option.
For the full settings tour of the Chart widget, see Chart Widget: Settings Overview.
Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Prerequisite: Elementor (free) installed and active.
- Edition: Chart is a Pro widget – it requires the paid version of The Plus Addons for Elementor. It does not exist in the free plugin.
- Widget to enable: go to The Plus Addons > Widgets, search for Chart and turn its toggle on.
Steps
- Publish your Google Sheet to the web (File > Share > Publish to web in Google Sheets), so it is reachable without a login.
- Add the Chart widget to the page.
- From Chart Type, select Google Sheet.
- In the Sheet ID field, paste the ID from your sheet’s URL (the long string between
/d/and/edit). - Set the Table Range to the cell range you want to chart, for example
A1:B10. - Choose your chart type from Select Chart as usual.
Limitations
- The sheet must be published to the web – a private, share-link-only sheet will not load.
Not verified
So you know exactly what has and has not been checked:
- The full fetch-and-render round trip with a real published Google Sheet was not re-run live in this pass – the Sheet ID and Table Range fields were confirmed present and correctly labelled in the control model, matching the existing doc’s own steps.
