Embeddable Countdown Timer

You can embed a countdown timer on your website so visitors see a live countdown to your next service.

This method works with any site that allows HTML, including WordPress, Squarespace, Wix, and more.

1. Copy the code below:
   <div id="church-online-countdown"></div>
<script
src="https://assets.online.church/scripts/countdown-timer.js"
data-church-url="https://yourchurch.online.church"
></script>
2. Replace:
   https://yourchurch.online.church
   with your actual Church Online URL (e.g., https://mysite.online.church).
3. Paste into your website:
   You can paste this into:
   • An HTML block in WordPress
   • A code block in Squarespace
   • Custom code sections in Wix or other builders
   When saved/published, the countdown will automatically show time until your next scheduled service.

More documentation for developers: https://developers.online.church/docs/creating-a-countdown-timer.

How it works

• The countdown pulls your next service time from your Church Online schedule.
• As long as you have services scheduled, the timer will automatically update.

Here are a few church websites currently using the embeddable countdown:

• https://cschurch.ca — top menu bar
• https://www.championscitychurch.org — homepage banner
• https://eccc.us — top left placement
• https://www.abundantfaith.org — bottom center
• https://www.edgewoodbaptist.net — top left

These examples show various placements and formats depending on the website design.

In addition, here's a simple HTML file example: countdown-citychurchbloomington.html.

Platform-Specific Tips

WordPress

• Create an HTML block on the page where you want the countdown to appear.
• To add the countdown JavaScript to the header of your page, you’ll need a plugin. We recommend using Header and Footer Scripts for WordPress.
• Once installed, paste the JavaScript into the header section and be sure to wrap it with <script> and </script> tags.

Squarespace

• Use a Code Block for the <div>
• Use Advanced → Code Injection for the <script>

Wix

• Use the HTML embed widget and paste both parts together