Getting started
Import data
App types
Filters and
keywords
Templates
Embed apps
in your website
Go further with Awesome Table
Add-ons
Troubleshooting
Data security and policies
Billing

Embed Awesome Table in Squarespace

Inserting or embedding your Awesome Table app in Squarespace is simple and easy.

info Before beginning this tutorial, you should already have an existing app that you can use.
warning You need to have admin / editor access to a website builder since you'll be inserting HTML code and scripts.
Squarespace usage is beyond Awesome Table's scope of support. We suggest reaching out directly to their Forum or refer to their Documentation for your Squarespace related concerns. 

Copy the embed code

Open the Awesome Table app in edit mode.

Click the Embed button:

Screenshot_2020-10-06_at_20.13.36.png

Select the Script tab:

Screenshot_2020-05-07_at_15.27.41.png

Copy the script under Step 1.

Screenshot_2020-05-07_at_15.29.15.png

Prep your Squarespace page

Once the relevant Squarespace page is in edit mode, click the Add Block (➕) button located at the top right corner of the canvas.

ss4.png


Scroll down to the More section then select Code.

warning Adding JavaScript or Iframes to a Code Block in Squarespace is a Premium feature available in the current Business plan and higher. Click here to learn more.   

ss5.png

By default, the text format is set to HTML (A).

Paste the <script>  in the <head> of your website.

Go back to your app. Under Step 2, copy the <div> code.

Screenshot_2020-05-07_at_15.29.23.png

Paste the <div> code where you want to display your app.

Finally, click Apply (C) to embed the app.

ss6.png

info If you're going to embed multiple Awesome Table apps on the same page, you only need to insert the <script> tag once and just paste the <div> tag(s) where needed. For advanced users: add the <script> tag to the <head> section of your website and just paste the <div> tag(s) where needed.

Save to publish your app

Lastly, click the Save button for the changes to take effect. 

ss7.png

 

It will then bring you to the saved version of the page. Your visitors should be able to see your Awesome Table app embedded in your Squarespace site.

ss8.png

warning  To ensure that your Awesome Table app is available to your users or visitors, properly configure your spreadsheet settings. 
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

Articles in this section