✅ 4: Stage tutorial

  • Updated

All_plans_.png4.jpg

The Hopin Stage is where you can reach the entire audience in one place. It’s great for your main talks — keynotes, presentations, fireside chats, panels, interviews, and so on. Up to 100,000 people can view the Stage at a time.

Setting up your Stage

To set up the Stage, go to the Event Dashboard > Venue > Stage (or Stages).

Screenshot_2021-07-23_at_13.11.06.png

You will see the following fields for you to fill in:

Stage title (60 characters max)

The descriptive, easy-to-remember name, attendees will use to find the Stage during the event. The Stage Title can be changed any time by the Organizer.

Stage description (140 characters max)

Add in some extra information about your stage, this will only be visible to Organizers in your Event Dashboard to help you distinguish between different Stages. 

Who can watch

If you have different ticket types, you can restrict your Stages so that they are only viewed by specific ticket types. If you then link this Stage to a schedule segment, only those with the specific ticket types will see it in the schedule. 

Stream provider

There are four different options to display content on Stage to choose from as shown below. 

  • Hopin
  • Youtube
  • Wistia
  • Vimeo

image2.pngimage1.gif

Note: If you choose "Hopin" then you will be given two additional settings including low latency mode and record this stage.

Apps

When you click the Add an app button, you are redirected to the Apps tab of the organization.

stage.png

There, you can learn about and install various apps that can improve your in-Event experience. For more information on different apps and their capabilities, check out our Integration guides or visit the Hopin App Store.

Integrations-Hopin.png

Once they are enabled, you can go back to Event Dashboard > Venue > Stage enable the Apps that you have installed. 

Additional Information Area

You can add additional information to the stage for your attendees by using the content area. Follow this guide to set that up. 

Choosing your stream provider

It's important that you choose a stream provider that works well for your needs and your Attendee experience. Here's a little more info about your options.

Pre-recorded videos

You are able to ad pre-recorded videos from YouTube, Vimeo, or Wistia on the Stage, by selecting the respective option from the dropdown menu under "Stream provider".

Then, paste the video ID from the hyperlink of your choice, as highlighted in the image below. Scroll down and click Save.

image2.png

Note: The Stream identifier field is for the ID only, NOT the entire URL. If the entire URL is used an error will occur.

YouTube playlist

Adding a YouTube playlist will let attendees select which video(s) they want to watch.

Note: In this case, you must use the entire URL and the playlist link must include "https://www.youtube.com/playlist?list="

You can find the link by clicking the Playlist name at the bottom right corner of the YouTube window.

image3.png

YouTube Live Stream video

Go Live with your camera or via RTMP on YouTube Studio, then send the stream to your Expo Booth on Hopin.

RTMP

You can livestream from a third-party software onto the Hopin Stage using RTMP streaming.

  • Set the Stream provider to Hopin (if not already selected) in order to see the RTMP Stream tab
  • Switch to the RTMP Stream tab
  • Click Generate RTMP setup (this will generate a unique set of stream keys and URLs for your event).

generate_rtmp.png

You will then be able to see the RTMPS URL, and Stream Key to input into your software. This will ingest the feed from a livestream program, such as OBS, WireCast, Switcher Studio, Ecamm, StreamYard, and others. RTMP is the solution to choose for live streaming your physical event content into a virtual event on Hopin.

Screenshot_2021-05-02_at_10.29.40.png

Note: if you are on a Free plan, a Fallback Key and RTMPS will not be generated.

Broadcast Studio

Select Hopin to use Hopin’s own live streaming studio, the Backstage. For fully virtual events, most organizers use the Hopin Backstage or the Backstage powered by Hopin. 

Setting up Hopin Backstage

The Stage is what attendees see, the Backstage is how speakers present.

Every Hopin Stage has an associated Backstage. The Backstage is accessed via a private link in your event dashboard. Only organizers have access to this link and it’s the link you’ll be sharing with your speakers or anyone you want to have on screen via the Stage. Check on our Backstage tutorial for more information on the Backstage.

