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.
Depending on your preference, there are two ways to add elements to your page.
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.
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.
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.
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.
You can move the elements to different sections of your page using the move option.
Click the element that you would like to move.
Use the four-point arrow to drag and move the element to the area that you prefer.
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:
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.
You can paste the copied element by clicking Paste in the desired section.
Click the element that you would like to delete.
Click the Delete icon .
Click the element.
Click the Settings icon . The toolbox for the selected element will appear.
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.
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.
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
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.
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.