> 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/pages.md).
# Pages
## Navigation
To open the domain console expand the settings section in the navigation bar and click on Domain module.
Page templates panel will open. Page Template Panel contains all created templates displayed in a grid.
## New Template
To create new template press Create New button and an empty form will open.
The form consists of interconnected panels coresponding with specific features.
### Details
To start give template a name.
### Image
Upload a cover image by clicking the file from library button. 
Media Library will open.
Media Library allows you to browse folders and files.
To find a folder or a file use search field and type in at least 2 characters of the title.
To sort files use the sorting field. You can sort files by creation date or by date in ascending and descending order.
To navigate use the navigation bar. Click the folder name to go to specific folder or click the home button to go to home page.
To select a file just click on the file and push add selected button.
#### File Upload
To add files click on add files button. An image upload field will open
Drag files onto the grey field or push add files from disk button and file explorer will open. Select wanted files and push open. Files will load onto grey field.
Now press add button.
Green notification will appear informing you about successful operation. The file should be labeled as added. \
\
Now you can close the upload window, add another one, or add uploaded file directly into the form.
If the notification is red there was an error with the file. Possibly the file already exist. If there is other problem for example with file size contact our support team.
\
To add the file directly to the form by pressing add selected or you can close the upload window.
### Settings
Proceed to adding components to your template. Selected components will be visible in page configurator.
Stride Components are as follows:
* OTT Main Hero
* Thematic Hero
* OTT Format
* OTT Format List
* OTT Playlist
* OTT Playlist List
* OTT External Content
* Advertisment
Once the components are set proceed to categories.
### Categories
Categories are used to divide content on your website into separate sections.\
\
To add a category to your template click on category field and select previously created categories.
### Additional Options
This component allows for set up of custom url for your template
### Visibility Options
This component allows to decide wchich screen sizes the pages can be viewed on
### Publication Options
When the template is done press save button. Created template is visible in the main console.
### Edit
To edit a template click on the template in the main console and push edit template button.
## Pages
***
To open the page form, press create new page button. An empty page will appear, with a collapsible side menu.
Enter Page Name in the top bar
Open the side menu
To add stride components open the side menu and press the component section. Component List will appear:
* Main Hero
* Playlists Feature
* Playlist Grouping
* Format Feature
* Format Grouping
* External Content Display
Press on the component tile to add the desired component.
* To Move hold the arrows icon and drag the component into desired position.
* To Delete press the bin icon
### COMPONENTS CONFIGURATION
***
**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
### User-facing 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
### 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
***
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.
.gif?alt=media&token=1538d150-5ff5-497c-af5d-3773ab986351)
