Custom Live Stream

Steps Overview

  1. Locate the Live Stream Template
  2. Title the Template
  3. Set the countdown timer event
  4. Create an Image Rotator
  5. Assign the Twitter feed
  6. Add Button Links
  7. Edit the Footer Sections
  8. 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.

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 "LiveStream Tempalate New" 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 Editing Your Template: Sections

The Live Stream layout (called LiveStream Tempalate New) displays a number of custom items which are editable via the CMS. Your template contains:

  • Countdown Timer
  • Rotator
  • Twitter Feed
  • Live Stream Links
  • 2 Sections (custom built with embed Bible)
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 Service" category. The countdown will automatically display on the template based on the information provided for the event. 

Countdown Timer

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.
To begin editing the rotator, select to “edit" the image rotator. You will be taken to the Rotators under the Media module. 
Add Slides to the Rotator1. Select "Add A New Slide"2. Attach an Image
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. Add the Rotator to Your TemplateNavigate back to the Live Stream Template and select the newly created live stream Rotator. 

  1. Locate the Rotator field on your Giving template
  2. Select the title of the newly created Rotator.More info on using Rotators can be found on our Help Site: http://help.ekklesia360.com/article/rotators/ 
Image Rotator

Twitter Feed

The Twitter Feed will only display tweets posted by the specific Twitter handle you assign. 
To assign the Twitter handle:1. Locate the Live Stream Template Content > Pages > Live Stream Template2. 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.1. Navigate to Content > Link Lists > Live Stream Links
In order for the links to display on the Live Steam Template, do not edit the “Live Stream Links” title. 
Editing the Links1. Select the pencil icon to edit the link 2. Add text that will display on the button on the “Name” field.3. Select the link from the link list of pages, events, or a separate URL.
PRO TIP: You can rearrange the order of how the links display by using the arrows.

Live Stream Links

This area on your Live Stream page has been customized to have 2 Sections. 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 HighlightThis will display an event "published as featured" and assigned to the "online" group.

2. Live Stream Latest SermonThis will display the latest sermon that is assigned to the "online" group

3. Live Stream Text SectionThis is a section of text 

To use your Custom Bible Embed, please do the following:

The first section is linked to "Live Stream - Embedded Bible" section. You copy and paste the embedded code (https://biblia.com/plugins/EmbeddedBible) into the description field, not the content field. The reason is simple. The WYSIWYG content field removes all tags, codes, scripts... of the embedded code by default.

Please see the attached photo to copy the embedded code correctly

Footer Sections

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.

More info on the navigation can be found on our Help Site: http://help.ekklesia360.com/article/adding-a-navigation-item/