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.
Under Step 2, copy and paste the <div> code where you want to display your app.
- 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
Does this include a Microsoft Sharepoint site? (Just getting used to the Microsoft ecoystem having been in Google since forever.)
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:
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
Hi,
I'm working on our HTML code and I used both ways (div and iframe). Neither worked for me. It just keeps "loading".
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
Hey Oleg Gulevskyy
The same problem ofLIRMD LIRMD is with me also. Any solution?
Cheers
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
Is there an image ONLY version. I would like to insert this into Alexa Echo display...
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
Please sign in to leave a comment.