Spreadsheets are one of the most efficient ways to display and sort through large amounts of data, and Google Sheets is one of the most intuitive tools you can use to create them. In contrast, WordPress can handle simple tables, but not graphs.
Integrating the former into the latter enables you to get the best out of both worlds. By using Google Sheets, youโll be able to access that platformโs advanced features and share your results with the world through WordPress. In this article, weโll teach you how to turn your Google Sheets into tables and graphs for WordPress. Letโs crunch some numbers!
Why You Might Want to Use Google Sheets With WordPress
Google Sheets is a cloud version of the tech giantโs take on spreadsheet applications. It packs in all of the features youโve come to expect, while making it easy to share and collaborate with others on your work.
At first glance, integrating Google Sheets and WordPress might not make much sense. However, if your website uses tables, the combination isnโt as crazy as it seems. In fact, there are three reasons why using both platforms together makes sense:
- WordPressโ built-in table options are rather limited, so using Google Sheets is a welcome alternative.
- The cloud platform provides a better user experience when it comes to dealing with large datasets.
- Turning your Google Sheets data into WordPress tables enables you to modify the latter by updating the former.
To expand on this last benefit, imagine that one of your articles contains a comparison table between multiple WordPress web hosts. Youโll probably want to keep the included data up to date so your content remains evergreen, but opening up the WordPress editor time after time can get annoying.
On the other hand, if you turn a Google Sheet file containing that data into a WordPress table, you can open the former and update its values whenever you need to. Then, your WordPress table will update itself automatically. Itโs a pretty neat feature!
Introducing the Inline Google Spreadsheet Viewer Plugin
This plugin enables you to take your Google Sheets, Comma-Separated Values (CSV) files, and MySQL databases and turn them into charts, graphs, and tables for WordPress.
The transformation from spreadsheet to table or graph is automatic. In fact, as long as your information is labeled, you can build complex charts with this plugin using only shortcodes. Plus, you can also customize how they look on your WordPress site. Of course, it goes without saying that the plugin works flawlessly with Divi too.
Key Features:
- Turn your Google Sheets, CSV files, and MySQL databases into tables, charts, and graphs.
- Insert your tables and charts into any WordPress post or page using shortcodes.
- Customize the look of your new elements by adding new parameters to your shortcodes.
- Update your WordPress tables and graphs by modifying their parent values on Google Sheets.
Price:ย Free | More Information
How to Turn Your Google Sheets Into WordPress Tables and Graphs
As usual, weโre going to jump right into the thick of things. So before you move on, youโll want to install and activate the Inline Google Spreadsheet Viewer plugin. Now, letโs hit the ground running!
How to Prepare Your Google Sheets for Use With WordPress
Before adding your spreadsheets to WordPress, you need to make sure theyโre correctly shared. To do this, open the spreadsheet you want to turn into a table or graph and look for theย Shareย button at the top right corner:
Clicking on the button brings up a settings screen. You can chooseย Anyone with the link can viewย from the drop-down list belowย Link sharing on:
This makes the spreadsheet viewable by anyone. On the other hand, you can access the same drop-down menu and click on theย Moreโฆย option:
This will send you to a new window, where youโll find a couple of extra options. In this case, youโll want to go withย On โ Public on the web.ย If you donโt configure your sharing settings to either of these options, WordPress wonโt be able to pull the data it needs from your spreadsheets.
Adding Your Google Sheets as Tables Into WordPress
Adding your Google Sheets as tables couldnโt be easier. After activating the plugin, you can go to any of your posts or pages and just paste the link to your Google Sheet anywhere you want. The plugin will automatically pull the data and render it into a table:
Now, try previewing your post to check out your new table on the front end. The plugin will automatically include borders, bold some of the elements, and even add sorting options to the top of your table:
Moreover, the plugin includes a pagination feature, which makes it easy to look through extensive tables without cramping all of the information in. As far as Divi goes, the feature works just as well if you paste a link to a spreadsheet within any of its modules:
The same applies to the front-end results, so you donโt have to worry about compatibility issues. As for customization, you canโt alter the fields on your tables using the WordPress editor directly. However, what youย canย do is tweak a couple of their settings with shortcodes. For example, using theย [gdoc key=โYour spreadsheetโs URL goes hereโ class=โno-datatablesโ]ย disables the sorting feature on your tables.
You can also turn off the automatic linking feature within your tables, which works for both URLs and emails, using [gdoc key=โ Your spreadsheetโs URL goes here โ linkify=โnoโ] shortcode.
Keep in mind โย you only need to use shortcodes for your tables if you want to customize them. If youโre happy with their default style and functionality, you can simply paste a link to them directly into the WordPress editor.
Adding Your Google Sheets as Graphs Into WordPress
Turning your Google Sheets into WordPress graphs works much the same as with tables. The only difference is that in this case, you need to solely use shortcodes,ย andย there are over 15 different types of graphs available to choose from.
Weโre not going to go through all of the styles here, but weโll tell you how to use the most common types, including bars, pie, and line charts, and how to customize them. For the first one (bar charts), youโll need to use theย [gdoc key=โYour spreadsheetโs URL goes hereโ chart=โBarโ] shortcode.
Notice that the plugin automatically assigns colors to each of your values, which makes your work much easier:
You can also handpick which colors to use by adding a new parameter to the shortcode (for example:ย [gdoc key=โ Your spreadsheetโs URL goes here โ chart=โBarโ chart_colors=โred greenโ]).
If you want to use different types of graphs, simply change the corresponding value for theย chartย parameter. For a pie or a line chart, youโd replaceย barย withย pieย orย line:
Youโll want to check out the pluginโs WordPress.org page for a full list of all the types of graphs you can use and their parameters. Also, keep in mind that not every Google Sheet will translate into a graph perfectly. In some cases, youโll need to rearrange the values so they make sense, but that is to be expected for automatically generated elements.
Conclusion
If your work requires you to use spreadsheet tools such as Google Sheets, inserting them into WordPress can help make them more accessible. The process isnโt complicated, and the Inline Google Spreadsheet Viewer plugin enables you to play with a ton of display options for both tablesย andย charts.
Before you add your Google Sheets to WordPress, youโll need to set their sharing settings to eitherย Public on the webย orย Anyone with the link. Then, itโs just a matter of using the right shortcode on whichever WordPress page or post you want to add them to.
Do you have any questions about how to turn your Google Sheets into WordPress tables and graphs? Letโs talk about them in the comments section below!
An alternate way of achieving this is by using one of our other recommended table plugins. These have the ability to copy data from a spreadsheet and paste it into a table. Some can even sync data from spreadsheets so that they are always up to date. These plugins are great because they display data the WordPress way.
Article thumbnail image by wanpatsorn / shutterstock.com.
Wow. This may be what I have been looking for – tables have caused me so much agony. Thanks for sharing.
Thanks for sharing! I never knew there were plugins for this. I use Google Sheets quite a bit for reporting and tracking, so it would be cool to put these into a webpage for my clients.
You’re welcome, Mike! Let us know how it goes. ๐
Having this plugin activated, it removed my Divi hamburger menu icon and broke search ๐ Disabling the plugin resolved these issues.
Hi Robert, we’re sorry to hear that! If you want, you might try posting in the forums (https://www.elegantthemes.com/forum/) to get some advice about why this may have happened.
Great idea, Iโll use this for my next review site for sure, thanks!
You’re welcome, Giang. ๐ Thanks for your comment!
Thanks a lot. Was looking for precisly this for a school timetable which was in google spreadsheets and edited by multiple users
Hi Vishal! We’re glad this method worked out so well for you. ๐
This is awesome! Thank you.
You’re welcome, Gerardo! ๐
Can someone tell me solution?
I have built two forms using Contact form 7, I want to display both forms on one page using Divi’s code module and want to display table on sidebar (which I can do based on information in this post and using side bar module in Divi), user should be able to select one form and then work on respective work flow.
How to do it?
Display radio button against form 1 and form 2, allow user to select one and submit it.
I read that I had to wrap it in div tags, .. as below but it is not working for me:
Form 1
[contact-form-7 id=”123″ title=”Form 1″]
Form 2
[contact-form-7 id=”456″ title=”Form 2″]
Hi Kumar! It’s hard to say exactly what the issue is without knowing more details (such as your setup). We’d recommend posting in the forums (https://www.elegantthemes.com/forum/) to get some help from other users. ๐
This is powerful. One can look for hours for a solution to displaying spreadsheets and graphs. This is a simple, quick & free solution. Thank you!
Hi Matt! Thanks for the kind comment. ๐
Hi, John sir, It was really nice and something new for me. Thanks for the tutorial.
Hi Ranita, you’re welcome! Thanks for commenting. ๐
Sweet tip thanks! I didn’t know about this, that’s great.
You’re welcome, Rick! We’re glad this article was useful to you. ๐
Would this work to use as a table grid to line up small clickable images?
It might, but it could quickly get messy and dificult to maintain. You’d have to make sure the plugin keeps the exact cell dimensions as on the sheet.
You can’t insert the images and place them in Google sheets, you’d need to use
=IMAGE(imageurl) – image fits inside the cell keeping aspect ratio
=IMAGE(imageurl, 2) – stretch to fit image inside the cell
=IMAGE(imageurl, 3) – original size (gets cut off if larger than the cell)
=IMAGE(imageurl, 4, X, Y) – image at size determined by x = height, y = width
To make them clickable, you’d need to wrap those in a hyperlink.
I have links in one of my Google Sheets columns. How do I get them to be links on the webpage? Is that possible?
Great; thanks! Sounds like this might not be the hack I’m looking for for this particular issue. Thanks for the heads up on it, though! ๐
Thank you for this! I will need to look into this opportunity. I have been using a plugin called TablePress for quite some time. It works fine, but is a bit cumbersome to work with – especially in case of table updates. I was wondering if by chance you know of similar possibilities with Excel spreadsheets – for instance from a Hotmail account, not only Google.
I love Zapier, but I don’t know if it would work well for displaying an Excel file on your blog.
If you want to use Excel, just upload the Excel file to OneDrive (using your Hotmail or Microsoft account). Then right click on the file and there is an embed link. With Excel files, you can choose to embed the entire workbook, a sheet, or even just a specific chart. It’s actually a pretty good feature. Any updates you make to the sheet will be shown anywhere you have embedded it.
Take a look at Zappier, the first Zap is free and it’s pretty reasonable after that. Or you could look at ZOHO.
Can I check if this plugin is still supported, I’m dying to use it for a new site I’m building!
What a cool idea. Unfortunately, it looks like the plugin has been abandoned for about 4 years. Best of Luck with your ideas on WordPress.