Sections - Building the Areas of your Website

Sections are the building blocks of your page. Each Section is a horizontal container where you can place and arrange any content found on your page.


By default, templates will include multiple Sections. Blank pages will include a single empty Section. 


Add a New Section to your Page


  1. Head to the page you would like to edit.
  2. At the top and bottom of each Section will be a + button to add a new Section.
  3. Click the + button to open the Section browser. 
  4. You can add Sections from your current template, other PageCloud templates, or a collection of professionally designed Sections called "Essentials".
  5. Hover over the Section you would like to add, and click "Add to Page". 
  6. The Section will appear on your page. 
  7. You can edit the Section or any of the content within the Section. 
  8. Click Save and View live to see your new Section on your live page.

Sections are categorized within each collection to help you find what you're looking for


Remove a Section from your Page


  1. Head to the page you would like to edit.
  2. Click Edit in the upper left corner of the Section you would like to delete.
  3. Click the trash can icon that appears to the left of the Edit button. 
  4. The Section and the contents of the Section will be deleted.
  5. Click Save to confirm the changes on the page.



Move Content Between Sections


  1. While editing a page, select the content you would like to move to a new Section.
  2. Click and drag the content to a new Section. 
  3. You will see a purple highlight appear when content is moved into the new Section.
  4. Release the content. It has now been moved to a new Section. 
  5. Click Save and View Live to see the changes to your live site.

An object can be overlaid over multiple sections if the top edge of the object is in one Section, and the bottom edge is in another section. The bottom edge of an object always determines which Section it is contained within.


Expand or Shrink a Section

A Section's height can be expanded or reduced to add more or less content within a Section. 


  1. Select the small circles on the left and right of the bottom edge of the Section.
  2. Drag the circle downwards to expand the Section, or up to reduce the Section.
  3. Click Save to save changes to the page.

A Section's height can't be reduced beyond the lowest object within the Section. To reduce a Section height further, you need to move the object further up in the section. 


Reorder a Section

You can reorder Sections to quickly change the layout of your website.


  1. While editing the page, Select the Section you would like to reorder.
  2. Click Edit in the upper left corner of the Section.
  3. Click the Down Arrow, then click "Move Up" or "Move Down" to reorder the Section. 
  4. Click Save to save changes to the page.


You can also reorder Sections in the Sections tab of the Sidebar. 


  1. Head to the page you would like to edit.
  2. Select the Sections tab in the Sidebar on the left of the page.
  3. In the bottom left of each Section thumbnail is a up and down arrow.
  4. Click the up or down arrow to reorder the Section on your page.


Duplicate a Section


  1. While editing the page, select the Section you would like to duplicate.
  2. Click Edit in the upper left corner of the Section.
  3. Click the duplicate icon to the right of the Edit button to duplicate the Section.
  4. Click Save to save changes to the page.


You can also duplicate Sections in the Sections tab of the Sidebar. 


  1. Head to the page you would like to edit.
  2. Select the Sections tab in the Sidebar on the left of the page.
  3. In the bottom left of each Section thumbnail, click the "⋁" icon.
  4. Select Duplicate. 
  5. Click Save to save changes to the page.


You can also copy and paste Sections using the copy and paste shortcut within a page, or even across pages of any PageCloud site.  Use the CMD+C (on Mac) or CTRL+C (on Windows) to copy and CMD+V (on Mac) or CTRL+V (on Windows) to paste.

Header and Footer Sections


The content found within the Header and Footer Sections of a page sync throughout all the pages where they are present (including blog posts). To learn more about Header and Footer Sections, view the Answer page here.


Hide a Section


  1. Head to the page you would like to edit.
  2. Select the Sections tab in the Sidebar on the left of the page.
  3. In the bottom left of each Section thumbnail, click the "⋁" icon.
  4. Select Hide. 
  5. Click Save to save changes to the page.


You can hide a Section in desktop mode, mobile mode, or both modes. To hide a Section in mobile mode, switch to mobile mode and repeat the steps above.


Section Collections

When adding a new Section, there are three collections to choose from:


Your Template - Sections from the template you began building your site with. 

PageCloud Templates - Sections from all PageCloud templates.

PageCloud Essentials - Pre-built, professionally designed Sections with an unlimited amount of use cases.


Sections in Mobile Mode


While in mobile mode, content within a Section can be rearranged to provide an optimized mobile experience. 

Content within a Section cannot be moved into another Section while in mobile mode.


 To move content to another Section, head into desktop mode. It will then appear in the new Section within mobile mode.


User Icon

Thank you for your feedback!

Was this article helpful?
Thank you for your feedback!