Studio Webcast Console Panel Features

This article details the available panel features that can be enabled in a webcast or when creating a webcast console template. (Note:  The items listed in this article do not apply to the Studio Accessible Layouts.  The Studio Accessible Layouts are limited in their customization.)

 

If you need assistance in creating a webcast console template or need to adjust an existing webcast console template, please reach out to Solutions.

 

See this article for general dimension guidelines for various images.

 

For each panel type detailed in this document, the following attributes will be noted:

 

Maximum Panels Allowed	Number of instances the panel can be added to the webcast console.
Available on Panel Bar	Yes: If yes, the panel is activated and present in a standard Studio console template.   No: If no, the panel is not active or present in a standard Studio console template but the feature can be activated.
Settings	Additional settings required for setup of the panel.
Available on Mobile	Yes: If yes, the panel appears when viewing the webcast on a mobile device.   No: If no, the panel does not appear when viewing the webcast on a mobile device.

 

Studio Webcast Console Template Requirements

The below will outline required information when providing webcast console template requirements. As a reminder, when creating templates, users should:

 

• Design to a 1280x768 content area (the Viewport).
• Note which panels are available on screen at load (Open panels) and which are available by
  panel bar icon only (“Initially Closed” panels).
• Determine the placement of all panels. (Open and Initially Closed panels).
• Note if panels will be able to be moved, resized, maximized or closed.
• Provide colors for the panel frames and panel bar icons (Examples in this document are blue or
  purple).
• Provide information for the panel frame label names.
• Provide console background image.

 

Studio Webcast Console Panel Features:

 

Background

• Image

• Link

• Text/HTML (Custom CSS)

 

General

• Studio Layout Header Image

• Text/HTML (Framed)

• Web Address (URL)

• Webcast Header Image

 

Presentation Features

• Abstract

• Carbon Savings (CO2)

• Chapters

• Chat or Studio Chat

• Email the Speaker

• Interprefy

• Invite a Friend

• Promote Attendee to Stage

• Speaker Bio

• Studio Handouts

• Studio Media Player

• Studio My Certificates

• Studio Slides

• Wordly

 

Question and Answer

• Studio: Q&A

 

Social Media

• Facebook Like Button

• Social Share Widget

• Twitter

• Yammer Feed

 

Virtual Event

• Blog Space

• Chat Room

• Course Completion Tracker

• Course Test

• Message Board

• Survey

• User List

• Video Collection

 

---

 

Background

Image

Include the “Image” panel and insert imagery on the console by uploading a file to the CMS (or use existing CMS files). Images can be linked to third party websites, if desired. You may need to temporarily move existing panels to view/move the image to the desired location once uploaded.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	No
Settings	Scaled of Image If clickable: Link Destination File requirements: JPG, PNG, or GIF
Available on Mobile	No

 

Example:

 

Link

Include a “Link” panel to insert a link that will direct the user to a 3rd party website.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	No
Settings	Settings: Link Text Website Link Destination Link requirements: must link to a .htm or .html page Should target "_blank"
Available on Mobile	No

 

Example:

 

Text/HTML (Custom CSS)

Edit the HTML content to make advanced customizations to the webcast background.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	Yes
Settings	Text/HTML Content Click action: Destination (URL) and Target (Optional)
Available on Mobile	No

 

General

Studio Layout Header Image

Add or remove the header image panel to customize the layout. The header image must be previously uploaded in the Studio's backend Layout tab.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	Yes
Settings	None Image must be pre-uploaded in backend Studio Layout tab
Available on Mobile	No

 

Example:

 

Text/HTML (Framed)

The “HTML/Text” panel allows for the inclusion of raw HTML or plain text. You may embed code from 3rd party sites or simply enter instructional text.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	No
Settings	Content entry for text and/or HTML code
Available on Mobile	No

 

Example:

 

Web Address (URL)

The “Web Address” panel is used to display a fully interactive webpage. The webpage will function just as though an attendee had pulled it up in their browser window, allowing full exploration.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	No
Settings	Website address URL Also used for live captioning
Available on Mobile	No

 

Example:

 

Webcast Header Image

