Launcher

Transforming the fan experience with a single destination for all interactive content

What is Launcher?

Launcher is the one-stop destination for all interactive fan Experiences. Rather than hunting through different pages and apps, fans will find everything in one place - quizzes, predictions, polls, and other engaging content - all organised and easy to browse.

How do I create and manage a Launcher project?

To get started quickly, try a preconfigured Experience. Navigate to Experiences inside Studio and select the Launcher (💡Coming soon). You can further configure your Launcher after setup using step 4. Alternatively, for more control over the initial setup, follow the steps below to manually set up a Launcher project.

1

Create a Project

Create a regular Project.

2

Associate the Launcher App

When creating a project you will need to associate the Launcher App so that it becomes a Launcher project.

3

Create an Event

Create a regular Event. The Launcher UI is not visible to fans unless your Event is live.

4

Configure Launcher

Launcher uses many of the concepts used in Experiences and it's made up of two areas:

• Promo Carousel - A carousel of slides configured in Event Settings.

• Timeline - A feed of Elements where the latest published appears at the top

  • Sections - An Element which displays a collection of cards in either a rail or grid layout.

See below for more information on these areas.

What is the Promo Carousel?

The Promo Carousel is an area at the top of the Launcher which displays Experiences as swipe able slides. Typically used to highlight featured Experiences, it's configured per Event and styled using the global UI components.

How do I add a slide to the Promo Carousel?

Go to Event Settings, Promo and add a slide. Each slide has configuration settings outlined below:

Promo Carousel slide settings

Title	Apply a clear title to the slide, giving fans an immediate understanding of its purpose and identity.
Subtitle	Add a subtitle to provide additional context or brief instructions, giving fans more detailed information about an Experience at a glance.
Button text	Customise the button text to provide a clear and specific call-to-action, ensuring fans understand the outcome of their click before they interact.
Images	Upload unique background images for mobile, tablet, and desktop sizes. This provides full control over the art direction and ensures a fast-loading, visually optimised Experience for fans on any device.
Slide background colour	Set a background colour that is visible behind slide images and fills the remaining space.
Slide background gradient direction	When background colour is a gradient, customise the gradient direction to produce specific visual styles and branding.
Launcher mode: 1. Experience 2. URL	Define the specific on-click behaviour for each slide. 1. Opens an Experience 2. Opens a URL
Experience Host	Enter the Experience Host, the studio instance that this Experience is hosted on such as EU or US.
Experience Project ID	Enter the Experience Project ID, to locate the Experience from within Studio.
Experience Event ID	Enter the Experience Event ID, to locate the Experience from within Studio.
External URL	Assign a URL to the CTA and direct fans to any outside of Studio webpage. This extends the user journey by seamlessly connecting them to sponsor sites, news articles, or other relevant online content.
Open URL in new tab?	Uncheck to open the URL in the current browser tab or check to open in a new tab.

What is a Section Element?

A Section Element displays cards in either a rail or grid layout. Each section includes a title and subtitle that provide context for the cards it contains. Cards consist of a title, subtitle, and image, with only the image being required. Cards can either launch an Experience from within Studio or open a URL.

How do I create this Element?

From inside an Event, press the [ + Element ] button to open the Element selection menu and select the Element you want to create. Elements are placed on the timeline of an Event, with Timing properties based on the Element type. Read more about Timing here.

Element setup

When creating this Element you will see the following tabs in Studio to configure your Element:

Content

Title	Apply a clear title to the section, giving fans an immediate understanding of its purpose and identity.
Subtitle	Add a subtitle to provide additional context or brief instructions, giving fans more detailed information about the section at a glance.
View: 1. Rail 2. Grid	Choose between two layout options for displaying cards: Swipe able rail - Displays cards in a horizontal, scrollable row that fans can swipe through Grid layout - Displays cards in a structured grid format with multiple rows and columns
Sections (Cards)	Add multiple card items and directly control their display order. This sequencing is reflected in your live Experience, creating a logical and intuitive layout for fans to navigate.
Card - Title	Apply a clear title to the card, giving fans an immediate understanding of its purpose and identity.
Card - Subtitle	Add a subtitle to provide additional context or brief instructions, giving fans more detailed information about the card at a glance.
Card - Image	Upload an image to each card, which is the only required field. This ensures that every card is visually engaging and immediately communicates its purpose to fans, guiding their navigation through the experience.
Card - Launcher mode: 1. Experience 2. URL	Define the specific on-click behaviour for each slide. 1. Opens an Experience 2. Opens a URL
Experience Host	Enter the Experience Host, the studio instance that this Experience is hosted on such as EU or US.
Experience Project ID	Enter the Experience Project ID, to locate the Experience from within Studio.
Experience Event ID	Enter the Experience Event ID, to locate the Experience from within Studio.
External URL	Assign a URL to the CTA and direct fans to any outside of Studio webpage. This extends the user journey by seamlessly connecting them to sponsor sites, news articles, or other relevant online content.
Open URL in new tab?	Uncheck to open the URL in the current browser tab or check to open in a new tab.

How do I know which Experience Host to use?

The Interaction Cloud is hosted on instances in both Europe and the USA. Each instance has its own host so when linking to Experiences in Studio you'll need to use the specific host URL:

• EU - cdn.monterosa.cloud

• US - cdn-us.monterosa.cloud

How do I style Launcher?

Styling follows many of the same principles and components you'll recognise from setting up Experiences. See styles for more information on styling Apps. However, there are Launcher-specific styles such as "promo" used for the Promo Carousel. Navigate to your Launcher project and go to Styles to view all available style settings.