Adding Boxes and Rows to a Landing Page | Zoho LandingPage User Guide

Containers

Containers like boxes and rows help organize content and make it easy to navigate and visually appealing. They highlight important information, guide users through the landing page and improve the overall user experience of the landing page.

Inserting a box

  1. To add a box to your landing page, click on the Insert button to view the menu.



  2.  In the menu, click on the Elements tab and choose Box from the types of container elements that can be inserted in your landing page.



  3. The box is now inserted in your landing page. You can now click on Add Element to add any element of your choice in the box. Access the Box Properties by clicking on the Properties Icon next to the element name in case it is not visible already. 




  4.  In the Properties tab, you can keep the box fixed on the screen as users scroll. By making an element sticky, you can ensure that key elements are always accessible without the need to scroll back to the top.



Inserting a row

  1.  To add a row element to your landing page, click on the Insert button to view the menu.



  2.  In the menu, click on the Elements tab and choose Row from the types of container elements that can be inserted in your landing page.



  3.  The row is now inserted in your landing page.  You can now click on Add Element to add any element of your choice in the row. Access the Row Properties by clicking on the Properties Icon next to the element name in case it is not visible already. 



  4.  In the Properties tab, you can split the row into multiple columns using the Ratio feature.  Further you can use the vertical alignment feature option  align the position the columns as top, center and bottom.