This article provides a guide on how to use the UX Builder in the Flatsome theme to create professional and eye-catching website layouts. It explains how to add sliders, split columns, add text, videos, and products. The process involves adding elements, selecting layouts, customizing, and saving. It is recommended to practice constantly to master the UX Builder and become more comfortable with it. Although it may be confusing at first, with practice, users can work more efficiently. It is important to explore other website templates and continuously learn to improve website design skills.
In this article, we will guide you on how to use the UX Builder to create a more professional and eye-catching website layout.
Add Slider in Flatsome
- Click Add Elements to add new elements.
- Look for the Elements needed for the website in the left column.
- Click on any Element, such as Slider, and then click Add slides to add images as slides.
- After adding slides, choose the banner or image format, and then press Apply.
- Click Select media to upload an image and edit text by left-clicking on it.
- Add Class to customize CSS in the Advanced area, and press Apply to save.
Split Columns in Flatsome
- To split the column, add a new Element and select Row.
- Choose the number of columns to display and add images or elements to them.
Add Text in Flatsome
- After adding an element, you can add text by double-clicking on the text block or clicking Open Text Editor.
Add Video in Flatsome
- To add a video, click Add element and type Video in the search box.
Add Products in Flatsome
- Install the Woocommerce plugin and add products to the website.
- Remember to press Apply and Update to save your changes.
With UX Builder, practice makes perfect. Continuously work with it, explore different templates, and gradually you will become more fluent and efficient. It may seem confusing at first, but with time and practice, you will master it.
