Visual Editor

Visual Editor

Style your template just the way you like. You can make modifications to properties like Preset color, Header layout, and Banner layout without having to use complex code. Simply open the visual editor and select the desired option.

 

     1. Go to Settings > Visual Editor under Customize. Alternatively, go to Settings > Templates > Visual Editor.











  1. Make changes as required. They can be previewed before you apply them.

     3. Click Save once you're done, or Reset to start over.















Presets

Click to select a preset you like. To customize presets, click Custom Values and click the corresponding hex values and use the color picker to set a color.

Note: You can also add typography such as Base and Heading Fonts by clicking the dropdown and selecting a font from the font library.

 

Header Layout

  • You can apply various header layouts by simply clicking on them.

  • Click the drop-down list to select themes for your Top-bar, Header, and Navigation.

  • Click the radio buttons if you would prefer to have either a transparent or animated header when you scroll.

  • You can also choose from options such as Social Icon Floater, Logo In Mobile, Site Title in Mobile, and more.

 

Banner Layout

You can add banner layouts such as:

  • Full Width

  • Boxed

  • Full Screen

Blog List and Blog Post Layout

The Visual Editor enables you to change the way your blog lists and posts appear. You can choose from various layouts to display your listed posts. You can also choose how you would like individual posts to be displayed.

 

Advanced Visual Editor

We've taken the ability to customize and pushed it one step further by creating the Advanced Visual Editor. This tool combines the functionalities of the customization tool box with the ease of application of the Visual Editor.

 

    1. On the Visual Editor, click Advanced at the bottom of the customization menu on the right.
















   2. Switch between the Element and Header tabs to choose the customizations you require.



        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

                                  Zoho FSM Video Tutorials


                                        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

                                                                                                                                    • How do you change the color for menus or other items in your store?

                                                                                                                                      Any change in design and colors can be achieved using the Visual editor under Site Settings. With the visual editor, you can change the palette range, font, size, and more. To learn more, click here.
                                                                                                                                    • Adding Social Share as an element in your store

                                                                                                                                      Click '+' icon on the top banner of the Site Builder. Click "+ Element" to add social networks as an element in your store. Select Apps from the list of elements displayed, and choose Social Share. Here, you can view and reset the changes made ...
                                                                                                                                    • Custom CSS Editor

                                                                                                                                      Custom CSS Editor allows you to enter CSS scripts directly into the product. Any changes that you require can be added as code snippets or full CSS scripts within the editor itself.  Go to Settings > Custom CSS Editor under Customize. 1. Open Custom ...
                                                                                                                                    • Customize Overview

                                                                                                                                      Any form of customization to your store can be handled from here itself. The available features are: Menus Templates Visual Editor Custom CSS Editor
                                                                                                                                    • Menu

                                                                                                                                      This feature helps you organize your store better. You can group your products under Menu items by categorizing them. You can group your products as Menu items to categorize them Go to Settings > Menus under Customize Settings. You will find a list ...
                                                                                                                                      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