Magical Shop Builder
The complete WooCommerce page builder for Elementor. Design every page of your store with 68+ powerful widgets and a visual template builder.
What is Magical Shop Builder?
Magical Shop Builder is a comprehensive WooCommerce page builder plugin for WordPress that works with Elementor (free version). It lets you design and customize every page of your WooCommerce store visually—without writing a single line of code.
Whether you need custom product pages, a beautifully designed cart, a multi-step checkout, or a branded My Account area, Magical Shop Builder provides everything you need in one plugin.
Works with Elementor Free! Unlike other WooCommerce builders that require Elementor Pro, Magical Shop Builder provides full template building capabilities with just the free version of Elementor.
Key Features
Visual Template Builder
Create custom templates for every WooCommerce page type using Elementor's drag & drop editor.
Learn more →68+ WooCommerce Widgets
Purpose-built Elementor widgets for every part of your store, from product grids to checkout forms.
Browse widgets →Conditional Templates
Show different designs based on product type, category, user role, stock status, and more.
See conditions →Performance Optimized
Built-in CSS/JS minification, deferred loading, template caching, and lazy load support.
Learn more →Pre-Built Layouts
Start with professionally designed template layouts and customize them to match your brand.
View layouts →Multi-Language Ready
Fully translatable with support for 10 languages including RTL support for Arabic.
See languages →Supported Template Types
Magical Shop Builder lets you create custom templates for every major WooCommerce page type:
Single Product
Product detail pages
Product Archive
Shop & category pages
Cart
Shopping cart page
Checkout
Checkout page
My Account
Customer account area
Empty Cart
When cart is empty
Thank You
Order confirmation
Widget Categories
Widgets are organized into logical categories that match your store's page structure:
| Category | Widgets | Description |
|---|---|---|
| Product Display | 12 | Product grids, lists, sliders, carousels, tabs, categories, search, pricing tables |
| Single Product | 16 | Product title, price, gallery, add to cart, description, meta, reviews, tabs, and more |
| Cart | 6 | Cart table, totals, cross-sells, coupon form, mini cart, empty cart |
| Checkout | 10 | Billing, shipping, order review, payment methods, multi-step checkout, and more |
| My Account | 8 | Navigation, dashboard, orders, addresses, account details, downloads, login/logout |
| Shop Archive | 11 | Product archive, title, filters (price, attribute, category, advanced), pagination |
| Global | 7 | Header cart, breadcrumbs, store notice, recently viewed, comparison, wishlist |
| Thank You | 4 | Order confirmation, order details, order items, customer details |
Quick Start Guide
Install & Activate
Upload and activate the Magical Shop Builder plugin. Make sure WooCommerce and Elementor (free) are already installed and active.
Open the Dashboard
Navigate to Magical Shop Builder in your WordPress admin menu. The dashboard shows your store stats and quick links.
Create a Template
Go to Templates tab, click Add New, choose a template type (e.g., Single Product), and optionally select a pre-built layout to start with.
Design with Widgets
The template opens in Elementor editor. Find Magical Shop Builder widgets in the sidebar panel and drag them into your design.
Set Conditions
Back in the dashboard, set conditions like "All Products" or target specific categories, tags, or individual products.
Publish & Go Live
Enable the template and your custom design is now live! Preview your store to see the changes.