Skip to content
  • There are no suggestions because the search field is empty.

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:

  1. Website Containers
  2. Website Editors

Website Containers:

  • Website Pages consists of various containers to hold content.

  • The Containers are organized in a hierarchical order of Section > Box > Row > Column.

    Website Containers and Elements Overview step 1
  • 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.

    Website Containers and Elements Overview step 2
  • Furthermore, we can also add an element next to any text by simply clicking on the Add icon.

    Website Containers and Elements Overview step 3
  • There are various elements that we can choose from:
    • Paragraph: Add a paragraph to include text content.
    • Image:  Insert an image by either linking it from an external source or uploading it directly from our device.
    • Video:  Add a Video from external link where it's hosted or upload from device.
    • 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.
    Website Containers and Elements Overview step 4