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

Adding Sections to the 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: 

  • To add new section to your website page, go to Admin dashboard > Websites & Apps > Click on the website.

Adding Sections to the Website Page step 1

  • Go to View Pages on the top right corner.

Adding Sections to the Website Page step 2

  • Select the page that you wanted to add new section.

Adding Sections to the Website Page step 3

  • Now in the Website Builder, Select the on the top left corner of the website builder.

Adding Sections to the Website Page step 4

  • Now you can view all the sections types and select the section which you wanted to add in your page.

Adding Sections to the Website Page step 5

  • After Selecting the Section you can now able to edit and move according to your convenience. 

Adding Sections to the Website Page step 6


  • 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. 

    Adding Sections to the Website Page step 7
  • 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.

    Adding Sections to the Website Page step 8
  • 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.

    Adding Sections to the Website Page step 9
  • 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.

    Adding Sections to the Website Page step 10