Wordpress + Coda Starter Kit

Share

Explore

Wordpress + Coda Starter Kit

Wordpress + Coda Starter Kit

Opening Hour Examples

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

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

4. Embedding On Wordpress⁠

guides again

Shortcode Manager - Create A Shortcode 3

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

⁠

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.

⁠

⁠

⁠

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.