Articles in this section
Category / Section

Block Types - 3rd party

Published:
29 mins read
Updated:

Custom Integration Block

Note: Please contact Jomablue before using this Block, and to obtain your integration URL.

Signup/Login Forms

Users are looking for the shortest path to an experience. Any barriers, such as signup forms or login pages, can lead to significant user drop-offs. This is why Jomablue uses OTP (One-Time Password) login for the Community. When using this block, consider removing any signup or login forms, as users would have already signed into Jomablue. Asking them to log in again creates a negative user experience.

Servicing Demand

Jomablue can reveal blocks at specific times, which places substantial demand on the infrastructure. This functionality is explicitly designed and tested by Jomablue to handle such load. When this block reveals content, all community users may try to load the iframe content instantly (e.g., 1,000 people attempting to load the page within 1 second). This can strain the external app loaded in the block. It’s important to consult with the third-provider party to ensure their application can manage this high level of demand, even if block reveal times are not being used.

Page Load Speed

Jomablue Community pages are designed for fast loading based on Apdex scoring, ensuring a great user experience. Embedding a third-party app within a block can affect the load times, as they depend on the third-party app. If load times are slow or there is no 'loading' screen, users may become frustrated and leave the page. We recommend that the service aim for an 'excellent' Apdex score and use pre-loading screens.

Security

Ensuring the security of Jomablue is our top priority. The introduction of this block, which loads external app content that is not visible to Jomablue's systems, presents new risks.

The block uses an iframe to load the external application, which inherently carries security risks, as users can be easily 'tricked' into assuming the content is coming from Jomablue.

For example, if a third-party app has malicious intent, it could prompt users to enter their corporate email and password, appearing legitimate since the request is within Jomablue.

We recommend that any third-party application loaded into this block be sourced from a trusted provider and that appropriate due diligence is carried out by our customer before its use.


Interprefy Block

The Interprefy Block integrates interpretation services from Interprefy with Jomablue Community and can be placed on any type of Canvas. Interprefy is a cloud-based interpreting platform for virtual and hybrid events that translates content for your audience. Simultaneous interpretation allows the speaker and the interpreter to speak at the same time. The Interprefy translation audio is intended to fully replace the audio coming from the Live Stream/IBM Cloud Video/Self Hosted Live Stream Block.

Note: Users must mute the audio from the Live Stream Block before starting the Interprefy audio to avoid hearing both audio sources at once.

Below is an example of the Interprefy Block while interpretation is active:

Features of the Interprefy Block

  • The Interprefy Block loads as a small Block when the Canvas page is loaded and can be expanded to the full size upon clicking. 
    Below is the default initial state:


Below is an example of the Block when expanded:


  • You can select a language from a dropdown menu to listen to the translated audio. Interprefy supports multiple languages through partnering with leading language service providers around the globe. Users can choose the language to interpret via their Interprefy account.
  • You can click the ‘Help’ icon to view instructions on how to use the Block. These instructions can be specified via the Block configuration.
  • You can click the ‘minimise’ button to minimise the Block. This will shrink the Block but not close it, so the translated audio can still be heard.
  • Click the ‘close’ button to close the Block and it will return to its original state.

Benefits of using the Interprefy Block

The Interprefy Block has the following benefits:

  • Bridging linguistic gaps: Effectively translates event content, making it easier for participants to understand
  • Diversify your audience: Expands reach beyond the local audience to broader social and business communities that may otherwise be unreachable due to language barriers
  • Simultaneous interpretation: Provides instant translations, saving time and effort.
  • Reduced operational cost: Real-time interpretation services for remote audiences reduce operational costs since interpreters do not need to be physically present in the event.

Limitations

  • The Interprefy-brand orange colour cannot be customised
  • The "minimised" view (when Interpretation is Active) is non-configurable

Available Interactions for this block

Available interactions for the Interprefy Block are:

  • interprefy_loaded: when a user clicks on the Interprefy Blocks


Live Stream - Zoom

You can live stream your content via Zoom and a streaming service on a Jomablue Community Plus site. Here is a short guide on how to set up Zoom to livestream your session.

How to Livestream your Zoom meeting

