The Section element gives you the ability to create engaging pages that will delight your visitors. You can drag other elements into sections, customize the background, and change the height and position on the page.

 

Select the element: Section

Drag the Section element from the Build tab onto your page. The section will fill the full width of the page where you place it, so choose a spot above or below other elements on the page. If you’re using a Splash page type, you won’t be able to add a section as this style of page is designed to display a limited amount of content with a single background image.

 

Fill the section with content

Next, you’ll want to add content to your section. We’ve put together some pre-made, customizable layouts to help you quickly start building great-looking sections.

 

Preview and save

Click on any one of the layout styles to see a preview of how it will appear on your page. If you like what you see, go ahead and save. You can then rearrange, add or remove any of the elements in the layout and customize them with your own content.

 

Tailor the layout

Don’t see anything you like in the section layouts? No problem - you can add elements manually, too! Just click outside of the layout panel to cancel and start dragging in the elements you want.

 

Format the background 

Each section on a page can have its own unique background color or image, and if you’re a Pro subscriber you can even add a video background. Click on the section and then on Edit Background.

Choose background color

Background colors can be selected using the Hue slider or by entering the specific hex code for the color you want.

Choose image or video as background for the section

For image and video backgrounds, you can upload your own or choose one from our built-in galleries.

 

Change the size

Want to make a section taller or shorter? Click on it and drag the blue bar at the bottom up or down to adjust the height, which will be displayed in pixels as you move the bar. If the tool tip says “Auto”, that means the section can’t be made any shorter, so you’ll need to remove some elements first.

 

Change placement

You can also change the vertical alignment of all elements in a section by clicking on Edit Background, and then Advanced. Elements can be aligned to the top, middle, or bottom of a section.

 

Move and copy sections

Need to move or copy a section to another page? Click on the section and then on Move. You can move a section up or down in position on the same page, move it from one page to another, or copy it to a different page or to the same page.