Embed Awesome Table on any website – Documentation - Awesome Table Support

In this article, you will quickly learn how to insert an Awesome Table view 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 view you can use. To learn how to create a view, please read our basic configuration section.

1 - Requirements to insert the view 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 view 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 view 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 a view in a Classic Google Site or a new Google Site.

Comments

6 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

Please sign in to leave a comment.

1 - Requirements to insert the view in your site

2 - Copy the HTML in your website

Articles in this section