The following steps need to be completed only once:

  1. Sign in to your organisation’s Zoom account through a web browser (https://zoom.us/signin) click settings and then click In Meeting (Advanced)
  2. Ensure “Custom Live Streaming Service” is activated

Note: If you are unable to locate this setting, it may mean you are not an admin in Zoom. Please contact your organisation’s IT Department to enable this setting for you.

The following steps need to be completed for each session:

  1. Schedule the Zoom meeting 30 minutes prior to the actual scheduled session start time
  2. As the meeting host, select More > Live on Custom Live Streaming Service


       3. There are two options to enter the live-streaming details:

  • Option 1: Enter the Details as provided, and press Go Live
    • Streaming URL: (A rtmp:// address – provided by Jomablue).
    • Streaming Key: (supplied by Jomablue).
    • Live streaming page URL: (this link will take you to the Client's Community Page)
    • Jomablue will be providing these details to the client in advance



  • Option 2: Enter the details in the backend of Zoom by following the steps below:
    • Click into your Zoom meeting
    • Scroll down to the end and click Configure Custom Streaming Service

    • Enter the following stream details (no need to tick any checkboxes)

       4. Please wait while Zoom prepares your live stream


       5. You will see a confirmation page appear and the Zoom meeting will now indicate it is live                      streaming. You can see the status and control the stream from your Zoom meeting window.

            

       6. Click Save to save your live streaming settings

Troubleshooting

  • If you see the following error, check the details you entered and ensure it's within 25 minutes of the scheduled stream time. If scheduled any earlier, you won’t be able to start the stream.

  • In case the details are entered incorrectly, the user will need to log in to the Zoom Web Portal (https://us02web.zoom.us/signin). Click Meetings, select the relevant Meeting, scroll down to Live Streaming and click Edit to re-enter the correct streaming details.

How Jomablue Supports Live Streaming via Zoom

Zoom for Jomablue Community Plus

Jomablue supports Zoom live streaming for Community Plus members. The host of the Zoom Meeting streams their meeting directly to the Jomablue platform through a custom live streaming service such as Zoom, as seen in the diagram above. As the host of the meeting, you will be responsible for ensuring the meeting is set up correctly. Here is how Jomablue facilitates your live-streaming session with Zoom:

  • Arrange practice sessions before the event day with the session speakers and provide training on the primary mechanism of Zoom, and how to conduct the live stream session in an optimal environment. This acts as a dress rehearsal before the actual session.
  • Provide technical support before and during the session by ensuring the internet connection for both the host and speaker is stable for optimal video and sound quality
  • Guide how the speaker can share content effectively via the Zoom meeting e.g., videos or presentations
  • Train the users on how to use Zoom for live streaming and what they can expect from the experience
  • While the session is live, a Jomablue technical support person is on standby to provide instant basic troubleshooting
  • Provide essential guidelines on what you can do to improve the audience experience and increase the professionalism of your presentation

Note: Jomablue does not support live streaming of Zoom Breakouts or Zoom Webinars.

Make your Zoom Live Stream a Success



Jomablue equips you with the skills and support required to live stream your content via Zoom Meetings through streaming service into a Jomablue Community Plus site. Here are the basic guidelines on how to make your Zoom Live Stream a success.

Before the Zoom Live Stream

  • Event organisers schedule a practice Zoom live stream session with Jomablue to iron out any discrepancies or confusion you have over the live stream session, and you understand the controls and mechanics of live streaming on Zoom correctly
  • The event organisers schedule the practice sessions with each speaker to prepare them for the actual event day
  • In the case of numerous live stream sessions, make sure that there are multiple Zoom accounts available for overlapping sessions since only one session can be conducted on a single Zoom account at one instance
  • The device of your choice (tab, laptop or PC) have Zoom installed, and your account is active
  • Make sure that the device is well-charged, and has a functioning video (webcam/ camera) and audio (microphone/speaker) features. Any webcam that is 1080p or greater works best.
  • Set the passcode to the meeting and only share it with the registered audience to prevent any uninvited guests from joining
  • Zoom meeting is to be set up at least half-hour before the start of the live stream and 15 minutes after post-events to allow for 30 minutes of practice and 15 minutes post-session over run time
  • Internet connectivity in the production environment is stable, and the internet speed is sufficient. (you can check the internet speed through https://www.speedtest.net/) It is recommended to have at least 5mbps for download and 10mbps for upload for decent video quality.
  • Close any backend applications, windows and tabs that can be distracting before the Zoom live stream.
  • Keep your images & videos open that you intend to share with the audience before the session
  • Close any other applications that use the camera/microphone.

During the Zoom Live Stream

  • Close any background syncing apps like Google Drive or Dropbox during the live stream to ensure everything goes smoothly
  • In addition to joining the live stream as a host, you should join in as a regular attendee as well through another Zoom account. This gives you a view of what precisely the attendee sees and you get to deliver the experience as intended.
  • Make sure that the environment is well-lit with a minimal background setting to keep the audience from distracting.
  • When sharing your screen with the audience, make sure:
    • Share Computer Sound
    • Optimise Screen Sharing for Video Clip


  • Consider using a video player that is suitable for all video formats (VLC player or something similar). Make sure the video player has sound on when playing the video.
  • Keep the background noise minimal. This can be achieved by a lapel microphone or a headphone with a mic.
  • Don’t have a private conversation near the active microphone

After the Zoom Live Stream

  • Streaming stops when you end the webinar or meeting. Make sure that you hit the Stop Live Stream to end the session. It will again ask for confirmation to end the session before the session actually ends.

General Tips

It’s recommended to have a backup of everything: computer, cords, battery, etc. so just in case anything goes wrong, there is a backup nearby.

  • It’s recommended for the speakers not to conduct the session in the swirling chairs, as it may be distracting for the audience.
  • Use a water bottle, not the glass and ensure it is removed from any electrical equipment
  • Keep the distractions at bay. For example, have a light snack or refresh yourself before the session to keep you comfortable throughout the live stream session.

Record a Session in Zoom

Community offers a variety of different methods in which you can deliver a session. Two of those methods involve pre-recorded content which is then added to Community for attendees to watch, pause and navigate within their own time frame.

A great method of pre-recording this content is by using Zoom. Zoom allows for the recording of meetings as well as the ability to share your screen and present content - this is extremely useful if we want to pre-record a session.

Prerequisites:

  • Zoom Basic (Free) account or above
  • Zoom Desktop Client for Windows or MacOS, version 2.0 or higher

How to Share Screen or Content

  1. While in a Zoom meeting, click the Share Screen button located in your meeting controls at the bottom of your Zoom window:

  2. Select one of the screen share options:

You can share the following:

  • Entire desktop or phone screen
  • A specific Application
  • Whiteboard
  • Device Audio
  • Content from a second camera
  • iPhone/iPad Screen
  • Files from Google Drive or OneDrive

Note: If you will be sharing content with audio or video, please click the two checkboxes at the bottom of the share screen that read "Share Computer Sound" and "Optimize Screen Share for Video Clip"

       3. Once you have selected what to share, click Share and Zoom will automatically switch to full screen

       4. You will also notice your meeting controls are now movable by dragging them across the screen. You will also have additional items such as pause share and annotate.

How to locally record a Zoom Session

Local recording allows participants to record meeting video and audio locally to a computer. For Cloud Recording, you will require a paid account, see this Zoom article for more information.

Enable Local Recording

Firs off, we need to ensure Local Recording is enabled on your account

If your account requires an administrator to change settings, then please forward these instructions to your Zoom Administrator.

  1. Sign in to the Zoom web portal
  2. Click on your account settings
  3. In the Recording tab, navigate to the Local Recording option and verify that the setting is enabled as below:

Start a local recording

  1. Start a Zoom meeting as the host
  2. Click the option to Record in the bottom menu bar

  3. All meeting participants will see the following recording indicator in the top-left corner while recording is active (ensure this is displayed to confirm you are recording)

  4. During a Zoom meeting, a participant can Stop or Pause the recording

Access and Convert Local Recording files

Once you have finished the meeting or stopped the recording, you can now access your local recording by:

  1. Opening the Zoom Desktop Client and click Meetings:

  2. Click the Recorded tab and select the meeting with a local recording
  3. You now have the following options to manage your local recordings, the recording page will also display the file location of the recordings.

How to Share Locally Recorded Zoom Sessions

Zoom should automatically convert your recording into both an MP4 (Video) file and an M4A (Audio-Only) file. These files can then be shared easily via various methods. The most appropriate method would be to share the files via Google Drive and provide a link to the recipient to access the recordings.

Note: If unsure how to securely share files, please contact your Jomablue project manager.


Pigeonhole Live Block

A Pigeonhole Live Block in Community is a way to interact with attendees as it allows them to submit questions, answer a poll, take a quiz and even vote on other user's questions. The Q&A/Poll Block uses a third-party service named Pigeonhole Live.

A Pigeonhole Live Enterprise account is required. The Enterprise level enables Jomablue to create attendee profiles in your Pigeonhole Live Account which streamlines users' experience when loading canvases. Without this, a user is required to "register" for Pigeonhole Live after authenticating into Jomablue Community.

Add Pigeonhole Live Block 

  1. Go to the Jomablue Portal and log in with your email address and password
  2. Click on Canvases under Community on the left-hand menu
  3. Click on the Canvas type where you wish to add the Block (e.g., Lobby, Session, Vendor or Page)
  4. Locate the specific Canvas where the Block will be added and click Edit
  5. Click on Layout
  6. Within a Flex, click Add Block. Here, a list of Blocks will appear. Select Pigeonhole Live
  7. The Pigeonhole Live Block is now added to the Canvas. You may now add a Title, Configure, Automate or Delete the Block.
  8. Select Edit block and Select Configuration

Configuration options

After adding the Block in a Community Canvas, you can proceed to edit the following Settings:

  • Obtain Event Code from Pigeonhole and enter it here
  • Session Code: Enter the session code to load the contents for a particular session in the player.
  • Height in pixels (defaults to 500px): Use this if you need to set the height to a higher value than the default. If set to 0 the player will default to 500px in height. Values below 500 will not be applied to ensure the iframe is tall enough .
  • Enable or Disable back button

Questions & Answers (Q&A)

Q&A allows attendees to ask questions, as well as vote on other users' questions. You can filter the questions before they appear and even allow comments on the questions themselves.

Polls

Polls allow you to capture the opinions of the audience in real-time charts. As you can tell from the screenshot below, this can be done in a number of ways.


Note: Pigeonhole Live Block does not support the survey.


The following configuration options are available within a PigeonHole Q&A:

  • Question votes: Allows participants to vote on other questions
  • Anonymous responses: Participants can respond anonymously
  • Question filtering: Approve or dismiss attendee questions before they are visible
  • Comments: Allow attendees to leave comments on questions
  • Answers: Add text answers to questions from the admin panel. These will be visible to attendees.
  • Answer ratings: When a question is marked as answered, attendees can privately rate the answer given

Note: Attendees can view Q&A questions after it has ended

The following configuration options are available within a PigeonHole Poll:

  • Assessment: Enables attendees to complete a series of assessment questions at their own pace and receive scores instantly and confidentially
  • Multiple-choice: Participants vote on predefined answers. Results are shown in real time. There are 4 types of multiple-choice polls: Text, Numeric, Draggable scale and Icon rating.
  • Quiz: Participants select a question to see if they answered correctly with live results and a leaderboard
  • Open-Ended: Poll an open-ended question and allow your attendees to submit free-form text answers. Attendees can also vote on other attendees’ answers.


Set up Q&A Session & Poll 

To use the plugin on Jomablue Community, a PigeonHole Live Block must be added to a Canvas. To execute this, follow the steps below:

  1. Add a Workspace to your Pigeonhole Account:

a. Log in to the Pigeonhole Live Dashboard

b. Click on the Workspace name in the top left corner

c. Click Set up Team Workspace within the drop-down menu

d. Enter the Workspace Name. This is normally the same as the instance e.g., Business Summit Conference

e. Plan Contract: Select Enterprise Subscription

f. Members Can Redeem: Normally you would select 1k Enterprise Pigeonhole unless otherwise specified (bigger events will use the 5k Enterprise Pigeonhole)

g. Once you have selected the Plan contract and created the Workspace, a pop-up box will appear asking if you would like to invite users. Click on Invite later

       2. Add a Pigeonhole for the event

After creating a Workspace as per the provided instructions, create a Pigeonhole Live for the specific event using the instructions below:

a. Select the appropriate Workspace that the event will go into by clicking on the top left-hand corner of the page

b. Select Add Pigeonhole. A pop up will appear

c. Select 1k Enterprise Pigeonholes

d. Enter in Event Details:

    • Event Name - Name of the event e.g., BIS22
    • Passcode - Pick a professional, relevant passcode for the event e.g., BIZSUM
    • Event Dates - Align the Pigeonhole event dates with the event dates in Jomablue (Note: The Start and End dates should not exceed 30 days)
    • Time zone - Set the time zone according to the location of the event.
    • Click Continue to proceed with the creation of your Pigeonhole
    • Your Pigeonhole is now created and you can go ahead and set the block configuration.

        3. Block Configuration

In order for Pigeonhole to carry profile information over from Jomablue, such as a person’s name, we need to add some custom fields.

To do this, follow these steps:

a. Navigate to your Pigeonhole then select More Settings from the left-hand menu

b. Select Attendees from the top menu bar

c. Under Profile Information ensure the following settings are enabled:

    • “Allow attendees to create profiles”
    • “Allow creating attendee profiles through embed”

d. Delete the following fields:

    • Email
    • Industry
    • Position

e. Add the following as ‘Custom Fields’ as per the screenshot below:

    • FirstName
    • LastName
    • JomablueUid

f. At the bottom of the page, ensure Enable registrant profile for this event is enabled

g. Click the Drop Down Arrow next to the Add a Registrant Button

h. Click on Settings, and a popup window will appear. Ensure that Allow adding New Registrant Profiles through embed is enabled

i. Click Save

       4. Add Q&A and/or Poll Sessions

Once a Workspace and Pigeonhole have been set up, you can now begin adding sessions to Pigeonhole Live by following these steps:

a. Click on Agenda from the left-hand menu

b. Click the Add Session button then Create New

c. Select a session type. All session types are outlined in this article but the most common type that we use is Q&A.

d. Fill out the Agenda Information, including session name, start and end date/time

e. When using Q&A, there are checkboxes under settings that can be enabled/disabled. These will vary across events, below is a description of each setting:

    • Question Votes: Allows participants to vote on questions. We recommend this to always be enabled.
    • Anonymous Responses: Allows participants to respond anonymously. We recommend this always be disabled.
    • Question Filtering: Approve or Dismiss participants' questions before they appear. This is enabled when clients want to moderate questions. Please confirm the requirements with the client.
    • Comments: Allows participants to leave comments on questions. We recommend this is to always be disabled.
    • Answers: Add text answers to questions through the admin panel. Please confirm the requirements before adding the answers.
    • Answer ratings: We recommend this disabled for most use cases
    • Attendees can only view their own submitted questions. We recommend this always be disabled.
    • Attendees can view Q&A Questions even after it has ended. We recommend this is always enabled.

All other settings including advanced customisation remain the same.

Note: It is best to configure the above settings for one session and then duplicate them for the remaining sessions.

Add Poll Sessions

To add a Poll Session, do the following steps:

a. Click on Agenda from the left-hand menu

b. Click the Add Session button then Create New

c. Select a session type. There are slight differences between the different Poll types, but the setup is similar.

d. Fill out the Agenda Information, including session name, start and end date/time

e. Click on Add Question to begin adding questions to the Poll, a popup will appear, for each question you add you will need to fill out:

    • Poll question
    • Question type: text, numeric scale, draggable scale or icon rating
    • Add answer options
    • Set votes per user
    • Select Projector Chart type. Note that this won't display on the block.

f. When using Polls, there are checkboxes under settings that can be enabled/disabled. These will vary across events, below is a description of each setting:

    • Anonymous Responses: Allows participants to respond anonymously. We recommend this is always disabled.
    • Comments: Allows participants to leave comments on questions. We recommend this is always disabled.
    • Attendees see the live results on the Audience Web App after voting. We recommend this is always enabled.
    • Attendees can only view their own submitted questions. We recommend this is always disabled.
    • Attendees can change their vote (optional)
    • Attendees can view the Poll even after it has ended. We recommend this is always enabled.

All other settings including advanced customisation remain the same.

       5. Obtaining Session ID for Block configurations in Jomablue Community

You will need to obtain the Session ID to place into the block in Jomablue. To locate the Session ID for a particular session in PigeonHole, follow these steps:

  1. Navigate to the Agenda page, which contains a list of all your sessions
  2. Next to the session, there is a little arrow that shows a drop-down menu when clicked
  3. Click on Copy Session ID: xxxxxxx

Customise Themes and Branding

Pigeonhole Live allows you to apply custom branding to the Pigeonhole Blocks. This can either be through a pre-set theme in the gallery, a custom colour code or even a custom background. You also have the option to add a logo.

To edit the theme of the Pigeonhole Block, follow these steps:

  1. Within the Pigeonhole for your event, click on More Settings from the left hand menu
  2. Click on the Appearance tab at the top of the page
  3. You can either select a preset theme from the gallery or apply a custom theme. Please see screenshot below:


  4. Below the theme selection you will see an Upload Logo button. This can be used to upload a logo.

Admin/Moderator/Projector Panels

Projector Panel

The Projector Panel allows you to see live attendee responses as well as displaying a QR code for attendees to open the web app and ask questions. Note that this is mainly for in-person events.

Moderator Panel

Although the moderator panel is named moderator, it is primarily a view-only panel that allows you to view attendees' responses and mark them as answered. This view is appropriate for those who are speaking during a session and require visibility of questions being asked.

Access to this panel can be found within the event in PigeonHole:

  1. Go to run your event
  2. Mange access with event collaborators
  3. Moderator panel > copy link

Admin Panel

The admin panel allows you to manage and view attendees responses from Q&A and Poll Sessions.

In addition to the features in the moderator panel, the admin panel has added functionality as below:

  • Edit, Hide or Archive questions: This is a useful question that needs to be reworded, or hidden from view once it has been answered
  • If Answers are enabled: The Admin panel allows you to add in text answers

This view is appropriate for those who need to manage and approve incoming questions from attendees.

Access to this panel can be found within the event in PigeonHole:

  1. Go to run your event
  2. Mange access with event collaborators
  3. Admin panel > copy link

Insights - Data & Reporting

While your event is running, or once your event has finished, Insights provides you with all the data that Pigeonhole has collected.

The Pidgeonhole Live insights page is split into 3 tabs, which are explained below:

  1. Overview
    This tab displays basic information such as total participants as well as a graph of Online participants over time.


  2. Sessions
    This tab shows detailed information regarding participants, Q&A Questions, as well as participants’ questions and votes for each session. You have the option to either export ALL responses or export the data for specific sessions


  3. Attendees


    This tab displays profile information of attendees who have signed in. Note that this will display the fields that we set in the ‘Block Configuration’ section above.

This tab allows you to export as excel all the attendee list information.

Export responses

To export responses so that they can be sent to the customer, follow these steps:


  1. Navigate to the required Pigeonhole
  2. Click on Insights on the left hand menu



       3. Click on the Sessions Tab

       4. You now have a few options:

  • Click on Export All Responses, which will download a .ZIP file that contains a .pdf and .xlsx (spreadsheet) for every session
  • You can individually download .pdf or .xlsx for each individual session by clicking on the “PDF” or “Excel” button next to each session


Test Mode

A really handy feature available in Pigeonhole Live is Test Mode. Test Mode allows you to test the Pigeonhole Live Block prior to the event going live

To enable test mode, go into the required Pigeonhole and enable the toggle in the top right hand corner of the page.

Test Mode can be disabled manually or it will automatically be turned off once the event starts. Note that any data held while the block is in test mode will not be saved or included in any data reports.



Block without test mode enabled:


Block with test mode enabled:



Slido Block

Slido is a Q&A Polling platform that attendees can use during live online events. Slido can be used as a third-party plugin through Slido Block in Jomablue Community.

Q&A and Polls can be enabled for your users in Sessions or Vendor Canvases via the use of a Slido Block, which is a third-party plugin that can be used in the Community. If you have your own Slido account then you are welcome to use it. Otherwise, Jomablue can provide a managed account. Consult your Project Manager if you are unsure.

Features of the Slido Block

Slido Block supports the following features:

  • Live audience Q&A: Questions can either be answered within the Slido Block itself or via a Live Stream Block
  • Ongoing audience Q&A: If a Slido Block is left active for an extended period of time (e.g., for an on-demand Session or a Vendor Canvas), then users can enter their questions in the Block for review and answering by a Speaker or Vendor
  • Live or ongoing audience polling: Slido also supports audience polling, either live (for live sessions) or ongoing (for on-demand Sessions or Vendor Canvases). Polling results can be made visible to users or viewed in the Slido backend.

Please note that the end-user cannot experience Slido in incognito mode (cookies are disabled in incognito mode). They have to enable 'accept cookies' otherwise the following message will pop up:


Add Slido Block to a Canvas

  1. Go to the Jomablue Portal and log in with your email address and password
  2. Click on Canvases under Community on the left-hand menu
  3. Click on the Canvas type where you wish to add the Block (e.g., Lobby, Session, Vendor or Page)
  4. Locate the specific Canvas where the Block will be added to and click Edit
  5. Click on Layout
  6. Within a Flex, click Add Block. Here, a list of Blocks will appear. Select Slido.
  7. The Slido Block is now added to the Canvas. You may now add Title, Configure, Automate or Delete the Block.

Configuration options

  • A Slido Block can be configured once the Slido session is created. Once you do:
    • Open the Session in Slido and click on the cog icon at the top-right corner of the page
    • Locate the Event Link field, and then locate the 22-character code in the Event Link and copy it.

    • Once you have copied this code, navigate to your Slido Block in your Canvas
    • Click on the Advanced tab and enter that 22-character code in the event_code field within the JSON object.

Note: Slido may appear different for users who have activated dark mode on their devices or computers.

Available interactions for this Block

There are no interactions available for this Block type as Slido is a third-party plug-in.


Vidyard Player Block

Vidyard Block is a 3rd party plug-in that uses the services of Vidyard and displays a video player for a specific Vidyard Video or Playlist.

A Vidyard Block can be placed on a Canvas, allowing people to view videos loaded on Vidyard. This Block can be used to display Video-on-Demand (VOD) Sessions on Session Canvases, add video content on Vendor Canvases, Lobby Canvases, and Custom Pages Canvases. This Block provides a wide range of configurations largely controlled within the Vidyard interface.

Note: Some packages by Vidyard have limits on the number of video embeds. Be sure you have the right account for your needs.

Vidyard Block Features

The Vidyard Block has the following features:

  • Supports video-on-demand (VOD) content. It can be a single video or a playlist.
  • Supports the playback of Playlists that have been created in Vidyard
  • Supports animated thumbnail, a small concise video, that can be extracted from the video and saved as a GIF animation
  • Supports multiple Captions for a single video

Note: Adding an animated thumbnail may affect the load time of the video

Below is a visual example of the Vidyard Block with a single video:


Below is a visual example of the Vidyard Block with a playlist:

Below is a visual example of the Vidyard Block with the Playlist (expanded):


Different Usage of Vidyard Block

  • A Vidyard embed video is a pre-recorded video that is made available on a Canvas Page for the user to watch, pause, and navigate content
  • The Vidyard embed video can also be used to deliver previously-hosted Live Stream Sessions

Add a Vidyard Block to a Canvas

Here is how to add a Vidyard Block in a Community:

  1. Go to the Jomablue Portal and log in with the provided username and password
  2. Click on Community in the left-hand menu
  3. Click on Canvases in the left-hand menu
  4. Click on the Canvas section to locate the Canvas you wish to add the Vidyard Block (the headings are Lobby, Session, Vendor, Page)
  5. Click on the Canvas where you want to add the Vidyard Block
  6. Click on Edit and go to the Layout tab.
  7. Click on the Add Block, a list of Blocks will appear, choose Vidyard Block.
  8. The Vidyard Block is now added onto the Canvas. You can now add the Title and proceed to configure the Block.

Configuration options

Vidyard offers a number of options that are configured on the Vidyard platform. A Vidyard Block has only one configuration available from the Configuration tab and that is:

  • Video ID: The ID of the Vidyard Video Content or Playlist that you wish to embed

Note: You can also Enable video_loaded interaction if desired by toggling this option on in the Configuration tab

To obtain the Video ID from Vidyard, from your Vidyard account, follow these steps:

  1. Select a video or playlist and click Share
  2. Copy the alphanumeric portion of the link only (be sure to include the alphanumeric portion only and don’t include ? or / characters)
  3. Paste it into the Video ID field in the Block Configuration

Available Interactions for this Block

When a user interacts with a Vidyard Block, a number of interactions are recorded. Available Interactions are:

  • Video loaded: The user has loaded a Canvas containing the Vidyard Block
  • Video started: The user has started the video
  • Video paused: The user has paused the video
  • Video seeked: The user has used the playbar in the video to seek a specific part of the video. This is only available for a single video and not for the playlist.
  • Video reached the end: The user has reached the end of the video. This triggers 95% watched.
  • Video reached a milestone: The user has watched till a specific part of the video. This can be triggered at 25%, 50%, 75% watched.

Note:

Milestones are preconfigured and not configurable. Hence, if someone reached 50% of the video, 1 x record would be created at the 25% point and another record created at the 50% point. The export data would have the same column name (field key) and be populated with "0.25 | 0.5.

Enable 'Video_load' interaction

Interaction 'Video_loaded' has to be enabled in Block Configuration as it's toggled off by default. This is to avoid recording unnecessary interactions when there are multiple Vidyard Blocks on a Canvas.

image.png


Vimeo VOD Block

Vimeo VOD Block is a third-party plug-in that uses the services of Vimeo and displays a video player for a Vimeo Video.

Steps to add Vimeo VOD Block in a Community Canvas

  1. Go to the Jomablue Portal and log in with your email address and password
  2. Click on Canvases under Community on the left-hand menu
  3. Click on the Canvas type where you wish to add the Block (e.g., Lobby, Session, Vendor or Page)
  4. Locate the specific Canvas where the Block will be added to and click Edit
  5. Click on Layout
  6. Within a Flex, click Add Block. Here, a list of Blocks will appear.
  7. Select Vimeo VOD
  8. The Vimeo VOD Block is now added to the Canvas. You may now add Title, Configure, Automate or Delete the Block.

Configuration options

A Vimeo VOD Block has several configuration options. Some of these options are configured in Jomablue, and some are configured in the video streaming platform embed settings of Vimeo.

Vimeo URL can be added in the VOD Block through the Configuration tab.

Vimeo VOD Blocks can be configured to auto-play video content, or require the user to click Play to start the video (this is configured in Jomablue). It’s disabled by default and we recommend keeping the autoplay turned off. Even if it's activated, the auto-play depends on the attendees' particular browser as well because:

  • Some browsers consider automatically playing the video as spam. Hence, the browser won't autoplay the video.
  • Some browsers will start the video but it starts muted. This may cause confusion for the attendees.

Vimeo VOD Blocks can also be configured to show or hide video controls such as the play bar, volume controls, play/pause controls etc. However, these controls are configured using the Vimeo video streaming platform embed settings.

Note: Please ensure that the embed settings are set to 'Anywhere' or 'specific domains' when uploading a video in Vimeo, otherwise Vimeo VOD Block won't display the video to the attendees.

Recommended settings for hosting your own video content on Vimeo

If you choose to host your own video content on Vimeo, then we recommend that you have your embed settings correctly configured to ensure the best viewing experience for your Attendees.

Embed Settings Recommendations

You'll likely need different settings for different styles of video content, as different contexts require different experiences. We recommend the following:

  • Session video content: When hosting video content to be played during a Session, we recommend emulating a live-stream experience as closely as possible. For this, we recommend disabling the play bar and all like/share/embed buttons, and simply leave the fullscreen button active.
  • Other video content: For video content hosted on a Vendor Canvas, Lobby Canvas, or a Session Canvas (after the Session has ended), we recommend a more traditional embedded video setup by enabling the playbar as well as the fullscreen button.

Set up your Embed Presets

If you're hosting a large number of videos with Vimeo, we recommend taking advantage of the Embed Presets feature in Vimeo, which allows you to define a preset group of settings and then quickly apply them to each video. To manage your embed presets:

  1. Navigate to the settings page of one of your videos
  2. Click Embed on the left hand side of the screen
  3. Click Manage presets
  4. Alternatively, if you are logged in to Vimeo, simply click this link
  5. Click on Add new preset to create a new preset
  6. Give the preset a meaningful name
  7. Click Continue
  8. From here, you'll see a preview of an embedded video, and the preferences you are able to change:



Session video recommended presets

The recommended settings for "live" Session videos are as follows:


Video-on-demand recommended presets

The recommended presets for all video-on-demand content are as follows:


Once you have created your preset:

  1. Scroll down to the bottom of the screen and click Save
  2. Note that we recommend leaving the checkbox marked
  3. Also apply to existing videos unchecked, as this may apply the preset to unintended videos

Apply your presets

To apply a preset to a video:

  1. Navigate to the video's settings page
  2. Click Embed on the left hand side
  3. You'll see a drop-down menu with the currently-selected embed preset. Click on this drop-down
  4. Select your newly created embed preset
  5. Click the Save button that appears at the bottom of the screen:

Note: Jomablue is not responsible for any updates that Vimeo applies to its own software, so while we will endeavour to keep this article up to date, it may not correspond with the latest version of Vimeo.


Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
Access denied
Access denied