In this conversation, the speaker discusses the different components in CMS, their functions, and how they can be used in designing and styling.
The pages in the CMS are built in sections, where every page consists of multiple sections. The homepage consists of different sections such as a hero image, information section, live streams content row, and a content row that displays videos on the platform.
To build a page, a new page can be added or an existing page can be edited. To add a new section, simply navigate to the page you would like to modify, and click on the “Add new section”. Then, select which section you would like to add to the page. Various different sections in the CMS are categorized under content, information, images, video, and other.
Content Row is a horizontal row that contains content for the platform. On content row, videos or live streams can be displayed. The content type can be selected, and a collection, category, or specific channel can be chosen.
The carousel or slider displays content and can handle multiple feeds. Different feeds can be set up to display information or content from a live stream or content from videos. The settings in the carousel options can be adjusted to control the total limit, duration of each slide, etc.
A static slide is an option in the carousel if an image with text is desired that isn't dynamic content. A button can be added to the slide to link to a page on the platform or an external page.
The Vertical Content Feed is a component for displaying content like live streams or videos in a more vertical way. It has two modes: grid mode and row mode, where content is displayed in either rows or grids. One use case for this component is creating an "all my videos" page where all the videos can be displayed, and users can select different channels in a drop-down to see all the videos in a grid from that channel. Another common use case is to display an upcoming live stream schedule using the row configuration of the component. The Vertical Content Feed is usually used on its own page, but it can also be used on other pages.
Product Display is a component to display subscriptions and packages, and it is automatically included on all new platforms under the "/subscribe" path. This component is usually not added to other pages, but it can be if desired. By default, the component is displayed with preview data, and it can be styled in different ways. The component also has an option to switch to a tab mode, which will put subscriptions first by default and packages hidden in a tab. The page can also be configured to display a message if there are no products available or if seasonal subscriptions are not active.
The checkout is a way of grouping products together that the speaker wants to display together. For example, it can consist of two products, a monthly subscription and a yearly subscription, but if you have different products, you can add them as well to the same checkout, or create a new one and display that checkout on another product page. The checkout is just a collection of products, and it helps to group products together in order to display them together.
Box navigation is a navigational component that adds links in boxes. The application for this is if you have a start page and you want to direct your customers into different subpages. It is a nice way to do that, and is a popular component to add to your platform. Box navigation allows you to manage boxes and change the link, add a background image to the box, add text, and change the text. The boxes can also be styled together.
The information section allows you to add a title and paragraph in different languages. You can also add a "Learn More" link that directs users to another page with more information. Additionally, you can display statistics with a static number.
The channels feed displays all the channels in a selected collection in a grid. You can choose different options for displaying the logos or images of the channels. This component is useful for displaying multiple teams or channels on a page. Each logo is linked to another page with more information about the channel.
The channel page is a special component that displays information about a specific channel. It requires a page set up in a special way for it to work properly. It displays the title, description, live streams, and videos of a channel. This component is useful for displaying information about many channels without having to create a custom page for each one.
The hero/cover image is a large image used on the top of the platform. It has a title, subheader, and the option to add a button with a call-to-action. You can also use a video instead of an image.
The Custom Logo section is used to replace the main logo on a subpage with a custom logo. This is useful for making subpages more branded.
The App Marketing section is used to display information about a company's mobile apps. It allows for the configuration of fields with the correct links to the app stores and for the changing of text.
The Promote Section section is a button and background that can be used to segment a webpage. It can be used to add a button to the subscriptions page, for example.
The Redirect Page section allows for the redirection of users who visit a webpage to a different URL. It can be useful for changing the URL of a page that has already been shared with others.