Understanding Elements

Understanding Elements

Elements help structure the content layout on your page. 

  • Add Elements

  • Edit Elements

  • Move, Clone, and Delete Elements

  • Save Progress

Add Elements

There are two ways to add elements to your page:

  • Click the Add [] icon in the top-left corner of the builder, then click + Element.

  • Next, drag and drop elements from the tray to your page.


OR

  • Hover over the section where you would like an element to appear and click + Add Element.

  • Either click or drag and drop elements from the tray to your page.



 











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 tool boxes to create more space on your screen.












Reposition where elements appear by clicking on them and using the four-point arrow [] to move them.




To delete an element, click on the element, then click the Trash icon [].

 

In addition to editing text, 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.

 

Customization options also 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 would like to display an element on the desktop version of your website that you would not like to portray on the mobile version on your website. 

 











If you have closed the properties box and would like for it to appear again, click the Settings [] icon.









Make modifications by toggling between each tab to set properties to suit your preference.

Move, Clone, and Delete Elements

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

 

Move Elements

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

  2. Use the four-point arrow [] to drag and move the element to the area you prefer.

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


Choose from a range of elements, such as:

  1. Text
  2. Images
  3. Buttons
  4. Dividers and Spacers
  5. Audio
  6. Video
  7. Icons


    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 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


                  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

                                                      • Other Elements

                                                        You can add other elements, as well to your store.   To add these elements: Access the content tray from the Element menu. Drag the element of your choice from the Others section and drop it on your page.   Audio Access the Audio element. ...
                                                      • Understanding Sections

                                                        Sections are the building blocks of a page. Each section can be individually customized, and has a hierarchy based on the elements within.   Sections are created by adding elements to your page. All you need to do is drag and drop elements from the ...
                                                      • Text

                                                        Elements like Heading and Paragraph enable you to add text to your page.   Add Text Access the content tray from the Element menu. Drag Heading and Paragraph elements and drop them in a section on your page. Edit Text Click the text element on your ...
                                                      • Content and Containers

                                                        Content and Containers allow you to add and display elements in various styles. Get creative with these elements will for awesome results. The three content types are: Carousel, Tabs, and Accordion. The two container types are: Box and Row.   Add ...
                                                      • 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 ...

                                                      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