> For the complete documentation index, see [llms.txt](https://guide.tisagroup.ch/umpire/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.tisagroup.ch/umpire/website-configurator/global-page-elements/elements-below-content.md).

# Elements Below Content

## THE MENU

***

To access the module

{% stepper %}
{% step %}

### Open side menu

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FJSKz7ZcLkAEMFHnX5Yom%2Fimage.png?alt=media&amp;token=9b29ca33-1963-4b03-8654-4922fb399040" alt="" data-size="original">
{% endstep %}

{% step %}

### Expand Page template section

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2Fq9FF8Y9omIcrxp0xyvxl%2Fimage.png?alt=media&amp;token=de9d7ba4-e631-4e10-a6a0-54cb201f8193" alt="" data-size="original">
{% endstep %}

{% step %}

### Click on Global Page elements position

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FlYOrh8RGNEy2OpWCBxcW%2Fimage.png?alt=media&amp;token=cd374fcf-832d-4267-beef-f60b9719b22a" alt="" data-size="original">
{% endstep %}

{% step %}

### Click on Elements below content&#x20;

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FEptODuB0rzgVR3dbGVez%2Fimage.png?alt=media&amp;token=bdee92bb-e091-4362-a614-4b734a23d31a" alt="" data-size="original">
{% endstep %}

{% step %}

### Elements Below Content form will open

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FYfYsepmwnEjPwYP3dm3N%2Fimage.png?alt=media&amp;token=ea8f6d1f-9451-4912-8c31-7dbeed571863" alt="" data-size="original">
{% endstep %}
{% endstepper %}

## NEW FORM

***

New Form contains:

* Page Name
* Components menu
* Publication Options
* Work Field
* Close Page Button - will redirect you to your previous screen

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FtkJsySxObN87G6ZDXz2F%2Fimage.png?alt=media&amp;token=74be2b36-1688-4393-9266-9f1feeaa513d" alt=""><figcaption></figcaption></figure>

## ADDING COMPONENTS

***

Open Component Section. Add components according to your needs. Component list corresponds to our OTT Features

&#x20;Components will be displayed in order you have added them.

You can change the order by holding and dragging

You can delete the component

**Components** to choose from are as follows:\
\
OTT Main Hero

OTT Thematic Hero

Ott Formats

OTT Format list

OTT playlist

OTT Playlist list

Advertisment

**Main Hero**

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FxcPo3IQmL7WgAD69dEHy%2Fimage.png?alt=media&amp;token=b5456043-bfc5-4911-9253-48b5a27fec06" alt=""><figcaption></figcaption></figure>

OTT Main hero allows you to feature selected content items. You can decide how content is selected:

* Newest - automatically selects all types content from newest publication date
* Newest featured -automatically selects only featured content from newest publication date
* Newest VOD - automatically selects content by newest publication date from VOD list.
* Manual - allows for selecting material by hand. To select material just click on an empty tile. Content list will appear. You can scroll through content or use the search field. Click on the content item and it will add to the hero component.

<br>

### Playlist Feature

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FZ7nzhokdbmjTeJFFAl90%2Fimage.png?alt=media&amp;token=58a29f1c-eda7-453e-835e-8dca9c16c7d7" alt=""><figcaption></figcaption></figure>

To set the playlist component click on the playlist search bar. A list of playlist will appear. Either select one from the list or type the title and click on the playlist you would like to add.

{% stepper %}
{% step %}
Click on the featured field if you want to feature this content.

{% endstep %}

{% step %}
Type in the name of the playlist

{% endstep %}

{% step %}
Select thumbnail ratio from:

* Horizontal
* Vertical

{% endstep %}

{% step %}
Select content type from:

* Show all
* Show only upcoming premieres
* Hide upcoming premieres

{% endstep %}
{% endstepper %}

### Format Feature

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FndDGg4oNThDfX6uu91CF%2Fimage.png?alt=media&amp;token=1833b73f-e29a-49d4-baef-29f97ac8d55c" alt=""><figcaption></figcaption></figure>

To set the Format component click on the search bar. A list of Formats will appear.&#x20;

{% stepper %}
{% step %}
Either select one from the list or type the title and click on the playlist you would like to add.

{% endstep %}

{% step %}
Click on the featured field if you want to feature this content.

{% endstep %}

{% step %}
Type in the name of the Format

{% endstep %}

{% step %}
Select thumbnail ratio from:

* Horizontal
* Vertical

{% endstep %}

{% step %}
Select content type from:

* Show all
* Show only upcoming premieres
* Hide upcoming premieres
  {% endstep %}
  {% endstepper %}

### Playlist Grouping

This component allows for grouping lists under common topic. To set up list of playlists

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FBYjnJiuafNJyIon28i4t%2Fimage.png?alt=media&amp;token=b2d56f92-04ff-46ce-a3d5-d22686fc8130" alt=""><figcaption></figcaption></figure>

Select the featured field if you want this list to be featured.

\
Select content type from:

* Selected - allows for manual selection of content
* Recently published - shows only content by the newest date of publication.

Select thumbnail ratio:

* Vertical
* Horizontal

Type in the Name of the list

Cilck on the search bar to add playlists or type in the playlist title and click on the selected playlist to add it to the component.

### Format Grouping

This component allows for grouping formats under common topic. To set up list of Formats

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FFVB21gsnQhcWIw5x23DV%2Fimage.png?alt=media&amp;token=a26c2276-3057-4700-a81e-ab560cbc3394" alt=""><figcaption></figcaption></figure>

Select the featured field if you want this list to be featured.

Select the featured field if you want this list to be featured.

Select content type from:

* Selected - allows for manual selection of content
* Recently published - shows only content by the newest date of publication.

Select thumbnail ratio:

* Vertical
* Horizontal

Type in the Name of the list

\
Click on the search bar to add format or type in the format title, then click on the selected format to add it to the component.

### External Content

After selecting External Content Component a following panel will open.

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2F5pYAbQh9AEb7JYxuUGP4%2Fimage.png?alt=media&amp;token=1bc4f424-805e-409c-aab3-e9bad706dc34" alt=""><figcaption></figcaption></figure>

To setup this element on your website:

Input Title

Select thumbnail ratio from

Provide External URL you would like to point user

To move this component

To delete this component

## MANAGING ELEMENTS BELOW CONTENT

***

This page can now be placed on your website. Visitors can now interact with components&#x20;

After the page is saved you can now further edit and rearange all components.&#x20;
