Inserting or embedding your Awesome Table app in Joomla 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.
Joomla usage is beyond Awesome Table's scope of support. We suggest reaching out directly to their Forum or refer to their Documentation for your Joomla related concerns.
Joomla usage is beyond Awesome Table's scope of support. We suggest reaching out directly to their Forum or refer to their Documentation for your Joomla 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 Joomla page
Once the relevant Joomla article (page) is in edit mode, click the Code 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. Embed to publish your app
Lastly, click the Save (or Save and Close) button for the changes to take effect. A success alert message will confirm that the article was saved. Your visitors should be able to see your Awesome Table app embedded on your Joomla 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 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