Event Timeline - Break State (Turnkey)

Your BREAK event state is the page that the audience will see during longer breaks in the schedule (such as a long lunch or dinner break or overnight if it is an event spanning over a few days). You will need to determine if there is a Livestream going during that time with a video loop or a break slide and/or countdown to next event. There are several possible options depending on your event goals. 

To begin designing your Break State, click on Features to open the Event Timeline Features section 

Next, select Break to begin configuring your event state

To update the background image, color, etc. click Edit 

Next, to update your Primary, Secondary, and Background Color, click on the color box next to each field to select a new color or add your Hex#

To update your Background Image, click Edit to add an image

A new pane will open, click Add Row

Click on the Image Icon to choose from your library or to upload a new image

Select Done when complete

Next, select the Add Color color box next to each field to select a new color or add your Hex# to update the Event Title Color and the Event Description Color

Click the blue Done button to save your changes

Break Event Image or Video

Determine if you will display an Event Image or Video on the page during the break 

To add a Break Event Image, click on the icon to upload an image or select one from your library. If you would prefer to show a video on the player, leave the field empty 

To add a Break Event Video, click on the drop-down to select your asset

Toggle on if you would like the asset to auto play as soon as the viewer opens the page (instead of viewer having to press a play button on the video)

You are able to Toggle on to have the video asset loop (the video will play again and again)

Break State Title Under Image or Player

Update the Break Title (the title under the player or image) text by typing updated text in the field

Next, add a description under Break Title by clicking on Modify HTML

Countdown to Next Event

• Use the Toggle, to enable the Countdown to Next Event feature. This will show a countdown timer on the page
• If you would like to customize the text, simply add custom Countdown language by entering the modified text into the Countdown Text field
• To show Double Digits in the Countdown (including 0s for single digits), turn the Toggle on
• To separate the countdown time with a colon (:), Toggle on the Countdown Separator

Updating Countdown Color

Countdown Color: Numbers

Countdown Text Color: Title and text

Select the Add Color color box next to each field to select a new color or add your Hex# to update

Next, determine if you would like to show Countdown Text in the following format: 

• Days
• Hours
• Minutes
• Seconds

Determine if you would like to display a Card (Call to Action) on the page during the Break state. An example would be an advertisement of a featured product at your event. You have the option to place the Card above, below, or to the right of the player

Card Sample:

To begin, click on the Pencil Icon 

Next, select your Card Position (where it will be placed on the page) by clicking on the dropdown arrow and selecting the location:

• Above the player
• Below the player
• Right of the player

To select if the Card will have a URL link (that will take the viewer to another page), or be a pop-up modal window, select Link Type

• Link: add the URL 
• Modal: pop-up window 

Modify the HTML with your content by clicking on the button to add the text. Once you have added your text, click on the blue Done button to save your changes

Now that you have updated your Break state, select the Update button to save your changes before continuing