Add the webcast logo image panel to customize branding. The header image must be previously uploaded in the Studio’s backend Settings tab.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	No
Settings	None Image must be pre-uploaded in the Studio backend Settings tab
Available on Mobile	No

 

Example:

 

Presentation Features

Abstract

Easily display the abstract, as created during the webcast setup, by including an “Abstract” panel.

Maximum Panels Allowed	One
Available on Panel Bar	Yes
Settings	None
Available on Mobile	Yes

 

Example:

 

Carbon Savings (CO2)

Include a “Carbon Savings” panel to highlight the impact each attendee has made by attending the event virtually.

Maximum Panels Allowed	One
Available on Panel Bar	Yes
Settings	None
Available on Mobile	No

 

Example:

 

Chapters

By including a “Chapters” panel, attendees can navigate the webcast by chapter, allowing a simple viewing experience. Slide content must be marked as “Set Slide as Chapter,” in the webcast setup, for the panel to populate Chapters.

Maximum Panels Allowed	One
Available on Panel Bar	Yes
Settings	Thumbnail View (thumbnail image of the slide) Text Only view
Available on Mobile	Yes

 

Example:

 

Chat or Studio Chat

Include a “Chat” or “Studio Chat” panel to allow all users to communicate with each other. Comments made in the chat panel are automatically viewable to all users but can be removed after published, if needed.

Maximum Panels Allowed	One
Available on Panel Bar	Yes
Settings	Edit opt in text (optional)
Available on Mobile	Yes

 

Example:

 

Email the Speaker

Include a “Chat” panel to allow all users to communicate with each other. Comments made in the chat
panel are automatically viewable to all users but can be removed after published, if needed.

Maximum Panels Allowed	One
Available on Panel Bar	No
Settings	Send email to address list Subject
Available on Mobile	Yes

 

Example:

 

Interprefy

Include an “Interprefy” panel to enable simultaneous interpretation for multilingual events, through the
online platform Interprefy.

Maximum Panels Allowed	One
Available on Panel Bar	No
Settings	Interprefy token
Available on Mobile	Yes

 

Example:

 

Invite a Friend

Increase registration and attendance by including the “Invite a Friend” panel. This will allow attendees to
invite friends or colleagues to register and attend the webcast.

Maximum Panels Allowed	One
Available on Panel Bar	No
Settings	None
Available on Mobile	Yes

 

Example:

 

Promote Attendee to Stage

Promote Attendee to Stage provides attendees the ability to request to join the presenters on webcam and microphone to ask questions, or provide their thoughts, during a live webcast. The feature will help increase viewer engagement during the Q&A or open discussions throughout the course of a webcast.

Maximum Panels Allowed	One
Available on Panel Bar	No
Settings	Update the Promote Attendee to Stage Panel Properties to reflect the overall panel & button style. Can be added to legacy Responsive Layouts When using a legacy Responsive template, it is recommended the panel is always visible to Attendees in their view.
Available on Mobile	Yes

 

Example:

 

Speaker Bio

Easily display speaker information, as created during the webcast setup, by including a “Speaker Bio”
panel.

Maximum Panels Allowed	One
Available on Panel Bar	Yes
Settings	None
Available on Mobile	Yes

 

Example:

 

Studio Handouts

By including a “Handouts” panel, attendees can view and/or download webcast specific documents and
links.

Maximum Panels Allowed	One
Available on Panel Bar	Yes
Settings	None
Available on Mobile	Yes

 

Example:

 

Studio Media Player

This panel controls the playback of the audio/video for the webcast; it is a required panel and should be on the screen at load (Open), in all cases.

Maximum Panels Allowed	One
Available on Panel Bar	Yes
Settings	None
Available on Mobile	Yes

 

Example:

 

Studio My Certificates

Include the “Studio My Certificates” panel and allow attendees to view their earned certificate(s) based on
the Course CPE requirements.

Maximum Panels Allowed	One
Available on Panel Bar	Yes
Settings	Must be setup in the backend Studio Tools > CPE Setup tab
Available on Mobile	Yes

 

Example:

 

Studio Slides

