50+ Customizable Elements
Create feature-rich content with a vast collection of customizable elements.
50+ elements are
Ready to Use
Perform actions on elements with
Simple Controls
Each element is
Fully Customizable
All Elements You Need
Our 50+ elements are ready to use, highly customizable, and carefully crafted to meet your every need. They are divided into 8 categories: Layout, Basic, Content, Media, Social, Intergrations, Magento, and Others.
Layout Elements
Contain elements to which any other element can be added.
Accordion
Row
Tabs
Pageable Container
Toggle
Basic Elements
Include essential elements that every kind of content needs.
Heading
Text Block
Image
Video
Button
Divider
Icon
Spacer
Raw HTML
Content Elements
Use content elements to display information.
Chart
Table
Message Box
Popup
Pricing Table
Timeline
Circle Counter
Countdown
Progress Bar
Number Counter
Content Slider
Testimonials
Flip Box
Text Path
Media Elements
Add media to your website such as images, videos, icons, etc.
Image Box
Image Carousel
Image Gallery Fotorama
Image Gallery Grid
Image Gallery Masory
Video Slider
Slider
Hotspot/Lookbook
Icon Box
Icon List
PDF Viewer
Call To Actions
Star Rating
Clip Mask
Social Elements
Load items from your social accounts or allow users to interact with your social accounts.
Facebook Comments
Facebook Embed
Facebook Like
Facebook Page
Flickr
Social Icons
Twitter Button
Twitter Timeline
Twitter Tweet
Integration Elements
Integrate third parties into your Magento website.
Google Maps
Sound Clould
Lottie
Magento Elements
Display content that is pulled from your Magento website’s database.
Categories
Generate Block
Other Elements
Some other useful elements.
Back To Top
Process Tracker
Hover Box
Zigzag Divider
Shape Divider
Simple Element Controls
Magezon Page Builder provides simple controls for easy interactions with elements and higher workflow efficiency. These controls allow you to perform different actions on an element.
Add elements to your content by dragging it from the element modal into the builder. Or use drag & drop to quickly move elements to any location.
In addition, access other actions via the control bar or by right-clicking on the element. These actions include Edit, Copy, Paste, Duplicate, Delete, Lock, Disable, Save as Template, etc.
Powerful Customization Options
Each element has its own settings modal that contains multiple customization options. You can modify these options to add content, style the appearance, and control the behavior of elements. Every change to the element settings will be reflected immediately on the builder.
In the settings modal, there are 3 tabs: Content, Design, and Advanced. Each tab consists of different option groups and each group includes a set of options.
Content Tab
Add content to an element. For example, add heading text, image, video, insert a link, or change the element label.
Design Tab
Control the look and feel of an element such as spacing, border, box shadow, filters, animation, and so on.
Advanced Tab
Make advanced modifications to an element like adding custom CSS, hiding it on specific devices, adding scroll effects, etc.
Related Features
Global Elements
Presets
Extendable Styles
The Ultimate Frontend Page Builder for Magento 2
True Visual Drag & Drop Builder. Fast, User-Friendly & Responsive.
True Visual Drag & Drop Builder. Fast, User-Friendly & Responsive.