How to access your Backstage

  • Sign in and go to your event dashboard
  • In Overview, you’ll see the box "Broadcast Studio" next to the camera icon. This contains the Backstage link.
  • You can also go to "Stage" in the Event Dashboard > Venue and you will see "Segment Backstage Link" under "Hopin Studio".
  • After you obtain the link, open that link in a new tab to enter the Backstage.
Note: The Backstage is only for the Stage, NOT for the Sessions or Expo areas.
Tip: You must be registered for the event for the Backstage link to work. If you are not registered, you will be sent to the registration page. This applies to the event Organizers as well.

Backstage controls

  • Share Audio and Video. Click "Share Audio and Video" at the top right of the video screen. This will turn on your video and audio in the Backstage, and you'll be able to go live when the Organizer hits "Broadcast".
  • Broadcast. Visible only to organizers, press this button to go live to the front Stage. When you click Broadcast, whatever and whoever is visible in the Backstage becomes visible on the front Stage.
  • Video. Click this to turn your video on and off.
  • Audio. Click this to mute and unmute yourself.
  • Screensharing. This looks like a computer screen with a line through it. That means it is off. To turn on, click it, then you will be able to choose your slides or application to present. When you share your slides, your video becomes smaller and sits below the presentation. If you turn off your camera, you will be removed completely from screen until you turn it back on again.
Note: Screen sharing option is limited to one person at a time and will be greyed out for the other speakers/presenters until the person stops sharing their screen. If you have 4 speakers for a session, and one of them decides to share their screen, the Screenshare will be counted as the 5th person.
  • Backstage chat. To the right, you have the ability to chat privately with anyone in the Backstage using the Backstage chat. You can easily switch between Event chat and Backstage chat to view the attendee conversation while chatting with your speakers on the Backstage.
    When you click Broadcast, the top left of the screen says “Going Live…” blinking in yellow. You are not live yet. Wait about 10-15 seconds, and then you will see a red “LIVE” notification appear in its place. Once you see the red "Live" button, that means it’s you are live and sending the stream from the Backstage to the front Stage.

image2.gif

Tip: When broadcasting, there's a small delay between the Backstage and the main Stage of about 10-15 seconds. You should not hesitate, however, when you start broadcasting, start speaking. You’ll notice when you ask a question, the chat responses from attendees come in about 10 seconds after you finish asking it. It takes some getting used to, but with practice it becomes natural.

Setting up StreamYard Backstage

The StreamYard backstage allows organizers to quickly access advanced video production features for their events through the event dashboard. 

To get started, 

  • Go to the Event Dashboard > Venue > Stage
  • Make sure the Stream Provider is set to "Hopin"
  • Under Broadcast Studio, select the option titled "Hopin Backstage, powered by StreamYard". Note that selecting the StreamYard Backstage creates a new backstage link for the event and if you were already using the Hopin backstage link, it will no longer be accessible.

image1.png

  • Click the ‘View StreamYard Backstage’ button. This will direct you to the new backstage where you will be required to allow access to your mic and camera.
Note: You do not need a StreamYard account in order to use this backstage
  • The next step is to check your camera and microphone. 

image2.png

  • You can also make use of the Mute and Stop Cam buttons as you wish to enable/disable your camera and microphone before entering the studio.

image3.png

  • You can go on to explore the settings option by clicking on the Cam/Mic button on the right. This option will display a pop-up which allows you to set up your camera, audio and virtual background.
    • Camera: select your camera and resolution.
    • Audio: select your microphone and speaker.
    • Virtual background: set up virtual backgrounds for your event. Note that enabling the green screen feature uses more computer resources than other features. 

setting_up_streamyard_cam_settings.png

  • Select your display name and enter the broadcast studio

How to use the StreamYard Broadcast Studio

Once you enter the StreamYard Broadcast Studio, you are met with the picture below: 