To display slide content uploaded for the webcast, include a “Slides” panel. The slides panel is where all
slide content (PowerPoint, Polling Questions, Media File, Test, etc.) will appear for the attendee.

Maximum Panels Allowed	One
Available on Panel Bar	Yes
Settings	None
Available on Mobile	Yes

 

Example:

 

Wordly

Include a “Wordly” panel to enable simultaneous interpretation for multilingual events, through the
online platform Wordly.

Maximum Panels Allowed	One
Available on Panel Bar	No
Settings	Wordly Session ID
Available on Mobile	No

 

Example:

 

Question and Answer

Studio: Q&A

The “Studio: Q&A” panel is used when a standard question queue is implemented. This panel allows
attendees to ask questions and receive text based or verbal responses

Maximum Panels Allowed	One
Available on Panel Bar	Yes
Settings	Usernames Time stamps Welcome message (optional)
Available on Mobile	Yes

 

Example:

 

Social Media

Facebook Like Button

The Like button lets a user share with friends on Facebook. When the user clicks the Like button on your
site, a story appears in the user’s friends’ News Feed with a link.

Maximum Panels Allowed	One
Available on Panel Bar	No
Settings	Event Link options URL to like Layout style Verb to display Color scheme
Available on Mobile	No

 

Example:

 

Social Share Widget

Include the “Social Share Widget” and allow attendees to share the event’s Registration or Login Page via
Email, Facebook, and Twitter. Upon successful registration or login, the user will be taken directly to the
webcast.

Maximum Panels Allowed	One
Available on Panel Bar	Yes
Settings	Share services enabled Link type
Available on Mobile	No

 

Example:

 

Twitter

Include a “Twitter” panel and allow attendees to tweet during the webcast via a designated Twitter
hashtag.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	Yes
Settings	Hashtag / Search @Username / Handle Display Avatars (optional)
Available on Mobile	Yes

 

Example:

 

Yammer Feed

Harness the power of your enterprise social platform by making Yammer available.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	No
Settings	Network (optional) Feed type Feed ID
Available on Mobile	No

 

Example:

 

Virtual Event

Blog Space

Include a “Blog Space” for an existing or new blog to be displayed within your event.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	No
Settings	Select existing blog spaces - or create a blog space
Available on Mobile	No

 

Example:

 

Chat Room

Allow attendees to communicate, openly, with each other via text, by including the “Chat Room” panel.
Comments made in the chat panel are automatically viewable to all users but can be removed after
published, if needed.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	No
Settings	Select existing chat rooms - or create a chat room
Available on Mobile	Yes

 

Example:

 

Course Completion Tracker

Display a CPE Course requirements, by including the “Course Completion Tracker” panel. This will allow
attendees to view their personal completion status based on the CPE requirements and will update in real
time.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	No
Settings	CPE requirements must be preconfigured in the backend Studio Tools > CPE Setup tab
Available on Mobile	No

 

Example:

 

Course Test

Display a Test for attendees to take within the live environment, by including the “Course Test” panel.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	No
Settings	Select existing test Test must be pre-configured in the backend Studio Tools > Tests tab
Available on Mobile	Yes

 

Example:

 

Message Board

Include a “Message Board” to communicate messages to your audience within the environment.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	No
Settings	Select existing message board - or create a new message board
Available on Mobile	No

 

Example:

 

Survey

Display a Survey to be completed in the live environment, by including the “Survey” panel. This will allow
attendees an opportunity to complete a survey during the webcast.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	No
Settings	Select existing survey Must be pre-configured in the backend Studio > Surveys tab
Available on Mobile	No

 

Example:

 

User List

Include a “User List” panel to display a list of users with several filtering options.

Maximum Panels Allowed	Unlimited
Available on Panel Bar	Yes
Settings	User Type Online Status Information Displayed Sort By Buddies Attendee Type User Type Description Include Requesting User Entries Per Page
Available on Mobile	No

 

Example:

 

Video Collection

Include a “Video Collection” panel to display your environment’s video collection.

Maximum Panels Allowed	One
Available on Panel Bar	Yes
Settings	None
Available on Mobile	No

 

Example: