Introduction

• About the platform editor

  The platform editor is a visual tool in the Staylive dashboard that helps you design and structure your platform in a simple yet flexible way. To use the platform editor: Go to https://dashboard.staylive.tv Click on "Platform - manage platform". | The platform editor can only be manages by platform owners and platform administrators. Pages Your platform consists of several pages. You can create and edit these pages from the platform editor. When you open the platform editor you can sSome readers

• Language selections

  How to? To find the options for languages you go through the Dashboard to Platform and then to Manage platform. Then you click General settings and Languages. Possible options? The CMS today has support for swedish, czech, english, danish, spanish, french, german, italian, norwegian, slovakian and finnish. Didn't find the language you were looking for? If you are looking for a language that isn't listen, please send us a Feature Request via the dashboard.Few readers

Sections/components

• Hero image

  A hero image is a section/component that displays an image on a page on the platform. To the hero image you have the possibility to set its height and also set a title and a subheader on top of the image. You can also add a call to action button that takes the viewers to your subscriptions. The hero image can also contain a video (without audio) and you can upload a specific image to fit on mobile devices. ![Example of a hero image](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e18Few readers

• Content Row

  ||| A content row is used to structure your content on the platform, and can show livestreams or videos. A content row can be sorted on a collection, channel, category or tag and is used to sort your content on the platform. Read more about how you could structure your platform: How you can use a content row Sort the content row on a collection. Which means that it will show all content that is uploaded to the channels that areFew readers

• Information Section

  An information section is a section/component that shows title, text and an image presented in a horizontal layout. It can be used for example an about us section. || In dashboard, go to "platform - manage platform" to enter there CMS where you can add a content row on any subpage. Create an information section Press add new section CFew readers

• Box navigation

  A box navigation is a component you can add to make it easier for your viewers to navigate between the content on your platform. A box navigation can link to either a subpage within your platform or an external website. If you have a platform with different topics or leagues and you want to have a subpage highlighted for a certain content a box navigation is a good component to use. ![Example of a box navigation](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/skarmavbild-20Few readers

• Promote Section

  A promote section is a component you can add to to draw the viewer's attention to a clickable button, which can link to either a subpage within your platform or an external website. This component is often used to promote the sign-up/subscription page of the platform. Create a promote section Go to platform - manage platform Select the subpagFew readers

• Vertical Content Feed

  For the fundamental information about displaying content on your platform, please read the guide: Content Row || This guide below will only explain the parts/sections that are exclusively relevant for vertical content feeds. In contrast to the Content Row component, which displays live/video content in a single horizontal row, the Vertical Content Feed component allows you to display livestreams/videos in either of these two options:Few readers

• Product Display 2.0

  The Product Display 2.0 component is a fresh, modern way to showcase your products on your platform! What’s New? Here’s a quick look at some of the highlights: Two Display Styles: Choose between "Divided by Type" and "Single List." "Divided by Type" gives you the familiar grouped-by-type layout, while "Single List" displays everything in one unified list, ordered exactly how you want (also a newish feature in the display groups). Secondary Display Group: Use the plan toggle toFew readers

• Comparison Table

  The comparison table component provides you with an efficient way to show customers a comparison of the products on your platform. Creating a Comparison Table component Go to **Platform - Manage platform **in the dashboard Select the subpage you would like to add the comparison table component to and click to add new section. It is likely that you will want to add this to your /subscribe page, but you might want to add it somewhere on your homepage or elsewhere on your platform. You wFew readers

Styling

• CMS Styling - Text and Buttons

  Many components within our platform builder have text elements within them. This guide explains how you can edit the design of these text elements. Basic styling of text | This basic styling section will provide you with the essential information you need to make your text elements consistent with the overall design of your platform. The advanced styling section further below will provide you with additional tips if you want to create a more advanced design for your platform when dealingFew readers

• CMS Styling - Padding and Margins

  Many sections in your platform will have padding and/or margins styling applied to them by default. To try explain it as simply as possible: Padding refers to the additional empty space that exists between the text/image/icon etc. and the edges of the "box" within which this text/image/icon exists. Margins refer to the additional empty space that exists outside of this "box". ![A diagram illustrating the difference between padding and margins.](https://storage.crisp.chat/users/helpdesk/webSome readers

• CMS Styling - Designing for Mobile vs iPad/Desktop View

  Customers will view your platform on various devices, ranging from small mobile device screens all the way to large desktop monitors, so it's important that your platform looks great when viewed on any device. The default setup and styling that we've applied in our platform editor allows many of the components to adapt well for various screens sizes, but there are some situations where you may need to manually edit some styling for it to be optimized. When you add any styling (e.g. text-lg )Few readers

• CMS Styling - Sizing

  Various elements on your platform, such as images, logos, buttons and containers can be manually sized to adjust their height and width. The fundamental styling that you use for this is h-## (e.g. h-24 ) to define the height and w-## (e.g. w-36 ) to define the width. This defined value can range from as small as 4 to as large as 96, but only at certain intervals, which are provided in our platform editor. It is not necessary to define both the height and the width. If you only defiFew readers

Platform Editor

• Create a new page using the platform editor

  How to create a new page using the platform editor The platform editor makes it easy to create a new page in your platform. You can create as many pages as you want, which can contain a number of different editable sections. Click on Platform - manage platform Click on + Add new page The form below will open, and you can enter the title, description and the path (URL) you want this page to have. The path is the way you link a button/link to this specific subpage in the platSome readers

• Delete a page using the platform editor

  How to delete a page using the platform editor You can delete pages you have created yourself from the platform. Please follow these steps if you want to delete a page: Click on Platform - manage platform in the left menu Select the page you want to delete Click on Page settings in the left menu You must enter the path of your page before you can delete it. **OncFew readers

• Update the name of your platform

  Update your platform name In order to update the name of your platform, follow these steps: Click on "Platform - manage platform" Go into "General settings" in the top right menu Under the section "Platform name", enter a new name for your platform Press save and publish your changes.Few readers

• Add a new section/component to a page

  You can add multiple different sections to a page in the platform editor. Go to Platform - Manage platform Select the page you would like to edit and add the section to. On the page, press Add new section in the bottom left corner. Add a section When you click "add section" you will get into a library of different sections you can add to your page. They are dSome readers

• Edit a section/component using the platform editor

  How to edit a page section using the platform editor You can edit the section of any page using the platform editor: Go to Platform - manage platform Select the page for which you want to edit the section Select the section you want to edit in the side menu This will open the editor for this sections component. You can preview your changes by clicking Save before you publish it. When you are done with the changes press Publish to make the changes it go live on the platfSome readers

• Delete a section/component using the platform editor

  How to delete a section/component using the platform editor If you want to remove a section from a page please follow these steps: Click on Platform - Manage platform in the left menu. Select the page you want to delete a section from. Each section in the side menu has a delete icon. When you click and confirm this icon the section gets removed from the page. ![Click on the trash can icon to delete the section](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/imaFew readers