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.
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
19 comments
I pasted the code on my page. It looks great on Desktop, but it gets cut off on mobile, without the ability to scroll. Do you have any suggestions on what I can do?
Hi Aaron,
It would be great if you could provide us screenshots and the address of your website at "support@awesome-table.com".
Thank you.
Thomas
Is possible to embed a view pre-filtered?
For example, I've a list of products, if the expire date is past, i would like to pre-filter it on the embedded view (but not performing a query on the data).
Thank you!
Hi, I pasted the code on my page, but I could not see anything on chrome I just see the loading bar, but if I open it on Internet Explorer I can.
do you know what happen with this? I want to use it on Chrome.
thanks and happy new year
Hi Alfonso,
Would it be possible for you to share us your website url? You can send it to the Awesome Table support email "support@awesome-table.com".
Thank you.
Thomas
Hi Davide,
Unfortunately, it is not yet possible to embed an Awesome Table view pre-filtered. You need to change the url of the internet page of your website.
Best regards,
Thomas
Hi Thomas, I am not sure I understand your reply. is there a way to embed an awesome table vie pre-filtered by changing a url???
I've been trying to change the url in the Iframe html code but it is not working...
Hi Camille Rovillain,
Indeed it is not possible to embed a pre-filtered view in your website but you can change the url of all links that lead to the page where your view is.
For example, on my "A" page, you have a link that redirect to my "B" page where my view is. You just need to change the link in your "A" page and apply the filter in the url.
Kind regards,
Thomas
anyone that wants to view my table needs to log into google ?
Hi skotten mac,
It depends the parameter settings you choose. You can put your spreadsheet in "public" or with "anyone with the link" and people don't need to log into Google to see your view.
Here is an article that could be useful for you.
Kind regards,
Thomas
Hi,
Do Awesome tables work with Internet Explorer (version 11) or only with Google Chrome? I want to use an awesome table in a webpage done with IE.
Kind regards,
Jean-Claude
Hello Schaerer Jean-Claude,
Sorry for the delay of the response!
Internet Explorer 11 is currently not supported anymore with Awesome Table. You could have some issues to use Awesome Table on Internet Explorer.
Kind regards,
Thomas
Hi Guys,
My embeded table is showing in Explorer, but not chrome. Have I done something wrong?
Thanks
Hi Tom Bedford,
Indeed, it's a strange behaviour. Would it be possible for you to share a screenshot of your view in Chrome at "support@awesome-table.come?
Could you also share your view and your spreadsheet? If you have sensitive data, you can make a copy with similar data. Just make sure to give us access to your data.
Thanks in advance.
Thomas
im getting an error that awesome tables can no longer be embedded into my google site
I see there was a google update Friday night and ever since then my google forms wont speak with awesome tables
Hi Brett McGennis,
Would it be possible for you to share your Awesome Table view and your spreadsheet at "support@awesome-table.com"? If you have sensitive data, you can make a copy with similar data.
Just make sure you give us access to your data.
Please, share with us your website too. Is it a New Google site ou a Classic Google site?
Kind regards,
Thomas
Hello thomas
I need to show the view I made in awesome Table in a Chrome extension. However, when making the HTML file; the view loads but is not displayed. It remains blank. Nothing happens
Thank you
Hello mauri duran,
I received your email at "support@awesome-table.com". I will solve your problem with the email support.
Kind regards,
Thomas
Please sign in to leave a comment.