Quick Start: Creating and Publishing a Portal Experience

Studio User
Create a Portal Experience
Get Started using Gallery

The purpose of this Quick Start is to show you how you can create an engaging portal experience using Brightcove Gallery.


After completing this Quick Start, you should be able to:

  • Configure Gallery settings

  • Use Gallery to create a new portal experience

  • Customize a portal experience

  • Add videos to a portal experience

  • Preview and publish a portal experience

Note: For a step-by-step guide to creating an in-page experience, see Quick Start: Creating and Publishing an In-Page Experience.


Any Video Cloud publisher who needs to create engaging portal experiences without the need for any type of custom development.


Using the Quick Start assets

If you would like to follow along using the sample videos provided with this Quick Start, perform the following steps.

  1. Download the sample files.
  2. Upload the videos to your Video Cloud account.

  3. Add a tag of 'bird in flight' to the Chickadee video.

  4. Create three playlists and add the videos to the playlists as follows.
    Video Playlist
    Clown Fish
    Leafy Seadragon
    Sea Turtle
    Sea Creatures
  5. Using the Players module, create a new Brightcove Player called Gallery Player.

Configuring Gallery with a default player

Brightcove Gallery needs to be configured with a default video player that will be used on your Gallery sites. To configure Gallery with a default player, follow these steps.

  1. Login to Video Cloud Studio.
  2. The current Video Cloud account name will appear in the upper right corner of the page. If you have multiple accounts, click the account selector drop down and select the account you would like to create the experience in. Note that this should also be the account that has the videos you want to use as well.
  3. Click Gallery in the navigation menu.
  4. When first getting started, you will be prompted to select a default player. Click that link or click the Settings link.
  5. Click Players in the left navigation.
  6. Select the player that will be used on your Gallery sites. If you are following the steps in this Quick Start, select the Gallery Player you created earlier.

    Note: As a best practice, we recommend you create and style dedicated players for your Gallery sites.

  7. Click Save.

Creating a new portal experience

To create a new Gallery portal experience, follow these steps.

  1. Click the Experiences link at the top of the page.
  2. Click New Experience.
  3. Click the Portal link at the top of the page. A list of portal templates will be displayed. Locate the Mosaic template and click Choose.

    Note: Once you select a template it can't be changed. For more information Gallery templates, see the Overview of Gallery Portal Templates topic.

  4. Enter an Experience Title and Experience Description. For the Pre-Populate experience? setting, select No thanks.
  5. Click Create Experience.

The Gallery Site Editor will open. The experience title will appear at the top of the page. For more information on changing the title, see Configuring site description settings.

Changing the theme

The Gallery Site Editor is used to customize the experience and provides the ability to manage page layouts, videos, styles, social settings, discovery settings, general site settings and calls to action.

The Style settings can be used to customize the site colors and fonts that are used on the experience. To change the site styles, follow these steps.

  1. Click the Styles icon in the left navigation.
  2. Click the Theme link and then click the Triton theme.

For more information on changing the site style, see Customizing the Style of a Portal Experience.

Adding objects to a page template

Each portal template provides a set of page templates that can be customized. The page templates that are provided depend upon the portal template that was selected. The Mosaic template provides Home and Category page templates. These pages can be seen in the left margin.

To add objects to a page template, follow these steps.

  1. Click the Pages icon in the left navigation.
  2. Click the Home page in the left margin. Pencil icons () indicate areas on the page that can be edited.
  3. At the top of the page, click on the SITE NAME OR LOGO area.
  4. Select the Upload option and then click Save. An +Add Photo placeholder will be added to the page.
  5. Click on the +Add Photo placeholder.
  6. Click Choose File and then browse and select Animal World Logo.png. This file is provided as part of the sample assets. Click Save.
  7. Verify that the image appears in the page header.
  8. Scroll to the bottom of the page. Click on [YOUR BRAND]. Enter Animal World for the title and then click Save.
  9. Click on the Category page in the left margin. Notice that the header image and title text appear on that page as well. Go back to the Home page.

