Design the pages shoppers use

Magical Shop Builder Pro extends WooCommerce template design in Elementor. Use its visual editor and more than 60 widgets to build layouts for shop archives, single product pages, carts, checkout, customer accounts, and thank-you pages. Templates can be assigned to WooCommerce page types, with display conditions such as all products or selected categories.

WooCommerce and Elementor must be installed and activated. The builder works with the free version of Elementor.

Choose widgets for each shop area

• Products and archives: Arrange galleries, prices, add-to-cart areas, reviews, tabs, related products, grids, sliders, category tabs, search, filters, sorting, and pagination.
• Cart and checkout: Add cart tables, totals, cross-sells, coupon forms, mini carts, billing and shipping forms, payment methods, order summaries, and multi-step checkout elements.
• Customer and order pages: Display account orders, addresses, downloads, and details, along with order status, purchased items, and customer billing or shipping information.
• Templates: Import pre-built designs with one click, then adapt them to the store layout.

Add Pro merchandising utilities

Product comparison tables place specifications, prices, and functions side by side. Advanced product details can display dimensions, materials, weight, and custom specifications. Countdown timers can present flash sales, limited offers, or launch messaging; interactive picture hotspots provide clickable areas with tooltips and overlays.

Pro also includes product videos from YouTube, Vimeo, or self-hosted sources, advanced product queries for filtering and sorting, product QR codes, social sharing buttons, automatically calculated sale-percentage badges, visual stock-level indicators, a product news ticker, and additional design templates and styles.

Create and assign a template

In WordPress, enable the widgets you plan to use, then create a template or import one and open it in Elementor. Choose the WooCommerce page area, arrange the relevant widgets, and configure their available settings. Set the template's display conditions and assign it to the appropriate store pages.

CSS and JavaScript load on demand when widgets are used. The plugin also uses a REST API architecture and optimized database queries.