Register

Different containers in the Landing Page Designer

Using the Landing Page Designer to design a landing page is straightforward and you begin by defining your page's overall layout. You can do this by adding empty Containers that divide the blank workspace in the editing area into different rows, where each row can have different slots where you can add items to build your design.

In the Layouts tab, the containers come in these options based on the number and size of the slots they contain:

  • Full Width Container - this row contains one vertical slot which extends to the complete width of your design.
  • Half Width Container - this row is divided into two equally sized vertical slots.
  • 1/3 - 2/3 Container - this row is divided into two vertical slots, with the first having half the width of the second.
  • 2/3 - 1/3 Container - this row is divided into two vertical slots, with the first having twice the width of the second.
  • 3 X 1/3 Container - this row is divided into three equally sized vertical slots.
  • 4 X 1/4 Container - this row is divided into four equally sized vertical slots.

Your landing page design must have at least one container, otherwise, you won't be able to add any items to it. This means that to create your landing page structure, the simplest layout is one that only has one container.