For more information on adding objects to page templates, see Customizing the Content of Portal Experience Pages.

Creating collections and adding videos to the collections

Using the Gallery Site Editor, you can select which videos to display on the portal. When creating a portal experience, videos are organized into collections. Collections are created based upon Video Cloud video metadata and can include:

  • Video Cloud playlists
  • Keywords
  • Custom metadata
  • Tags

Videos from a YouTube account can also be added to collections. For more information on creating collections and adding video to your site, see Adding Videos to a Portal Experience.

To add videos to a portal site, follow these steps.

  1. Click the Videos icon in the left navigation.
  2. Name the collection Birds and then press enter.
  3. Click the collection name.

    The collection editor will open.

  4. Select Video Cloud for the Collection Source and select Playlist for the criteria.
  5. Click the Birds playlist. All of the videos in the Birds playlist will appear in the videos list. Click Save.

    Note: When using a playlist video assignment, the order of the videos is based upon the playlist settings that were set in the Media module.

  6. Create another collection named Animals using the Animals playlist as the criteria.
  7. Create another collection named Sea Creatures using the Sea Creatures playlist as the criteria.
  8. Create another collection named Birds in Flight. Select the Custom as the criteria.
  9. For the videos to include, select Tags and add a tag of 'bird in flight'. Press enter.
  10. Order videos by Most Recent.
  11. Confirm the the Chickadee video appears in the Video Collection list. Click Save.
  12. Confirm that 4 collections have been created.

    Note: You can change the order of the collections by clicking and dragging the collection to a new position.

Customizing the social settings

The social settings provide viewers a way to easily share your content to popular social media sites. You can also provide a way for viewers to quickly access your social media sites. For more information on customizing the social settings, see Customizing the Social Settings for a Portal Experience.

To configure the social settings, follow these steps.

  1. Click the Social Settings icon in the left navigation.
  2. Click the Video Sharing link.
  3. Select the Dark icon on light option.
  4. Select all of the Sharing Options. These options will appear next to the player when the site is published.
  5. Click the Stay Connected link at the top of the dialog. By supplying your social media account information, the Gallery site will display icons in the footer of pages giving viewers direct access to your social media sites.
  6. Enter your social media information or just enter brightcove for the Facebook, Twitter, Google+ and LinkedIn sites.
  7. Select the Light icon on dark option.
  8. Click Done to save the settings.

Customizing the discovery settings

By configuring the discovery settings, you can configure the site description settings and add site search capabilities. For more information on customizing the discovery settings, see Customizing the Discovery Settings for a Portal Experience.

To configure the discovery settings, follow these steps.

  1. Click the Discovery icon in the left navigation.
  2. Click the Site Details link.
  3. The Name and Site Description will display the values entered when the project was created. Add the following Keywords:
    • Animal World, birds, animals
  4. Click the Site Search link at the top of the dialog. By enabling site search, search capabilities will be added to the site pages giving viewers a way to search your content.
  5. Check the Enable Search option.
  6. Click Done to save the settings.

    Note: The site map will not be available until the experience is published.

Previewing and publishing the experience

Previewing an experience lets you see how the portal is going to display on mobile, tablet and desktop devices. The portal can be previewed in a new browser tab or a shareable link can be generated so others can preview the portal. For more information on previewing and publishing a portal experience, see Previewing and Publishing a Portal Experience.

To preview and publish the experience, follow these steps.

  1. Click Preview and then click Responsive Preview.

    Note: The experience can also be previewed on the Experiences page by selecting the experience and then clicking Preview.

  2. The preview will open in a new browser tab.
  3. Close the site preview tab.
  4. To publish the experience, click Publish or from the Gallery homepage, click the Publish link that is associated with the experience.

    Note: When portal experiences are created, a random, static URL is assigned to the site. For information on using your own custom domain for the site, see Configuring Custom Domains and SSL.

  5. On the Publish Confirmation dialog, click Publish Now to confirm the site publication.