Home » Google Sheet Integration with WordPress without Plugin

Google Sheet Integration with WordPress without Plugin

Hello Coders, today we will learn about how we get data from Google Sheet to WordPress pages using the custom code on function file.

We write a function on Function.php file to make a shortcode and use that for getting the data from google sheet. For creating this we start step by step, here are all steps which we do for getting the data from google sheet, steps are given below,

1. Creating or select a Google API project

First, we create a sheet API on google console, Google provides a key for accessing the data and also use a key for tracking who use the data and also you can delete anytime for being a misuse of that key. To generate or for further process go to this link:

https://console.developers.google.com

Check Out: Stripe Payment API integration and Card save and delete operation in Codeigniter

Go to this link and click on this highlighted

 

After clicking on this Enable API and Services, Search for this

2. Enable the Sheets API

Next, Click on this API box, you get this for enabling Sheet API

After clicking enable you can now make an API key for google sheet, follow below steps for that.

3. Create a new API key

From this, you can create API key which we used for getting the data,

4. Make sheet Shareable

For making sheet first go to Google sheet and create a blank sheet and that any name,

After making shareable we get sheet ID from sheet link,

5. Get the spreadsheet ID

6. Creating a function for getting Data from Sheet

Now we create a function for getting the data from the sheet using Shortcode, for this, we create a function on theme file named function.php

From the above code, you can get the data from the sheet, data or particular column value or column name.

On bold text on a code, replace that places with an API key and Google sheet ID.

7. Specified Cell Location on Google Sheet

If you confused how you get the particular cell location on Google sheet, you can check below for that,

From here you can get the exact cell location for getting data using the shortcode. Now we check how we use the shortcode on WP pages.

8. Use the shortcode on WP pages

Check below code and screenshot which shows how we use and what output we get from this code.

Example:

OutPut:

You get this name from this location.

I think you all have got my points if you have any query please comment below.

Happy Coding..!

Was this article helpful?
YesNo

24 thoughts on “Google Sheet Integration with WordPress without Plugin”

  1. I love what you guys are usually up too. This kind of clever work and reporting!

    Keep up the fantastic works guys I’ve added you guys to my blogroll.
    Hello, I log on to your blog regularly. Your humoristic style
    is awesome, keep up the good work! Ahaa, its good discussion on the topic of this
    post at this place at this website, I have read all that, so
    at this time me also commenting here.

  2. Pingback: How to Validate Date String in PHP - PHPCODER.TECH

  3. Pingback: Bootstrap Datepicker - Complete Solution to Integrate - PHPCODER.TECH

    1. Please enable debug mode from wp-config.php file (define( ‘WP_DEBUG’, true )), then check what errors are showing on the page.

  4. Just tried that and again get nothing showing up on the webpage that I’m trying to publish the info. Just the text before it and then nothing where the cell data should be.

    Sorry I’ve never used debug mode though so don’t know where the error would show up if it wasn’t on the site where the data would land.

  5. Hi thanks for the code , instead of displaying google sheet data on page is it possible to save google sheet data to ACF fields in wordpress.

      1. Thank you for your reply , is it possible to give solution to ACF fields as well here. It would be helpful. As I am new wordpress development.

    1. Check the permission of the Google sheet URL, permission set to anyone with link.
      If permission correct then please check cell location

  6. Thanks for that Bikash. I have already done that.
    Just one more thing. I have print_r the response and get this if it helps.

    [body] => {
    “error”: {
    “code”: 403,
    “message”: “Requests from referer https://sheets.googleapis.com/v4/spreadsheets/****/values/Sheet1!A2?key=**** are blocked.”,
    “status”: “PERMISSION_DENIED”,
    “details”: [
    {
    “@type”: “type.googleapis.com/google.rpc.ErrorInfo”,
    “reason”: “API_KEY_HTTP_REFERRER_BLOCKED”,
    “domain”: “googleapis.com”,
    “metadata”: {
    “service”: “sheets.googleapis.com”,
    “consumer”: “projects/****”
    }
    }

    I have starred out any personal details.

    Thanks again for the help.
    Ian

    1. Yes, you can do it by loop through this Sheet1!A2, First you have to check the maximum length of that column then use for loop or any other loop to increase value of A1 A2 A3… like this and got all the values.

  7. Ram Sasanka Parupudi

    Hello Bikash,

    At the step 3 i belive the google sheet API options were updated by google, they are asking for 3 more queries while creating API Key, The following are the questions
    1.Which API are you using?
    Different APIs use different auth platforms and some credentials can be restricted to only call certain APIs.
    (From the drop down i am selecting the Google Sheet API.)
    2.Where will you be calling the API from?
    Credentials can be restricted using details of the context from which they’re called. Some credentials are unsafe to use in certain contexts. (The drop down has many options this is where i believe i am going wrong, i am selecting the “Web server option”)
    3.What data will you be accessing?
    Different credentials are required to authorise access depending on the type of data that you request.
    –> User data (I have selected this option)
    Access data belonging to a Google user, with their permission
    –>Application data
    Access data belonging to your own application

    I have done the remaining process as you have explained but getting blank o/p at the short code location.

    Do help me if i m going wrong anywhere. I am a noob at php coding so pls excuse if i am asking any dumb questions.

    Thanks in advance!!

Leave a Reply

Your email address will not be published. Required fields are marked *