Magical Shop Builder Pro Requires Elementor + WooCommerce

Build templates for WooCommerce shop pages

Magical Shop Builder Pro extends the Elementor and WooCommerce template workflow. Use its visual editor and more than 60 widgets to create layouts for shop archives, product pages, carts, checkout, customer accounts, and thank-you pages without coding. Create a template for a page type and assign it to the relevant part of your store. Pre-built templates can be imported and adapted to your layout.

The builder requires WooCommerce and Elementor to be installed and activated. It works with the free version of Elementor.

Choose widgets for each part of the shopping flow

• Product and archive pages: 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 reviews, and multi-step checkout components.
• Customer and order pages: Display account orders, addresses, downloads, and details, or display order status, purchased entries, and customer information on confirmation pages.

Pro tools for product details and promotions

Product comparison tables place specifications, prices, and features side by side. Advanced product details can show dimensions, materials, weight, and custom specifications. Countdown timers can present flash sales, limited offers, or launches. Image hotspots add clickable areas with tooltips and detail overlays, while a product news ticker can display latest products, bestsellers, and promotions.

Other Pro settings include 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; and additional styling templates and styles.

Set up a store template

Choose the WooCommerce page or store area to tailor. Build its layout in Elementor, add the relevant widgets, and configure product queries, filters, promotional elements, or customer-facing details. Assign the finished template to the matching page type.

The plugin loads CSS and JavaScript when their widgets are used. Its technical design also uses a REST API architecture and optimized database queries.