Skip to content
Wordpress + Coda Starter Kit
  • Pages
    • Wordpress + Coda Starter Kit
    • Lite vs Pro
      • Wordpress To Coda
      • Coda To Wordpress
    • Lite Version
      • Quick Start Video Guide
      • Pull Wordpress To Coda
      • Embed Data In Wordpress
    • Pro Version
      • Setup Guides
        • Quick Start Video Guide
        • 1. Install & Connect
          • New User Accounts
          • Re-Connect Accounts
          • Repair Accounts
            • Syncing Tables FIX
            • Button & Actions FIX
            • Embedding FIX
            • Template Issues FIX
            • Error Messages
        • 2. Testing Installations
          • Fresh Doc Testing
          • Copied Template Testing
        • 3. Button Actions
        • 4. Embedding On Wordpress
          • Shortcode Manager (SCM)
            • icon picker
              1. Embed A Table
            • 2. Row, Column & Cell
            • 3. Delete Using SCM
            • 4. More Embed Options
      • Wordpress To Coda
        • Users
          • 1. Display User Table
          • 2. Create Users
          • 3. Update Users
          • 4. Delete Users
        • Tags
          • Display Tag Table
          • Create, Update & Delete Tags
        • Categories
        • Pages
          • Display Pages
          • Create, Update & Delete
        • Posts
          • Display Posts
          • Create, Update & Delete
        • Media
      • Coda To Wordpress
        • SCM
        • Examples
          • Opening Hour Examples
            • Embed Table
            • Message Row
            • Open Today Table
            • Advanced Opening Hours
          • Coda Pack Examples
          • RSS Feed Examples
          • Banner Examples
          • Daily Banner Messages
    • Knowledge Base
      • FAQ's
      • Troubleshooting
      • Best Practices
      • Re-Syncing & Buffer Tables
        • Sync Settings
      • How to get Coda IDs
      • Shortcode Options
      • Available Parameters
      • Pack Updates
        • Download Plugin
        • Feature Requests
        • Limitations
    • Data - Hidden (Usually)
      • RAW Tables
      • Synced From Wordpress
      • BUFFER Tables & Resync
      • Synced To Wordpress
      • CROSSDOC
      • FIX Scratchpad
        • Beta Users - Read First Please
Wordpress + Coda Starter Kit
/
/
1. Embed A Table
Share
Explore

1. Embed A Table

Level: Basic

⁠
Creating a Shortcode
⁠
⁠
⁠
Re-syncing Shortcodes
⁠
⁠
⁠
Adding a Shortcode to your website
⁠
⁠
⁠

1. Create your first Shortcode

Without needing to know all parameters straight away, we will start by creating the most basic Shortcode type - which is displaying a table on your website.

Step 1.1 -Example Table and ID’s

Start by creating your own Coda example table or duplicate the example below and add some random data. Copy the table or view ID ready for the next step.
Paste your View ID here to remember for the next step: _____
NOTE: Go through
How to get Coda IDs
⁠
if you get stuck finding the ID
Example Table - Opening Hours | ID = table-3ClmPOlOPD
Day
Opening Time
Closing Time
Monday
9am
6pm
Tuesday
9am
6pm
Thursday
9am
9pm
Wednesday
9am
12pm
Sunday
9am
1pm
Friday
9am
5pm
Saturday
9am
1pm
There are no rows in this table
⁠

Step 1.2 - Create shortcode with a simple button

Here we have created a button to add the row in the table below. Click the button below to create a row in the SCM , give it a “Name” and a “Unique Shortcode Slug” and in the “View ID” field paste in your example “table or view ID” you saved from the previous step. Click the “CREATE SHORTCODE“ button once done.
⁠
Create A Row In The SCM Table
⁠
⁠
If successful a pop up should appear like below.
⁠
image.png
⁠
⁠
⁠
We will see our new entry in our SCM below. You will notice the status is “WP Re-Sync Required”. This is because we have yet to sync back the “Shortcode” table from Wordpress. We will do that in the next step.
SCM - Create A Shortcode
Status
Embed Type
Name
Unique Shortcode Slug
Paste Shortcode into Wordpress
View or Table ID
Opening Hours Table
Opening Hours
[coda id="Opening Hours"]
table-NBT4FB_ew8
Advanced Opening Hours
Advanced Opening Hours
[coda id="Advanced Opening Hours"]
table-TENJ0UqN3P
Stock Prices
stocks
[coda id="stocks"]
table-2lSYnnTbL4
Weather Table AU
weather-aud
[coda id="weather-aud"]
table-e9ZfFCqble
5 Day Sydney Weather Forecast
weather-5day
[coda id="weather-5day"]
table-T3O8E_BCmN
TEst
testme
[coda id="testme"]
grid-6FDDa38Pr4
No results from filter
⁠
⁠

2. ReSync Your Shortcodes table

After you have create your first shortcode, ensure to “Re-sync” your shortcode table back so you can check it has worked. You should see it show up in you shortcode table, confirming it has worked. We have pasted a
View
⁠
of it in this page so you can check quickly.
First re-sync the shortcode table below
image.png
⁠
⁠
Then push the “Re-sync” button below the table
Now check the SCM table and “WP Re-Sync Required” should now be “In Sync”
Re-sync Shortcodes Table
⁠
⁠
Re-sync Shortcodes
⁠
⁠

⁠
IMPORTANT: If you edit, create, update save, without following the below process for each entry, rows will disappear or go out of sync.
Create Shortcode in SCM
Re-sync Shortcodes synced table
Push “Re-sync All Shortcodes” button
⁠

3. Adding to your website..

To display on your website paste the shortcodes in the page or post using the format [coda id=”your-shortcode” ]
You will find the shortcode to paste in the SCM column “Paste Shortcode into Wordpress” in the above table.
⁠
image.png
⁠
⁠
Save and publish your page or post then view to check to see if the Coda table has displayed correctly on your website
⁠
Syncing Tables: Best Practices & Troubleshooting 2
⁠
⁠

Next Steps

2. Row, Column & Cell
⁠
⁠

Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.