Adding Sections to your Website Page

To add a section, simply click on the Section button, choose the one that fits your needs, and customize for a unique webpage.


Sections are essential components in website building, organizing, and presenting content in an easily digestible format. You can add various sections to your website to tailor it to your specific needs. 

In this article we will cover: 

  1. Adding Sections. 
  2. Modify Height for a section.
  3. Add Spacing.
  4. Add animations to a section.
  5. Add a Scroll button
  6. Show or Hide a section for certain device type.

How to Add a Section to Your Website Page: 

  • Click on the Sections button located at the top-left corner of your screen.

    Untitled design (8)
  • Select a section from a diverse range of pre-designed sections that are well-suited for your website page.

    website_sections_1
  • After selecting one, it will appear on your website under your current section.
  • Click on Section to modify the Section settings.

    website_section
  • Height: To change the height of a section, navigate to section settings and change the height under the height label with respect to your preference. 

    website_sections_3
  • Spacing: Within the spacing settings, you have the ability to add spacing around the section. Customize the amount of spacing and even the color of the spacing to enhance the appearance of the section on your website page.

    website_sections_4
  • Animation: We can add animations for our sections
  • Scroll: You can enhance user navigation by adding a scroll button to your section. Choose from a variety of pre-designed scroll buttons numbered from 1 to 14. To remove the scroll button, simply click on erase.

    website_sections_5
  • Responsive: We can also disable certain sections to be visible for certain device types. You can choose the device type and then change the Visibility to visible or hidden.

    website_sections_6