Inserting or embedding your Awesome Table app in WordPress is as easy as copy and pasting.
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 CMS since you'll be inserting HTML code and scripts.
WordPress usage is beyond Awesome Table's scope of support. We suggest reaching out directly to their Forum or refer to their Documentation for your WordPress related concerns.
WordPress usage is beyond Awesome Table's scope of support. We suggest reaching out directly to their Forum or refer to their Documentation for your WordPress related concerns.
Copy the embed code
Open the Awesome Table app in edit mode.
Click the Embed button.
Copy the script under Step 1.
Prep your WordPress page (or post)
Once the WordPress page (or post) is in edit mode, click the Text tab.
Paste the <script> in the <head> of your website.
Go back to your app. Under Step 2, copy the <div> code.
Paste the <div> code where you want to display your app.
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. Publish your app
Click the Publish button for the changes to take effect.
A success alert message (A) will confirm that your page (or post) was published (the Publish button changes to Update (B) as well). Your visitors should be able to see your Awesome Table app embedded on your WordPress site.
warning To make sure that your Awesome Table app is available to your users or visitors, properly configure your spreadsheet settings.
info It is 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