Build Your Widget Script
Answer the questions — your <script> tag updates as you go.
Your PCOWidget API key
Clear
Using demo data (Emmanuel Lutheran Church). Paste your key to preview & build with your own events.
✓ Key saved in browser
1. What layout do you want?
simple
table
week
list
cards
tiles
2. Which events to show?
All events
Featured only
Non-featured only
4. Filter by campus?New (optional)
Leave blank to show every campus. Name one campus to show only its events, or comma-separate
several to show any of them:
Downtown, Westside . Type the campus names exactly as
they read in your Planning Center
Campus tag group.
How to set campuses up in Planning Center .
Events with no campus tag?
Hide them
Show them on every campus
Events carrying no campus tag at all are usually churchwide. Show them if that is what
yours are, so a campus page still lists the Christmas Eve service. Hide them if untagged
means internal.
5. Rolling 7-day window?
No — show all upcoming
Yes — this week only
6. Include past events?
No — hide past events
Yes — show past events
7. Show end time?
Yes — show start & end
No — start time only
Hide widget if no events match?
No — show empty message
Yes — hide completely
When hidden, no box or space appears on the page. Useful for tag or this-week filtered widgets.
Gather several months into one set?New
No, navigate month by month
Next 1 month
2 months
3 months
4 months
6 months
12 months
If the current month is empty?New
Stay on this month
Look ahead 1 month
2 months
3 months
4 months
Jumps to the next month that has events, so a visitor arriving late in the month still sees what is
coming up. The month heading follows the jump. Applies only when someone first lands on the page: once
they click the month arrows they get exactly the month they asked for.
Which events should appear?New
Published only (recommended)
+ Approved
+ Pending
+ Rejected
Approved and published to Church Center. This is the right setting for a public page.
Staff pages only. This shows events your church has not published for the public.
Do not use this setting on a page your congregation or visitors can reach.
8. How many events?
events (leave blank for all)
Blank shows every event in the month or week displayed. Set a number only if you want a deliberately short list.
9 . How many rows? (list, cards, tiles, simple)
rows (leave blank for all)
Caps the height of the widget instead of the event count. On cards, tiles, and simple a row is as wide as your tiles-per-row setting, so 2 rows at 4 per row shows 8 events.
10 . Tiles per row? (simple layout)
auto
1
2
3
4
5
6
9. Shadow style?
blue
burgundy
standard
11. Add prev/next week navigation?
No
Yes — add week nav
Nav button alignment?
left
center
right