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. 



    Zoho CRM Training Programs

    Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

    Zoho CRM Training
      Redefine the way you work
      with Zoho Workplace

        Zoho DataPrep Personalized Demo

        If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

        Zoho CRM Training

          Create, share, and deliver

          beautiful slides from anywhere.

          Get Started Now


            Zoho Sign now offers specialized one-on-one training for both administrators and developers.

            BOOK A SESSION











                                        You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.




                                            Manage your brands on social media

                                              Zoho Desk Resources

                                              • Desk Community Learning Series


                                              • Digest


                                              • Functions


                                              • Meetups


                                              • Kbase


                                              • Resources


                                              • Glossary


                                              • Desk Marketplace


                                              • MVP Corner


                                              • Word of the Day


                                                Zoho Marketing Automation

                                                  Zoho Sheet Resources

                                                   

                                                      Zoho Forms Resources


                                                        Secure your business
                                                        communication with Zoho Mail


                                                        Mail on the move with
                                                        Zoho Mail mobile application

                                                          Stay on top of your schedule
                                                          at all times


                                                          Carry your calendar with you
                                                          Anytime, anywhere




                                                                Zoho Sign Resources

                                                                  Sign, Paperless!

                                                                  Sign and send business documents on the go!

                                                                  Get Started Now




                                                                          Zoho TeamInbox Resources



                                                                                  Zoho DataPrep Resources



                                                                                    Zoho DataPrep Demo

                                                                                    Get a personalized demo or POC

                                                                                    REGISTER NOW


                                                                                      Design. Discuss. Deliver.

                                                                                      Create visually engaging stories with Zoho Show.

                                                                                      Get Started Now









                                                                                                          • Related Articles

                                                                                                          • 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. ...
                                                                                                          • Zia Content Assistant

                                                                                                            Every line of text on your landing page can help move customers towards a conversion. But writing high-converting and engaging landing page copy is both laborious and time-consuming. With Zia, the AI-powered content assistant that offers intelligent, ...
                                                                                                          • Element properties

                                                                                                            Customizing the typography properties, background, borders, shadows, and spacing of landing page elements can significantly enhance the user experience and visual appeal of your website. Typography properties In the Element Properties window, click ...
                                                                                                          • Favicon

                                                                                                            The favicon is a small image that is displayed next to the landing page's name on browser tabs. This compact logo aids in brand recognition and distinguishes your business from competitors. To add the favicon to your landing page, In the landing page ...
                                                                                                          • Stickiness

                                                                                                            Sticky content allows you to fix certain sections and elements on your page, ensuring they remain visible as you scroll. This technique creates an engaging effect where the background content appears to move while the fixed sections stay in place. ...
                                                                                                            Wherever you are is as good as
                                                                                                            your workplace

                                                                                                              Resources

                                                                                                              Videos

                                                                                                              Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                                              eBooks

                                                                                                              Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                                              Webinars

                                                                                                              Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                                              CRM Tips

                                                                                                              Make the most of Zoho CRM with these useful tips.



                                                                                                                Zoho Show Resources