Gallery
Wordpress + Coda Starter Kit
Share
Explore
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
Then copy the table to our 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
8
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 guides again
Shortcode Manager - Create A Shortcode 3
11
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
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


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.