EA for Elementor Advanced Data Table: Google Sheet, TablePress & NinjaTables Integrations

EA Advanced Data Table offers integrations with Google Spreadsheet, TablePress, and NinjaTables right from your Elementor dashboard. As a result, you can easily display your table from these third-party sources and customize them any way you want.

How to Integrate Google Sheet with EA Advanced Data Table? #

Check out this below guideline to connect your Google Spreadsheet with EA Advanced Data Table:

Collecting Google Sheet API Key #

You can showcase your Google Sheets on your WordPress website as well by using EA Advanced Data Table. You just have to create ‘Credentials’ to generate and set the ‘API Key’, ‘OAuth client ID’, and ‘Refresh Token’ in the settings.

To do that, simply go to the Google Developers Console to generate your Google Sheet API. Afterward, you need to create a project and give it a name by clicking on the ‘New Project’ from the Dashboard.

EA Advanced Data Table

Then click on the ‘Enable APIS and Services’ section to go to the Google Sheet API portion to enable it.

EA Advanced Data Table

After successfully finishing the previous step, Let’s enable ‘Goole Sheet API’ from ‘API Library’ dashboard.

EA Advanced Data Table

Afterward, just click on the ‘Create Credential’ option to get your ‘API Key’.

EA Advanced Data Table

This is how the API Key will appear after clicking on the API Key section.

EA Advanced Data Table

Retrieve Sheet ID #

Now, let’s collect your Sheet ID from the top of your Google Sheet. The ‘Sheet ID’ is the value between the “/d/” and the “/edit” in the URL of your spreadsheet.

EA Advanced Data Table

Pick a Range #

Then, pick your Table Range from the Google Sheet which you want to display on your EA Advanced Data Table.

EA Advanced Data Table

Note: You should share your Google Sheet on the public and make it visible on your website. To do that, you have to go to the Google Sheet>File>Share>Advaneced and make the changes. EA Advanced Data Table

Connect Google Sheet with EA Advanced Data Table #

Now, choose the source to ‘Google Sheet’. Then copy and paste the ‘API Key’, ‘Sheet ID’, and ‘Table Range’ and it will automatically display the table on your EA Advanced Data Table.

EA Advanced Data Table

How To Integrate EA Advanced Data Table With TablePress? #

You have to install and activate the TablePress plugin first to display its table on the WordPress site using EA Advanced Data Table. Then just create a table on it. After that, it will automatically be placed in EA Advanced Data Table.

EA Advanced Data Table

You need to select the Source to TablePress first.

EA Advanced Data Table

Afterward, you can choose your ‘Table ID’ which you want to show. Just click on a table id and it will display the entire layout.

EA Advanced Data Table

If you want, you can customize your table from the Style section of the EA Advanced Data Table and make it look standout.

EA Advanced Data Table

How to Integrate NinjaTables With EA Advanced Data Table?  #

You have to install and activate the NinjaTables plugin first to display its table on the WordPress site using EA Advanced Data Table. Make sure that you have already created a table inside NinjaTables. Afterward, you can easily connect it with EA Advanced Data Table.

EA Advanced Data Table

From ‘Data Source’ section of EA Advanced Data Table, you can pick NinjaTables asSource’.

EA Advanced Data Table

Afterward, you can choose your ‘Table ID’ which you want to show. Just click on a table id and it will display the entire layout.

EA Advanced Data Table

If you want, you can customize your table from the ‘Style’ section of the EA Advanced Data Table and make it look standout.

EA Advanced Data Table
This is how you can easily integrate Ninja Table with EA Advanced Data Table and create a stunning data table with Elementor.

Powered by BetterDocs

Leave a Reply

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

Win With Elementor!

It’s easy: all we need is your eternal love. But we’ll settle for your email.