Elements

Elements

Elements enable you to add a range of content types to your website, each with its customization options. Use elements to build the website you have always wanted. You can choose from a range of elements, such as text, images, buttons, dividers, audio, video, and much more.

 

To add elements  

Depending on your preference, there are two ways to add elements to your page.

  1. Click the Add  icon in the top-left corner of the builder, then choose Element. From the tray of options, drag and drop elements of your choice on your page.

  1. Alternatively, hover over the section where you would like to insert an element and click Add Element. You'll see the same tray of options from which you select the element you would like to add to your page.


To edit elements   

Each element comes with its own set of customization options. You can find these tools alongside the element after you have added it to your page. They also appear when you click an element.


You can click and drag toolboxes to create more space on the screen.


To customize elements   

  • Click the  icon to make changes.  You can make modifications by switching between tabs to edit the properties of the element. Customization options include Custom CSS, Animation, Style Editor, and Element Visibility.

  • With Element visibility, you can choose to either show or hide various portions of your website on different devices. This tool comes in handy if you wish to display an element on the desktop version of your website but not on the mobile or tablet version of your website, or any other way around.

 

To move elements   

You can move the elements to different sections of your page using the move option.

  1. Click the element that you would like to move.

  1. Use the four-point arrow to drag and move the element to the area that you prefer.

A blue line indicates where you can add an element and where it will appear.


To clone elements   

The clone option enables you to make duplicates of various elements and sections. In other words, if there are any sections or elements that are recurring in your website, you do not have to create them every time. You can simply copy a section and paste it on a spot, then edit it. To do that:

  1. Click the element that you would like to duplicate. Click the clone icon and you will see a notification on your screen reading "Element copied." You can also use the Copy button at the bottom of the element or section.

  1. You can paste the copied element by clicking Paste in the desired section.

  

To delete elements   

  1. Click the element that you would like to delete.

  1. Click the Delete icon .

When an element gets deleted, it leaves an empty section that can be clicked to add another element. This section can also be deleted by selecting it and clicking the Delete icon.

To access your element toolbox

  1. Click the element.

  1. Click the Settings icon . The toolbox for the selected element will appear.


To save progress   

Zoho Sites builder has an auto-save feature that automatically saves your work as you continue to create your site. You can also manually save your work with the Save option. 

To save manually, click the Save  icon in the top-left corner of your builder. Your progress will be saved instantly.


Notes:

  • Use the redo and undo buttons to help you reverse your previous edits. Use the redo and undo button while you work to remove or include your customizations. This tool also comes handy if you have deleted your work accidentally.

  • Use the element and section spacer provided in the builder to create or reduce space between items.

  1. You can enable content stickiness for Box and Column elements by fixing certain sections and elements on your page so that they follow as the user scrolls. You can display important information in a consistent and attractive manner to your visitors.


    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









                                            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

                                                                                                              • Elements - Text

                                                                                                                Elements like heading and paragraph enable you to add text to your page. To add text Click the Add icon in the top-left corner of the builder. Select Element from the drop-down list. Drag the Heading or Paragraph element, or both, and drop them into ...
                                                                                                              • Elements - Image

                                                                                                                A picture is worth a thousand words. Images create curiosity and draw the reader's attention, adding visual appeal to your website. You can incorporate standalone images, images with text, and galleries. To add images Click the Add icon in the ...
                                                                                                              • Elements - Video

                                                                                                                Video elements can be a valuable addition to your website. You can add background videos, testimonials, product demos, and more to make your website more interesting and useful. To add a video: Click the Add icon in the top-left corner of the ...
                                                                                                              • Elements - Divider

                                                                                                                Dividers are thin horizontal lines that indicate the end of a section and the beginning of the next. Dividers or spacers help to increase the space between elements and sections on your page. Use them when you want to group the contents of your ...
                                                                                                              • Elements - Button

                                                                                                                Buttons are key to any website, which encourages a user towards a particular action. It could be a Sign Up button to encourage subscription, a Book a Free Demo button, or a Buy Now button that converts a visitor into a user. This interactive element ...
                                                                                                                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