Website Section Design

Add or delete sections

Watch the video tutorial above on how to add, delete & move sections, as well as how to design your sections.

• To add a section on a content page, click the + Section button.
• To delete a section click the trashcan sign on the right side of the section row. 
• Save

Move sections

Watch the video tutorial above on how to add, delete & move sections, as well as how to design your sections.

• To move a section on a content page, find the cross-looking icon on the left side of the section row. 
• Click and drag a section into the order that you would like.
• Save

Duplicate a section

Watch the video tutorial above on how to add, delete & move sections, as well as how to design your sections.

• To duplicate a section, click on the two overlapping square icons on the right side of a section row.
• Save

Choose a section design style

Watch the video tutorial above on how to add, delete & move sections, as well as how to design your sections.

• To choose a section style for each section, click on the icon under the Style heading.
• Select a style from the overlay.

Please note that each section only has one image container. So, if you would like two images to show next to each other (as you see in many of the examples on our site), you’ll need to create two sections and select the same style for each section.

Choose a section text format 

Watch the video tutorial above on how to add, delete & move sections, as well as how to design your sections.

To choose a section text format for each section, click on the icon under the Style heading. There are three options for text:

1. All text below the image.
2. All text on the image.
3. Only the header on the image, with the rest of the text below.

Image tools for each section

Watch the video tutorial above on how to add, delete & move sections, as well as how to design your sections.

Editing an image

To edit an image click on the pencil icon in the upper right. In the edit overlay there are several options to refine and crop your image.

Link an image

Watch the video tutorial above on how to add, delete & move sections, as well as how to design your sections.

To link an image container click on the chain link icon in the upper right, and then you can choose to link to an external page or an internal page.

Customize images for mobile

Watch the video tutorial above on how to add, delete & move sections, as well as how to design your sections.

To customize how your images look on mobile click on the pencil icon in the upper right (to edit the image). In the edit overlay there are two options specific to mobile:

• Choose the focal point of your image.
• Do not crop.

Note that unless you select the “do not crop” option, landscape images have to crop on a mobile device.

Please also note that the "do not crop" option is not available for the large cover page.

Upload your own photo

Watch the video tutorial above on how to add, delete & move sections, as well as how to design your sections.

To upload your own photo, hover on the image container and you’ll see the Upload option. 

Add a map

Watch the video tutorial above on how to add, delete & move sections, as well as how to design your sections.

To add a map to any image container, hover on the image container and you’ll see the Map option. 

Add a video

Watch the video tutorial above on how to add, delete & move sections, as well as how to design your sections.

To add a video to any image container, hover on the image container and you’ll see the Video option.

Please note that we do not host videos, so you’ll need to input the embed code from YouTube or Vimeo. 

Also, there is no way to add a video to a cover page, nor have a video “auto-play”.

Add buttons to a section

Watch the video tutorial above on how to add, delete & move sections, as well as how to design your sections.

You can add as many buttons as you like to each section. Navigate towards the bottom of a section and you’ll see a Button + sign, where you can add buttons.