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
10 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
I just copied your cars template to test on our website. For some reason, it is loading on desktop but not on tablets or mobile. Any ideas?
Hello
Thanks for your comment,
Could you please double-check that your data spreadsheet is shared with your Google account and that you are signed in with this same Google account on your mobile device?
If you need further assistance, please reach out to our support team here.
Thanks
Rémi - Awesome Table Support Team
Please sign in to leave a comment.