It's now easier to add an Awesome Table view in the "New" Google Sites.
Please note that the New Google Sites usage is beyond Awesome Table's scope of support. We suggest reaching out directly to their Forum for your New Google Sites related concerns.
Copy the embed code
1.) First, copy the live view or edit URL from the browser's omnibar (combo search box and address bar).
Prep your New Google Sites page
2.) Once the relevant page is in edit mode, click the Embed icon on the sidebar menu or double-click anywhere inside the New Google Sites canvas, then select Embed.
3.) Under the BY URL tab, paste the Awesome Table view link you copied in Step 1.
A live preview will be shown. Then click INSERT.
4.) Adjust the width of your view as needed.
1.) Simply double-click where you want to insert your view.
2.) Select Text.
3.) Double-click immediately below it (but still within the same section).
4.) Select Embed.
5.) Then paste your URL.
See how your view automatically spans the entire width of the canvas. You can delete the textbox later on.
Publish your view
5.) Lastly, click the Publish button (located at the top-right corner of the canvas) for the changes to take effect. Your visitors should be able to see your Awesome Table view embedded on your New Google Sites.
Alternative embed options
- both methods cannot generate the correct height adjustment and
- it will show a truncated view with vertical scrollbar (these are limitations on the New Google Sites editor).
As a remedy, you need to manually resize the embedded view (see animated gif below).
Please note that this doesn't happen on other website builders (like Wordpress, Joomla, Weebly, ...). With these editors, Awesome Table view's height and width are automatically adjusted.
The Embed code (and iFrame) methods showing a truncated view with a scrollbar.