Live Stream #1

Quick Start

  1. Locate the Live Stream Template
  2. Title the Template
  3. Set the countdown timer event
  4. Test your live event
  5. Create an Image Rotator
  6. Assign the Twitter feed
  7. Add Button Links
  8. Edit the Footer Sections
  9. Publish The Page

Template Overview

The Live Stream Layout is designed to help reach your online audience by meeting needs and providing next steps to connect further. The layout allows you to embed your current live streaming iframe or embed code directly into the template. The Twitter feed pulls & displays tweets from a specific handle. The bottom sections utilize monklets that display the most recent sermon and event. The sections are full editable for other types of content and media.

Template Overview

Before You Get Started

Your implementor should have already built out the Live Stream Template for you.

 1. Locate your Live Stream Template by going to Content > Pages. If you can’t easily find the templatein the list, use the Template Filter. Here is what your Live Stream Template looks like when editing. From this location you can navigate to the rotator and bottom footer sections to begin editing. 

CONTENT: You will place the iframe or embed to your live streaming video within this field. 

HEADER IMAGE: This image will appear at the top of your page (optional).*Note: this is not your image rotator.

Before You Get Started

Before Editing Your Template: Sections

The Live Stream layout displays a number of custom items which are editable via the CMS. Your template contains:

  • Countdown Timer
  • Rotator
  • Twitter Feed
  • Live Stream Links
  • 3 Sections
Before Editing Your Template: Sections

Countdown Timer

The Countdown Timer displays the time to the next upcoming event assigned to the “Live Stream” event category. You can edit and update this event time when needed.

1. Locate the “Live Stream” event within the events module.

2. Set the Start Time, Date, and Repeats fields.

3. Assign the "Live Event" category. 

PRO-TIP: The countdown will automatically display on the template based on the information provided for the event. 

Testing Your Live Event

Be sure to test your live streaming page before making it available on your website.

How To:

  1. View your live streaming page in your browser
  2. Add "?live=true" to the end of the URL

Please let our Support Team or your Project Manager know if your Live Stream page doesn't have this functionality.

Image Rotator

Using the image rotator you can add photos or graphics to promote upcoming events or other ways to connect like a new church app or ChMS. 

This section displays a 16:9 Rotator assigned on the Livetream Page within the CMS. When your event is live, the rotator will be replaced with the live video stream.

Begin editing:

  1. Select to “edit" the image rotator (you will be taken to the Rotators under the Media module)
  2. Add Image Slides to the Rotator
  3. Once completed, locate the Rotator filed on your Live Stream Template
  4. Select the newly created Rotator

PRO-TIP: You can link pages, blogs, events, articles, sermons, or URLs to each image using the link field or auto fill with content already published. 

Image Rotator

Twitter Feed

The Twitter Feed will only display tweets posted by the specific Twitter handle you assign. 

Assigning the Twitter handle:

1. Locate the Live Stream Template Content > Pages > Live Stream Template

2. Enter your Twitter handle in the “Description” field

Twitter Feed

The buttons on the Live Stream Template provide users with on ramps into connecting with your ministry. The links can display between 2 and 4 buttons that can be edited and updated within the Link List.

Editing the Links:

  1. Navigate to Content > Link Lists > Live Stream Links
  2. Select the pencil icon to edit the link 
  3. Add text that will display on the button on the “Name” field
  4. Select the link from the link list of pages, events, or a separate URL.
  5. Rearrange the order of how the links display by using the arrows.

In order for the links to display on the Live Steam Template, do not edit the “Live Stream Links” title. 

Live Stream Links

At the bottom of your Live Stream Template you have 3 sections for content. These sections can support monklets that pull in the recent sermon or event, forms, or other media. 

 By default the template comes with 3 pre-built sections:

  1. Live Stream Event Highlight - This will display an event "published as featured" and assigned to the "online" group.
  2. Live Stream Latest Sermon - This will display the latest sermon that is assigned to the "online" group
  3. Live Stream Text Section - This is a section of text that is fully editable

Finishing Up

Now that you’ve finished adding the content, you can place the template in the navigation so people can easily find the layout.