Add Your Livestream to a Page

With Digital Church, you can add your livestream feed anywhere on your website. You can also add a live countdown timer. If you add the countdown timer to your page, you can set the stream (or any other content) to hide or show when the countdown expires and remain in that state until the designated “Off-Air” time.

Add your Livestream to a Page

To add the livestream to a page, we’ll use the shortcode  

by adding it to an HTML Module in the page builder. (You can also add that shortcode to a text area on a single post of dynamic content like an event by adding that shortcode to the description.)

1. Open the page builder and drag an HTML module into your layout.
2. In the General Tab of the HTML Module settings, add the  
   shortcode.
3. Save the changes to the HTML Module and publish your page.

Add a Countdown Timer

If you set an on-air and off-air time in your livestream settings, you can add a countdown timer to your page as well. The timer includes some code that we’ll use later on to define content that will show or hide during the livestream on-air window.

1. Drag another HTML Module into the page and add the  
   Days

   Hours

   Minutes

   Seconds
   LIVE
     shortcode. The font color will be inherited from the column or row settings.
2. Save the HTML Module settings and publish your page.

Show Content During the On-Air Window

1. Open the module/column/row settings of the content or area you want to show.
2. Click on the Advanced tab and add the  on-air  class in the class field.
3. Save the module settings and publish your changes.

Hide Content During the On-Air Window

1. Open the module/column/row settings of the content or area you want to show.
2. Click on the Advanced tab and add the  off-air  class in the class field.
3. Save the module settings and publish your changes.

If you have any questions, feel free to reach out to us via the chat.