Creating and Managing Pages

In this topic, you will learn how to create and manage pages.


Pages are used to display video content in a Brightcove Beacon application. There are two types of pages:

  1. Main Menu pages can be in the main navigation of your app, located at the top of the app, as highlighted here.
    main menu pages
  2. Secondary pages can be used as custom View all pages, or placed in a playlist. For full details see the Managing Secondary Pages document.

This document focuses on Main Menu pages.

To create and manage pages, open the Layout module by clicking Layout in the primary navigation. A list of Main Menu pages that have been created are displayed in the panel navigation. A link to see the created Secondary pages appears near the bottom of the panel navigation.

layout home

The homepage provides the ability to perform the following tasks on Main Menu pages:

Creating pages

  1. Open the Layout module.
  2. In the navigation panel, at the top of the page list, click + Create Page:
    create top of page list
  3. You are asked if you want to create a MAIN MENU or SECONDARY page. Choose MAIN MENU.
    page type choice
  4. Check to be sure the new page panel opens:
    new page panel
  5. Enter a Page Name. The number of characters allowed exceeds what you would practically want for a page title, so title length is not a concern. You are NOT allowed to use any special characters in the name.
  6. Next choose the page layout, which controls how your video content is displayed on the page. For each layout you can read the description and click the layout from the list to see a skeleton preview display of the layout.
    layout preview
  7. At the bottom of the navigation panel, click Create to create the page.
  8. At this point, you can:
    1. See the page is unpublished by default.
    2. Click PUBLISH to publish the page.
    3. Edit page settings, including page title.
    4. Change the page layout (on hover).
    5. Click Add playlist to add video content to your page.
    6. Configure page availability.
    page actions after creation
  9. The page settings stamp number 3 that can be configured are:
    • Title & Translations
    • Availability (Schedule, Devices, Locations and Roles)
    • Archive page button
  10. If you wish to return to the list of pages, click the vertical Back to All Pages link. The page that was created is displayed in the list of pages.

For more information on adding videos to a page and configuring page availability see the following documents:

Editing pages

To edit a page, from the Layout module index page, click on the page to edit. The page settings are displayed.

Editing the page title

To edit the page title, click next to the page title and enter a new title. You can also edit the title in multiple languages, if they are enabled for your apps.

Editing the page layout

To edit the layout, hover over the current layout then click Change. Click on a new layout then click Select.

Duplicating pages

Duplicating pages can be useful when you need to create a new page that is similar to an existing page. To duplicate a page, hover over the page name and click duplicate icon.

Rearranging page order

The order of the pages in the left navigation determines the order of the display in a Beacon application. To change the page order, click on the handle in front of the video name (three rows of two dots) and drag it to a new location.

Archiving, restoring and deleting pages

Archiving a page removes it from the application but it does not delete the page. To archive a page, follow these steps:

  1. Hover over a page then click settings icon next to the page name. This opens the Page Settings dialog.
  2. On the bottom-left of the page settings dialog, click Archive page.
  3. Note that the page is immediately archived and you are returned to the index page of the Layout module with the archived page no longer in the page list.

To restore or permanently delete the archived page, follow these steps:

  1. At the very bottom of the navigation panel, click the link that shows the number of archived page:
    number or archived pages
  2. Confirm that the list of archived page appears (Main Menu pages will appear by default):
    restore or delete
  3. Hover over the page you wish to restore/delete.
  4. Click restore page to restore the archived page, or click the delete page to permanently delete the page.
  5. Confirm that you are returned to the index page of the Layout module where you see the page list. If you restored a page it will appear in the page list, but in an unpublished state.