WidgetsUpdated Nov 3, 2026Firesky
Service Times
Service Times shows when your church meets and counts down to your next service. While a streamed service is on, it says Live now with a Watch button. You enter your schedule once in the dashboard, and every embed on your site stays up to date, including holidays and snow days.
Live preview
It's on the Website plan.
Supported providers
- Firesky: your schedule is kept in Firesky. No ChMS is needed.
Setup
- Add Service Times from Add widgets.
- Open Dashboard → Widgets → Service Times → Manage.
- If your church doesn't have a time zone yet, pick it first. You can change it later in Settings → Profile.
- Under Weekly schedule, click Add service for each service: day, start time, length, and an optional name and location. Turn on Streamed online for services you stream.
- Under Special days, add any changes: cancel services, change the times, or add a service (like Christmas Eve). You can leave a note for visitors.
- Under Livestream and display, paste your Watch link (your YouTube, Facebook or other live page).
- Add your website to Dashboard → Settings → Allowed origins, then add the embed code to your page.
Embed
<fs-service-times></fs-service-times>
With no attributes, you get the Minimal look: a small label and your next service in large type, or a ticking countdown in the last 24 hours before it.
Optional attributes
| Attribute | Description | Default |
|---|---|---|
look | minimal, boxes, inline, pill or bar. See Looks. | minimal |
show | Extra parts under a minimal or boxes countdown, comma-separated: schedule, special-days, directions, watch, or all. | None |
align | left or center (minimal and boxes). | center |
on-dark | true for white text on a dark photo or colored band. | false |
heading | The small label above the countdown. | "Next service starts in" |
countdown-hours | How many hours before a service the countdown starts, up to 168. 0 turns it off. | 24 |
streamed-only | true counts down only to services marked Streamed online. Good for a livestream page. | false |
location | Only services with this location label, like North campus. | All services |
watch-url | A watch link for this embed only. | Your dashboard Watch link |
Looks
| Look | Good for | What it shows |
|---|---|---|
minimal | Home page hero, Plan a Visit page | Your next service ("Sunday, 9:00 AM"), or a big countdown when it's close. No box, so it sits on any background. |
boxes | Livestream page | Days, hours, minutes and seconds in tiles. Counts down even when the service is days away. |
inline | Under a headline, in a footer | One sentence: "Next service starts in 2h 14m · Watch online". |
pill | Navigation, a photo corner | A small badge: "Live in 2h 14m" with a Watch button. |
bar | Top of every page | The inline sentence on a full-width bar in your primary color. Visitors can close it. |
Examples
A home page hero on a dark photo:
<fs-service-times on-dark="true"></fs-service-times>
A Plan a Visit page with the full schedule, special days and directions:
<fs-service-times show="schedule, special-days, directions" align="left"></fs-service-times>
A livestream page that counts down to streamed services only:
<fs-service-times look="boxes" streamed-only="true" show="watch"></fs-service-times>
A bar across the top of every page:
<fs-service-times look="bar"></fs-service-times>
One campus only:
<fs-service-times location="North campus" show="schedule"></fs-service-times>
How it changes through the week
- Upcoming: more than
countdown-hoursbefore the next service. Shows the day and time. - Soon: inside
countdown-hours. Shows the countdown. - Live: from the start time until the service's length has passed. Shows Live now and Watch live when you have a watch link.
- After: moves on to the next service on its own. Nobody has to update anything on Sunday morning.
Live is based on your schedule and each service's length. It doesn't check whether your stream is actually running.
Notes
- Time zone: times always show in your church's time zone, wherever the visitor is, and daylight saving changes are handled for you. Change it in Settings → Profile.
- Address: directions use the address in your Church Profile.
- What's shown: the countdown looks two weeks ahead. Special days show for the next 30 days.
- Countdown setting: turn off Show a countdown before services in the dashboard to show the day and time instead. An embed's
countdown-hoursstill wins. - Closing the bar: a visitor who closes the bar sees it again before the next service. Turn off Let visitors close the bar to keep it up.
- Screen readers hear one short message when the state changes, not every second of the countdown.
- Guest Card uses this schedule to list upcoming services in its form.
Requirements
- The Service Times widget on your church (Website plan)
- Your time zone and at least one service in Dashboard → Widgets → Service Times
- Allowed origins in Dashboard → Settings → Allowed origins
- The Firesky widget script installed on the page