In Experro Visual Builder mode, you can EASILY drag-and-drop the component from the side panel to the Draggable area.
Components & Widgets serve as the backbone of Experro, providing essential elements for crafting captivating web experiences. By understanding their purpose and functionality, you gain the power to create visually stunning and interactive websites.
In the base theme, components are considered as basic building blocks that can represent different UI elements such as banners, carousels, and more. Each component in the base theme has its own dedicated component file to encapsulate its functionality and styling. By organizing components into separate files, it allows for modularity and reusability within the theme development process.
In the context of the base theme, widgets refer to the icons displayed in the right sidebar when the UI Builder is opened. These widgets are associated with the components created in the cms-library directory of the base theme. Each widget represents a specific component and allows users to drag and drop that component onto the page being edited in the UI Builder. The widgets provide a visual representation of the available components and facilitate the process of adding components to the page layout.

​
Unleash Your Creativity with Visual Builder, Stress-Free

When you drag-and-drop a component, the placeholder content of that component in the Draggable area shows up. The Panel also displays the properties of that selected dragged component. You can change the properties of the dragged component from this Panel including color, alignment, visibility, etc. Have fun exploring Visual Builder and try your hands on various tools! Be rest assured, the changes you make won’t be saved. Feel free to make modifications and simply refresh the page to revert back to the original theme. You can learn more about the Components in Components section. Behind the scenes, when you’re using a component from the Panel, you’re actually using the widget that is associated with the component. You can learn more about widgets in Custom Droppable Widgets section. Now that you have a basic idea of Components and Widgets, you can start exploring.