PrestaShop Site 2.0
Build template files and create content all in the live drag & drop editor - zero coding required.
SiteBuilder works best with the Classic theme.
Enjoy Design Freedom
The SiteBuilder has almost everything we need to build a PrestaShop website using its drag & drop interface, it builds not only the content but also template files with its two main features the Content builder and Theme builder.
The old way of building a website is to buy a theme for its template files and buy some modules to add content, the SiteBuilder provides a new easy way to build template files and create content all in its live drag & drop editor - zero coding required, it really gives you the creative freedom to turn your ideas of every part of your website into reality.
Read moreShow lessAll-In-One
Instead of buying a theme and 10+ modules to make them work along, why not buy everything you need in one go.
Product page builder
Build high converting product pages.
Read more
Header & megamenu builder
Build a nice header wight a megamenu in no time.
Discover the builder
Hot
Product miniature builder​
The feature is also called "Loop" or "Product card", you can define how products are going to be displayed, and then apply the same layout for selected products. ​
View product miniatures
Category miniature builder​
The feature is also called "Category loop" or "category card", you can define how the categories are going to be displayed, and then apply the same layout for selected categories.
View category miniatures
New
Popup builder
Engage visitors with stunning popups.
Discover
New
Sidebar & mobile menu builder​
Create user-friendly sidebars and mobile menus.​
View more
Category page builder
Create stunning category pages.
Discover
Hot
Native page builder​
It's like you can create your own themes.
View prebuilt pages
Quick view builder
Built an Eye-catching quick-view page.
View quick view demos
Footer builder​
Create custom footer layouts
Discover
Custom page builder
Builder landing pages and blog pages. All the introduction pages you see on this demo are custom pages.
All features
Drag and drop to build every part of your website. View your website as you build it and see your designs come to life in real time.
View all feature
Reduce 3rd-party modules
No more pain from fixing compatibility issues from 3rd party modules. Take care of every website creation need with Sitebuilder.
120 + Widgets for Every Purpose
Create your modern PrestasShop site using built-in 120+ widgets. Actually, the amount does matter, the capability of them matters.
Demos
Browse our demos to see how nice your PrestaShop site could be. Copy & paste to start your design phase and create unique combinations with ease.
Elements
Browse elements to see the capability of Sitebuilder.
SiteBuilder Structure
This SiteBuilder is composed of 3 main parts: Theme builder, Miniature builder, and Content builder.
Theme builder
Homepage
Theme templates
Product page
Set to use different templates by product/category/brand
Quick view page
All brands page
Category page
Product listing page
New products / Bestsellers / Prices drop / Brand / Search
CMS page
Custom pages
Build landing pages and blog like pages.
Header
Footer
Popups
Native pages
404 page not found
Contact us
No products page
Maintenance page
Cart page, my account page, login page
Coming soon
Sidebar
Sidebar cart / search / size chart
Mobile menu
Miniature builder
Product miniature
Category miniature
Brand miniature
Content builder
Hooks
Add content to any hook
Advanced hooks
Add content for selected products/categories/brands
Some hooks on the product page
Some hooks on the category page
Shortcode
Breadcrumb
Catalog
Product description and Product summary
Category description
Cms content
Addons
Instagram
"Product comments", "Quick buy", etc are coming soon.
Reasons To Love SiteBuilder​
Reasons To Love SiteBuilder​
Reasons To Love SiteBuilder​
Reasons To Love SiteBuilder​
1
Latest Elementor v3.14
Based on the latest version of Elementor (v3.14+), new features will be added regularly.
Other builders are based on very old versions of the Elementor and can't be updated anymore.
Other builders are based on very old versions of the Elementor and can't be updated anymore.
Panda theme
Section & column
Flex & Grid
All layouts
A not that accurate ability comparison of 3 layout models.
2
Flex & grid
Good Bye, the old "Section & Column" layout. Say Hello to the new "Flex & Grid" layout. The capability of the "Flex & Grid" layout is way beyond the other two.
- What a premium theme, like the Panda theme, can do is limited in terms of layout.
- The "Section & Column" layout is old school, it's okay, but not enough.
- The "Flex & Grid" layout is mainstream, it can almost do everything, with way less code.
3
Page Builder
Page builder and Content builder, don't be confused. Page builder is used to design the structure of a page.
Isn't it amazing that you can drag and drop to build pages? We used to use pages provided by a theme, there's not much we can do about the page layout.
With Sitebuilder you don't need to buy a theme anymore, you can create and style pages easily using the drag-and-drop interface without coding, it's like you can create your own themes. Here is a list of pages that can be built with the SiteBuilder
Isn't it amazing that you can drag and drop to build pages? We used to use pages provided by a theme, there's not much we can do about the page layout.
With Sitebuilder you don't need to buy a theme anymore, you can create and style pages easily using the drag-and-drop interface without coding, it's like you can create your own themes. Here is a list of pages that can be built with the SiteBuilder
4
Miniature builder / Loop
The way products are displayed on the homage page and the listing page is important. With a theme, you probably can't customize product miniature.
With SiteBuilder you get creative freedom to design your product miniatures.
With SiteBuilder you get creative freedom to design your product miniatures.
5
Menu builder
Menu builder
Build a mega menu in one go using any widgets you like.
6
Mobile-first design
Built with the success of mCommerce in mind, SiteBuilder has some excellent features for building a mobile-friendly shop.
7
Sidebar & popup builder​
Use sidebars to keep the most important buttons always in view, like cart, wishlist, and account details.
Create some popups to capture your visitors’ attention for promotional content.
Create some popups to capture your visitors’ attention for promotional content.
8
Custom page builder
Create landing pages with ease. Landing pages can have a completely different look and feel from other pages. They can have a different header and footer or even without header and footer.
The custom page feature can also be used to create blog-like pages. Display those blog-like pages on the homepage using the Content slider widget or Slide Anything widget, that's a blog feature.
The custom page feature can also be used to create blog-like pages. Display those blog-like pages on the homepage using the Content slider widget or Slide Anything widget, that's a blog feature.
9
Customizable Breakpoints​
Breakpoints are used when designing your website to be responsive across all devices. Different content & different layouts will be shown based on the width of the screen and your breakpoints settings. With SiteBuilder you can set 2 to 6 breakpoints, the value for each breakpoint is also customizable.
10
Multi-languages​​
SItebuilder provides two ways, choose one accordingly:
1. The same layout for all languages.
If you are going to create a record from all languages with the same layout, then leave the language field be empty to make the record show for all languages. There is a language switcher along with every text field, use them to enter different content for different languages.
2. Different layouts for different languages.
If you are going to create a record for a specific language, then select a specific language in the "Language" field. The record only shows in the selected language. The advantage of this way is that you can have different layouts for different languages.
11
WebP & Retina
1. Serve Images in Next-Gen Format WebP.
SiteBuilder 100% support Prestashop 8's webp feature to display product images and categroy images in webp format.
2. Hight resolution image / Retina
Deliver large images at twice their regular sizes for retina displays for users to see crisp product images instead of blurry ones.
12
Best lazyloading
Loads images in the viewport only. Any out-of-view images will not be loaded to greatly improve page loading speed.
Images in the invisible area or lower part of a page will not be loaded at the beginning, they will be loaded only when they enter the user's viewport or come into the visible area of the web page.
Images in the invisible area or lower part of a page will not be loaded at the beginning, they will be loaded only when they enter the user's viewport or come into the visible area of the web page.
13
SVG
Scalability, small file sizes, SEO-friendly metadata structure, etc. Those excellent characteristics set SVG apart from other image types. The best file type for website graphics, logos, and icons.
Scalable
Shape on every device.
Lightweight
Around 10 icons are enough for a PrestaShop site in most cases, they can be loaded very fast and cached.
No unnecessary requests
SVGs can be embedded into HTML, they do not need the browser to send requrest to server to get them.
SEO friendly
SVG files are defined in XML text files, so keywords and descriptions can be used and more easily recognized by search engines.
Scaleable
Meet The Live Editor
You can try editing anything you see on this site including this page to see if the sitebuilder would work for you before purchasing.
Demo Site Structure
This site is running on PrestaShop 8 installation with the Classic theme and the multistore feature enabled.
PrestaShop 8 + The Classic theme
Store 1
Categories
Custom pages
Store 2
Custom pages
All the other introduction pages.
Categories
No wonder the products added to the cart on the Yoga page would appear on the Ski and Gimbal pages because those pages are under the same site.
FAQs
What is Sitebuilder?
Work on the native Classic theme
Can it work with Preminum themes?
Mee The Developer
Our team spent the last 2 years developing this SiteBuilder module for PrestaShop, it finally got released on Nov 7th, 2023 with 70% of the planned features done. That's not the end, it's the start of the second phase of development, we will create online documentation, develop the rest 30% of the planned features, support, and take your feedback. If you have any suggestions, please send us a message here on PrestaShop Addons.
Jonny Li
Jonny Li
Lead developer of SiteBuilder
Read moreShow less
Developed by expericed developers
10+ years of experience
From 1.5 to 1.7, from 2011 to 2021, our team members have grown from beginners to PrestaShop experts.
4.9 Star Rating
Two well known PrestaShop themes + 30+ PrestaShop module, we got 4.9 stars over 1000+ reviews.
First class support.
Developers of sitebuilder provide you with support, not robots.
Partnership
For web agencies and freelancers, we can provide you with a discount based on the number of licenses you are going to buy in a year.
Credits
- Sitebuilder is built based on the elementor for Wordpress.
- Images on the demos were bought from Shutterstock, don't use them on your sites.
