Gallery
Wordpress + Coda Starter Kit
Share
Explore
Gallery
Wordpress + Coda Starter Kit
Shortcode Manager (SCM)

icon picker
2. Row, Column & Cell

Level: Basic

⁠

Example table

We will use the same table example as the previous page.
We created a
Row formula
⁠
on the previous page (you can check the formula in the column also).
Here we added another column with a message.
We added the
column ID
⁠
to the message header for easy reference
Example Table - Opening Hours | ID = table-Mr0inYzJHd
8
Day
Opening Time
Closing Time
Message - c-iiFzvMTpNr
Row UID
1
Monday
9am
6pm
​
i-KDjxonT2w5
2
Tuesday
9am
6pm
​
i-WVM0fmw9CH
3
Thursday
9am
9pm
​
i-sxMPI-d2lQ
4
Wednesday
9am
12pm
Please note we will be closing early today.
i-apR9xgMStx
5
Sunday
9am
1pm
​
i-pTHMfOOZkG
6
Friday
9am
5pm
​
i-I-bo6-L4cc
7
Saturday
9am
1pm
​
i-rxSx8ZR1qP
There are no rows in this table
⁠

1. Embed A Row

We will now show you how to embed a row instead of a table.
Now this time instead of a button we will add directly to our Shortcode table. You can set up any way you like to suit your needs.
This time when we create the shortcode we will change 2 parameters.
Embed Type - we will change to “Row Sync”
Row UID - We will now
add the UID
⁠
of the row from the above table (i-apR9xgMStx in our example)
Click to New Row to add a row in the table below.
This time Embed Type is “Row Sync” and we will also add the “Row UID” and not forgetting the “View or Table ID” plus “name, and “unique slug” as always.
Once done click the green “Create Shortcode” button. You will notice the status is “WP Re-Sync Required”. This is because we have yet to sync back the “Shortcode” table. We will do that in the next step.
Now paste your shortcode into your website.
Shortcode Manager - Row
11
Status
Embed Type
Name
Description
Unique Shortcode Slug
Paste Shortcode into Wordpress
View or Table ID
Row UID
Hide Table Headers
Sort By
Create Shortcode
Update Shortcode
No results from filter
⁠

⁠


2. Embed A Column

This time when we create the shortcode we will change 2 parameters.
Embed Type - we will change to “Column Sync”
Column ID - We will now
add the UID
⁠
of the message column from the above table (c-iiFzvMTpNr in our example)
Click to New Row to add a row in the table below.
This time Embed Type is “Column Sync” and we will also add the “Column ID” and not forgetting the “View or Table ID” plus “name, and “unique slug” as always.
Once done click the green “Create Shortcode” button. You will notice the status is “WP Re-Sync Required”. This is because we have yet to sync back the “Shortcode” table. We will do that in the next step.
Now paste your shortcode into your website.
Shortcode Manager - Column Sync
11
Status
Embed Type
Name
Description
Unique Shortcode Slug
Paste Shortcode into Wordpress
View or Table ID
Row UID
Hide Table Headers
Sort By
Create Shortcode
Update Shortcode
No results from filter
⁠
⁠

3. Embed A Cell

This time when we create the shortcode we will change 2 parameters.
Embed Type - we will change to “Cell Sync”
Row UID + Column ID - We will now
add the UID
⁠
of the row from the above table (i-apR9xgMStx in our example) AND we will now
add the UID
⁠
of the message column from the above table (c-iiFzvMTpNr in our example)
Click to New Row to add a row in the table below.
This time Embed Type is “Cell Sync” and we will also add the “ROW UID & Column ID” and not forgetting the “View or Table ID” plus “name, and “unique slug” as always.
Once done click the green “Create Shortcode” button. You will notice the status is “WP Re-Sync Required”. This is because we have yet to sync back the “Shortcode” table. We will do that in the next step.
Now paste your shortcode into your website.
Shortcode Manager - Cell
11
Status
Embed Type
Name
Description
Unique Shortcode Slug
Paste Shortcode into Wordpress
View or Table ID
Row UID
Hide Table Headers
Sort By
Create Shortcode
Update Shortcode
1
Delete
Cell Sync
Homepage Banner
The title of the HP banner
hp-banner
[coda id="hp-banner"]
table-_6rq0zN944
i-tQrUwWTDKj
Natural
Create
Update
2
Delete
Cell Sync
Daily Quote 1
Daily Quote RSS feed
rss-quote-1
[coda id="rss-quote-1"]
table-QuU56Ci5Gq
i-jK8H0JVJNP
Natural
Create
Update
3
Delete
Cell Sync
Daily Quote 2
Daily Quote RSS feed
rss-quote-2
[coda id="rss-quote-2"]
table-QuU56Ci5Gq
i-Sgnv_zcbtq
Natural
Create
Update
4
Delete
Cell Sync
Banner Daily
Home Page Daily Message
hp-daily-banner
[coda id="hp-daily-banner"]
table-JPEuwF1dQY
i-jK8H0JVJNP
Natural
Create
Update
5
Delete
Cell Sync
Contact Page Banner
Contact Us - Phone 8545 3456
contact-banner
[coda id="contact-banner"]
table-_6rq0zN944
i-BCki2thv1v
Natural
Create
Update
6
Delete
Cell Sync
About Us Page Banner
About Us - Meet Our Team
About Us banner
[coda id="About Us banner"]
table-_6rq0zN944
i-mIp2cskudf
Natural
Create
Update
7
Delete
Cell Sync
Services Page Banner
Our Services
Services Banner
[coda id="Services Banner"]
table-_6rq0zN944
i-canq6y88aL
Natural
Create
Update
No results from filter
⁠
⁠
Syncing Tables: Best Practices & Troubleshooting 3
11
⁠
⁠

Next Steps

⁠
3. Delete Using SCM
⁠
⁠

Gallery
Share
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.