Embed Awesome Table in any website

In this article, you will quickly learn how to insert an Awesome Table app on any website (other than Google Sites) with just a few steps.

info An updated version of this article is available on this page.

Prerequisite: Before beginning this tutorial, you should already have an existing app you can use. Learn more: Create your first app Awesome Table app.

1. Requirements to insert the app in your site

For this method to work, you need to have admin / editing access to the website since you'll be inserting HTML code and scripts.

info Click the following link to publish your app in a CMS: Embed your Awesome Table app in any CMS

2. Copy the HTML in your website

Click the Embed button.

Select the Script tab:

Copy the script under Step 1. Then, paste the <script> in the <head> of your website.

Screenshot_2020-05-07_at_11.02.43.png

Under Step 2, copy and paste the <div> code where you want to display your app.

Screenshot_2020-05-07_at_11.03.04.png

You can embed more than one Awesome Table app on the same page, but the script tag only need to be inserted once.
Do not use this in a Google Site. Read our documentation to include an app in a Classic Google Site or a new Google Site.

info It is now possible to embed a pre-filtered Awesome Table app with an iframe or URL, read the following article to know more: Display different subsets of your data with pre-filtered URLs.

Comments

8 comments

Carrie Thomas August 29, 2019 23:15

Does this include a Microsoft Sharepoint site? (Just getting used to the Microsoft ecoystem having been in Google since forever.)

0

Comment actions Permalink
Randolph Abelardo August 30, 2019 05:36 (Edited August 30, 2019 05:54)
Hi @Carrie.

I haven't tried MS Sharepoint. You could follow this article from MS on how to Add content to your page using the Embed web part. It mentioned that you can try 2 methods:
1. Display content using a website address (if this doesn't work, try the 2nd option below)
2. Display content using embed code
And according to their Troubleshooting section:

Embed code must be iframe-based (that is, start and end with <iframe> tags). Embed code that uses <script> tags is not supported.
- If this is the case, please try our alternative embed option using <iframe>.

Note: MS Sharepoint usage is beyond Awesome Table's scope of support. We suggest reaching out directly to their official Support Page for your Sharepoint-related concerns.

- Randy
0

Comment actions Permalink
LIRMD LIRMD September 24, 2019 10:58

Hi,

I'm working on our HTML code and I used both ways (div and iframe). Neither worked for me. It just keeps "loading".

I would really prefer the iframe as we're working on a number of iframes already. I just wonder why the iframe is not working when its iframe src is working on its own.

1

Comment actions Permalink
Oleg Gulevskyy September 24, 2019 12:23

Hey @LIRMD LIRMD

Can you please create a ticket with us, so we can take it from there? We would need to have a look into your Awesome Table configuration.

Cheers

0

Comment actions Permalink
Xander Billa November 29, 2019 20:45

Hey Oleg Gulevskyy

The same problem ofLIRMD LIRMD is with me also. Any solution?

Cheers

0

Comment actions Permalink
Randolph Abelardo November 29, 2019 22:32

Hi Xander Billa.

Please share your:

AwesomeTable link - Share with us your AwesomeTable & Google Sheets datasource so we can pinpoint where the problem is and provide the right solution at the soonest possible time. Detailed instructions here.

Google Sheets datasource - It's best to set the sharing settings to Anyone with the link. Click here to learn more.

- Randy

0

Comment actions Permalink
Vasan Vaz February 19, 2020 04:17

Is there an image ONLY version. I would like to insert this into Alexa Echo display...

0

Comment actions Permalink
Awesome Table February 21, 2020 12:58

Hi Vasan,

If you mean a .JPEG version of the view to display on another device, for now it is not possible to do so unfortunately.

Thanks

0

Comment actions Permalink