Element Customization Properties | Zoho LandingPage User Guide

Customization Properties

Customize your landing page elements has several benefits, including improving user experience, boosting engagement, and increasing conversions. By adjusting the appearance, layout, and functionality, you can create a landing page that better reflects your brand and meets the needs of your audience.

Accessing the properties

  1.  Click on the Properties icon next to the element name to access the element properties bar.


Animation

Adding animation to your landing page enhances visual appeal, captures attention, and improves user experience by guiding visitors smoothly through content. It highlights key features, increases engagement, and helps reduce your landing page bounce rate.
  1.  In the Animation Properties tab, you can select the animation type, animation duration, and enable repeat animation if you want the animation to be played on loop. Additionally, you can also preview the animation to choose the right type for the element.



Cascading Style Sheets

Using CSS in landing pages offers several advantages. It enhances visual appeal by providing control over the landing page layout, colors, and fonts.  Additionally, CSS allows for global style changes and reduces repetitive code.

  1.  In the CSS Properties tab, you can click on Open CSS Editor and enter the CSS for the page/element. To apply a particular style to the element alone. enter the required class name in the field displayed to apply the styling to the element.

Show on device

Enabling and disabling elements for specific devices on landing pages can help improve the user experience by ensuring that only relevant and optimized content is displayed. This approach reduces clutter and provides a more tailored and efficient browsing experience for users on different devices.
  1. In the Show on Device tab, you can show and hide the element for mobile, desktop, and tablet users by clicking on the respective icons


Javascript

Using JavaScript in landing pages  helps improve interactivity through dynamic content and engaging animations. It also provides the ability to customize and personalize content based on user behavior.

  1.  Click on the Configuration icon in the top bar of the landing page builder to add your custom script for the landing page.



  2.  In the Configuration menu, click on the Add Script tab and enter the required script for the landing page.



  3.  In the Javascript properties tab, you can apply the particular function for the element by entering the function name in the field and select the Event type to choose when the function must be called.




        Create. Review. Publish.

        Write, edit, collaborate on, and publish documents to different content management platforms.

        Get Started Now


          Access your files securely from anywhere

            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







                                Quick LinksWorkflow AutomationData Collection
                                Web FormsEnterpriseOnline Data Collection Tool
                                Embeddable FormsBankingBegin Data Collection
                                Interactive FormsWorkplaceData Collection App
                                CRM FormsCustomer ServiceAccessible Forms
                                Digital FormsMarketingForms for Small Business
                                HTML FormsEducationForms for Enterprise
                                Contact FormsE-commerceForms for any business
                                Lead Generation FormsHealthcareForms for Startups
                                Wordpress FormsCustomer onboardingForms for Small Business
                                No Code FormsConstructionRSVP tool for holidays
                                Free FormsTravelFeatures for Order Forms
                                Prefill FormsNon-Profit

                                Intake FormsLegal
                                Mobile App
                                Form DesignerHR
                                Mobile Forms
                                Card FormsFoodOffline Forms
                                Assign FormsPhotographyMobile Forms Features
                                Translate FormsReal EstateKiosk in Mobile Forms
                                Electronic Forms
                                Drag & drop form builder

                                Notification Emails for FormsAlternativesSecurity & Compliance
                                Holiday FormsGoogle Forms alternative GDPR
                                Form to PDFJotform alternativeHIPAA Forms
                                Email FormsFormstack alternativeEncrypted Forms

                                Wufoo alternativeSecure Forms

                                TypeformWCAG


                                    All-in-one knowledge management and training platform for your employees and customers.

                                              Create. Review. Publish.

                                              Write, edit, collaborate on, and publish documents to different content management platforms.

                                              Get Started Now





                                                                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


                                                                      • Desk Community Learning Series


                                                                      • Digest


                                                                      • Functions


                                                                      • Meetups


                                                                      • Kbase


                                                                      • Resources


                                                                      • Glossary


                                                                      • Desk Marketplace


                                                                      • MVP Corner


                                                                      • Word of the Day


                                                                      • Ask the Experts


                                                                        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 Demo

                                                                                                          Get a personalized demo or POC

                                                                                                          REGISTER NOW


                                                                                                            Design. Discuss. Deliver.

                                                                                                            Create visually engaging stories with Zoho Show.

                                                                                                            Get Started Now








                                                                                                                                • Related Articles

                                                                                                                                • 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 ...
                                                                                                                                • Images

                                                                                                                                  Image elements are essential in landing pages for their ability to captivate attention, enhance brand representation, and facilitate storytelling. They serve as visual anchors that convey the essence of a brand, product, or service, while also ...
                                                                                                                                • 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. ...
                                                                                                                                • Text

                                                                                                                                  Text elements like headings and paragraphs play a crucial role in conveying information, attracting attention, and guiding visitors through your landing page offer. While the compelling headline helps grab the attention, the persuasive copy or text ...
                                                                                                                                • Sections

                                                                                                                                  Section Properties Under Section Properties, you can edit the background, borders, padding, and spacing of a section to perfect your landing page design. Background properties In the Background accordion, click on the drop-down menu next to ...
                                                                                                                                  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