Gallery
Wordpress + Coda Starter Kit
Share
Explore
Gallery
Wordpress + Coda Starter Kit
Opening Hour Examples

icon picker
Embed Table

Here we will show how the Coda pack can be used to easily change your websites opening hours.
This example displays an Opening hour table on your website using our “Type” setting.
This example displays the opening hours for the day “today” using our “Row” setting.
This example displays a message showing if you are open or closed today.
⁠

Step 1 - Create your table

First follow best practices and create a new raw table with 3 columns like the example below and then add it to our page
RAW Tables
⁠
⁠
Then copy the table to our
Synced To Wordpress
⁠
to keep organised. This is the table we will use.
Rename the table and take a note of the “View ID” (table-WnFC5LkN4L in our case)
Another view of our table for this page
Day
Opening Time
Closing Time
1
Monday
9am
6pm
2
Tuesday
9am
6pm
3
Thursday
9am
9pm
4
Wednesday
9am
12pm
5
Sunday
9am
1pm
6
Friday
9am
5pm
7
Saturday
9am
1pm
There are no rows in this table
⁠

Step 2 - Create your shortcode

This table we will add to our “Shortcode Manager” using the following parameters.
Name: Anything you like. This is to keep you organised and will not affect the actual sync. It will however tell you
Description: Anything you like
Unique Shortcode Name (No special characters): Here we have called it “Opening Hours”
Type: We want to show the full table so choose “Table View Sync”
Table Link Reference: Add a link to your new view table for easy reference.
WP Embed Page Reference: After adding to your WP site add a link to the page for easy reference.

If you have trouble follow
4. Embedding On Wordpress
⁠
guides again
Shortcode Manager - Create A Shortcode 3
Status
Embed Type
Unique Shortcode Slug
Paste Shortcode into Wordpress
View or Table ID
Table Link Reference
WP Embed Page Reference
Action
1
Delete
Table View Sync
Opening Hours
[coda id="Opening Hours"]
table-NBT4FB_ew8
​
Saved
2
Delete
Table View Sync
Advanced Opening Hours
[coda id="Advanced Opening Hours"]
table-TENJ0UqN3P
​
Saved
3
Delete
Table View Sync
stocks
[coda id="stocks"]
table-2lSYnnTbL4
⁠
SYNC: Stock Price table-2lSYnnTbL4
⁠
⁠
Saved
4
Delete
Table View Sync
weather-aud
[coda id="weather-aud"]
table-e9ZfFCqble
⁠
Broken link
⁠
⁠
Saved
5
Delete
Table View Sync
weather-5day
[coda id="weather-5day"]
table-T3O8E_BCmN
​
Saved
6
Delete
Table View Sync
testme
[coda id="testme"]
grid-6FDDa38Pr4
​
Saved
No results from filter
⁠

⁠
Check your table is displaying.
⁠
image.png
⁠
⁠


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.