Adding Content & Containers to a Landing Page | Zoho LandingPage User Guide

Content

Content types such accordions, carousels, and tabs can enhance the user experience and make a landing page more engaging. They are particularly useful for presenting complex information in a structured and digestible way, allowing users to easily navigate and access the content they are interested in.
  1. To add a carousel 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 Carousel from the types of content elements that can be inserted in your landing page.



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



  4.   In the General Properties tab, you can change the position, style, color and design of the arrow and the controller. You can also choose the direction in which the slides should transition and select the slider interval (the time after which the slide is changed) . Additionally, you can also enable autosliding to ensure all the slides of the carousel are viewed.   

    To make your landing page more captivating, you can also incorporate a full-width carousel section. This feature helps in creating a more interactive and visually stunning user experience.



  5.  In Slide Properties, you can add, remove, rename and reorder slides from your carousel. 


Inserting an accordion

  1.  To add an accordion 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 Accordion from the types of content elements that can be inserted in your landing page.



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



  4.  In the General Properties tab, you can change the style of the accordion and choose if the tabs should be collapsed on load. You can also enable arrows and change their alignment and style. 



  5.  In Accordion Properties, you can add, remove, rename and reorder the tabs in your accordion. 


Inserting a tab

  1.  To add a tabs 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 Tabs from the types of content elements that can be inserted in your landing page.



  3.  The Tabs element is now inserted in your landing page.  You can now click on Add Element to add any element of your choice in each slide. To access the Tab Properties by clicking on the Properties Icon next to the element name in case it is not visible already. 
     


  4.  In the General Properties tab, you can change the style, type, and alignment of the element. You can also enable icons next to the tab names to make it more engaging for your customers. 



  5.   In Tab Properties, you can add, remove, rename and reorder the tabs in your Tabs element.