Manage your landing page layout

Overview

In this tutorial, we'll help you manage the sections, rows, and columns of your landing page.

On the left-hand side of the page builder, the Manage layout tab allows you to re-arrange items on a page.

Good to know: Landing pages are available for Premium plans and above.

Reorder sections

Here you will see all the sections of your page ordered from top to bottom.

IzwCO9aSoGGLPmvzY0SZeS1XPSeFhqvy-eMm09F0HtrLNxWa0k2jL2bY1qxjxpcPnptPkBRZfBbb5A-IuUBQi3yCXrI4sOvgDY3HJtmqnA67FJ4shZjkRsHRirng_JvWb1K92FYm.png

The up zPLX-5EPlVilRITyv9NNSv7pJF22oHA3lvkgUmqTh_mSb8WxR42Nn026CcCT7tQ77LsmKktSQwQzjwTQUKdOocOj1YvbJxiaL0BEixg5sUGc1MWq9-rdY4-_Tp-khIpL6bksC3U7.png and down 09mEhYjtP6hSr4xVShXECrrtT8dtfWrK-cmW4aNzbQjkMqqjGfWYseRxB4QR8PZFuSkhN5o-Jcxoz18Y-tfXPlFSxw9nKAKNStLosFtClqM_X85ybiClqjvLcSKDBIYo_Z356u4i.png arrows in the left sidebar will help you move the sections up and down.

When you roll over the arrows or the name of a section, the section is highlighted as it bounces and is framed by two lateral blue bars.

1. To delete a section, click on the bin.

2. To duplicate a section, click on the paper sheets.

3. To edit settings of a section, click on the gear.

Reorder rows and columns

The left sidebar will also allow you to move from a section to rows then columns and back.

To move from a section to its rows, click on the name of the section.

To move from a row to its columns, click on the name of the column.

The up zPLX-5EPlVilRITyv9NNSv7pJF22oHA3lvkgUmqTh_mSb8WxR42Nn026CcCT7tQ77LsmKktSQwQzjwTQUKdOocOj1YvbJxiaL0BEixg5sUGc1MWq9-rdY4-_Tp-khIpL6bksC3U7.png and down 09mEhYjtP6hSr4xVShXECrrtT8dtfWrK-cmW4aNzbQjkMqqjGfWYseRxB4QR8PZFuSkhN5o-Jcxoz18Y-tfXPlFSxw9nKAKNStLosFtClqM_X85ybiClqjvLcSKDBIYo_Z356u4i.png arrows in the left sidebar will help you move the columns left and right.

Within a column, you can add rows.

The up zPLX-5EPlVilRITyv9NNSv7pJF22oHA3lvkgUmqTh_mSb8WxR42Nn026CcCT7tQ77LsmKktSQwQzjwTQUKdOocOj1YvbJxiaL0BEixg5sUGc1MWq9-rdY4-_Tp-khIpL6bksC3U7.png and down 09mEhYjtP6hSr4xVShXECrrtT8dtfWrK-cmW4aNzbQjkMqqjGfWYseRxB4QR8PZFuSkhN5o-Jcxoz18Y-tfXPlFSxw9nKAKNStLosFtClqM_X85ybiClqjvLcSKDBIYo_Z356u4i.png arrows in the left sidebar will help you move the rows up and down.

And within each row, you can add up to 4 columns that can be reordered using the arrows.

When you are editing a column, click on the arrow lPXpFGlHUbM_1UaPqNbFWyYHwLuqykah6mBbU_0i2sB-xDWeHfDD88nznHaHVzUdPxG9hN_LeCRJ5AuyNObQcSe2YED67RS3U4bz6xzl6rCx_rAn4UzzLbohc-aaZm2MGpApQQJp.png to go back to the row it belongs to.

When you are editing a row, click on the arrow lPXpFGlHUbM_1UaPqNbFWyYHwLuqykah6mBbU_0i2sB-xDWeHfDD88nznHaHVzUdPxG9hN_LeCRJ5AuyNObQcSe2YED67RS3U4bz6xzl6rCx_rAn4UzzLbohc-aaZm2MGpApQQJp.png to go back to the section it belongs to.

Good to know: To quickly move from a component to another, hold the shift key of your keyboard and click on the component that you want to edit.