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 Please note that this article applies to both Google and Microsoft users.
An updated version of this article is available on this page.
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. To learn how to create an app, please read our basic configuration section.
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.
2. Copy the HTML in your website
On the app settings at Awesome-Table.com, click the Share button:
Then select EMBED:
You can now insert this HTML snippet in your website.
- 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.