> For the complete documentation index, see [llms.txt](https://guide.tisagroup.ch/stride/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/stride/website-configurator/components.md).
# Components
## Introduction
Components allow you to configure what viewers will see under the player component.
The system will show related content list and content queue if the content has been added to a playlists. \
Below that you can configure custom components.
## Navigation
To configure the component open the menu expand the page template section click on the Global Page Elements and enter the elements below content. An empty page form will appear.
To the left you will Find a toolbar with 2 sections: components and publication options.
To add a component expand the component section and click on the component you wish to display.
## Components
Components are as follows:
* Thematic Hero
* OTT Hero
* OTT Format
* OTT Format List
* OTT Playlist
* OTT Playlist List
* OTT External Content
* Advertisment
### **Main Hero**
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.
### Playlist Feature
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
To set the Format component click on the search bar. A list of Formats will appear.
{% 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
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
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.
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
### Publication Options
In publication options you can select:
* Save as draft
* Publish
* Plan - allows for automatic publication of format on selected date and time specified in the Publication date field.
### Status
In publication options you will see current status. If the status is published, the date and time of publication will also be visible.
Status can be displayed as:
* Draft - the content is not visible to viewers.
* Published - the content is visible to viewers Published status will display hour and date of publication.
### Editing Components
***
Once the components are set press:
* Save draft - if the format is published this will unpublish it.
* Save changes - if you want to change format settings on the website.
If you want to schedule the publication date again first save it as draft and then select time and date again and press schedule publication.
### Fixed Components
#### Content queue
This component is not listed in the CMS but is visible on the front of your website.
Content queue will appear on the right side of the player when said video is
#### Related content
This component is not listed in the CMS but is visible on the front of your website.
Related content is displayed in the list under the player. Content is selected automatically by tags.
#### Promoted content
This component is not listed in the CMS but is visible on the front of your website.
Promoted content is displayed under related content
