Website Containers and Elements Overview
Get an overview of how website containers and editors work in Learnyst, including the hierarchical structure (Section, Box, Row, Column) and how to use elements like text, images, videos, and buttons to design and customize your website pages.
In this article:
Website Containers:
-
Website Pages consists of various containers to hold content.
-
The Containers are organized in a hierarchical order of Section > Box > Row > Column.

- Customize the settings of the container to align with preferences.
Elements overview
- Choose from various elements to enhance our Website Page. Simply click on a container, then select the Add icon to place a new element below.

- Furthermore, we can also add an element next to any text by simply clicking on the Add icon.

- There are various elements that we can choose from:
-
- Button: We can Insert a Button and personalize it according to our preferences.
- YouTube: Insert a YouTube video by pasting the video's source link.
- Map: Embed a Google Map to provide location details on the website page.
- Table: Add a table to display data in a structured format on website page.
- Spacer: Add a spacer element.