image4.png

  1. Clicking on the StreamYard/Hopin logo takes you to the reception page of the event.
  2. This is where your stream will be shown on the backstage and how it will look on the main stage. You can choose different video layouts as listed in the options below.
  3. Your video card will be shown at this portion of the backstage. You need to click on the video card here to add the video to the main stream in number 2.
  4. This gives you options for turning on/off your mic/cam, sharing your screen or a video file on your computer, copying the broadcast studio link and returning to the main event.
  5. On the tab at the right side, you're able to use the chat area, add banners to the stream, choose from branding options, access the private chat area and access the settings page of the broadcast studio.
  6. This allows you to access the chat area of the broadcast studio. All chats from the broadcast studio are automatically transferred to the main stage of the event. You can also show comments on the main stream by clicking on the comment on the broadcast studio.image5.png
  7. Click the Go Live button to begin broadcasting to the main stage of the event. Note that there will be a 10-second delay to the stage. To stop the broadcast, simply click the Stop Broadcast button. 

Getting speakers set up

  • Have your speakers create a Hopin account.
  • Send them a link to register for the event (we suggest using a "Hidden Ticket" at a free or reduced price for paid events)
  • Add speakers to your event using this guide.
Note: they will not be able to enter the event if they are not logged into their Hopin account.
  • You can then add the speaker to your event schedule under Event Dashboard > Venue > Schedule. Create their segment and select them as the speaker from the drop down list.
  • They will now show up on your Registration page, Schedule, and Reception Page if you have them on the Schedule as a Speaker.
  • Make sure you share our speaker instructions with them!
  • If you can, do a test run with the speaker using a test event. You can duplicate the real event easily by clicking the three dot menu in your Organization's account under the Events tab and selecting "Duplicate". The speaker will have to be registered for this event and the main event.
  • Send the Backstage link (under Venue > Stage in your event dashboard) to the speaker and meet them there to rehearse.
  • Confirm that the speaker’s audio and video devices work in the Backstage. They will need to give browser permissions to let Hopin use their camera and mic.
  • Once you finish your intro and you’re ready to leave your speaker to do their thing, it’s time to disappear. You can leave the backstage completely and it will not be interrupted or you can click the camera icon below your screen to turn off your camera. Your screen will turn to a gray avatar. Click the mic button to mute your audio as well.
  • When it's time for you to "reappear" on Stage, click the camera and mic back on and you'll come on camera immediately and your attendees will see you on Stage.

How to present slides

Here are the steps for presenting slides on Stage. We recommend two monitors to have your presentation on one screen and the event on another.

  • Open your deck in a new tab or separate application.
  • In the Backstage, click Screenshare.
NOTE: Screen sharing option is limited to one person at a time and will be greyed out for the other speakers/presenters until the person stops sharing their screen.
  • Select the tab or application with the presentation.
  • Select and hit Share.
  • You’ll see your camera and screenshare are side by side in the Backstage. Don't worry! On the front Stage the screenshare is full size, and your video is smaller at the bottom of the screen.

That's it, you're screensharing!

Tip: Speakers can share a Chrome tab with sound on. Just make sure the sound starts playing before you share the screen.
  • Click the Screen sharing icon at the bottom of the page
  • Switch to Chrome Tab on the popup window and choose the required browser tab
  • Check the Share audio box
  • Click Share to start sharing

image5.png

E.g. Sharing a Google Slides presentation or playing a video in a browser tab with sound can be supported on the latest version of Google Chrome browser.

Please check our detailed guide on sharing Powerpoint presentations to share Slides like a Pro.

Note: Firefox browser doesn’t support sharing a tab with Sound yet.
Tip: From the Backstage, you can see the comments from attendees in the Event chat to answer questions and interact with the attendees.

Recording the Stage

You can currently only record your Stage if you select "Hopin" as your Stream Provider. In the box that appears, make sure you check the box for Record this stage. 

record_this_stage.png

Recordings can take up to 24 hours to appear in your Event Dashboard > Recordings tab, check out this guide for more info on accessing your recordings

That’s everything! Now you know how to master the Stage at your online event. 


Feel free to reach out to us at support@hopin.com in case you have questions or need assistance.

Was this article helpful?