Iqbal Hossain

Noah Shop Builder for WooCommerce is a comprehensive WooCommerce page builder designed specifically for the WordPress Gutenberg editor. Build beautiful, conversion-optimized online stores without writing a single line of code.
<h4>Key Features</h4>
<ul>
<li>Gutenberg-Native Blocks – Seamlessly integrates with the WordPress block editor</li>
<li>Product Display Blocks – Showcase products with customizable title, price, images, and description blocks</li>
<li>Drag & Drop Interface – Intuitive visual builder for easy customization</li>
<li>Ready-Made Templates – Pre-designed layouts to get you started quickly</li>
<li>No Coding Required – Build professional stores without technical knowledge</li>
</ul>
<h4>Available Blocks</h4>
<ul>
<li>Product Title Block – Display product titles with customizable typography and styling</li>
<li>Product Price Block – Show product prices with flexible formatting options</li>
<li>And more blocks coming soon!</li>
</ul>
<h4>How to Use</h4>
<ol>
<li>Install and activate the plugin</li>
<li>Ensure WooCommerce is installed and active</li>
<li>Edit any page or post with the Gutenberg editor</li>
<li>Search for “Noah” or “Product” in the block inserter</li>
<li>Add blocks and customize them using the block settings panel</li>
<li>Publish your page and enjoy your beautiful WooCommerce store</li>
</ol>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.2 or higher</li>
<li>WooCommerce plugin (active)</li>
<li>PHP 7.4 or higher</li>
</ul>
<h4>Support & Documentation</h4>
<ul>
<li><a href="https://wpshark01.com/doc/shopcompanion/" rel="nofollow ugc">Documentation</a> – Comprehensive guides and tutorials</li>
<li><a href="https://www.youtube.com/playlist?list=PLxaGb7lWNXmpAnojChnFdqooDWIFdlVxK" rel="nofollow ugc">Video Tutorials</a> – Step-by-step video guides</li>
</ul>
<h4>Privacy Policy</h4>
Noah Shop Builder for WooCommerce does not collect or store any personal data. It works entirely within your WordPress installation.
<h3>Source Code</h3>
This plugin uses build tools (npm and webpack via @wordpress/scripts) to compile and minify JavaScript and CSS files for production.
<h4>Compiled Files</h4>
The compiled/minified files are located in the <code>build/</code> directory.
<h4>Source Files</h4>
The uncompiled source code is located in the <code>src/</code> directory of this plugin. All JavaScript and CSS source files are included in the distributed plugin.
<h4>Build Instructions</h4>
To build the plugin from source: 
1. Install Node.js (version 18 or higher recommended) 
2. Run <code>npm install</code> to install dependencies 
3. Run <code>npm run build</code> to compile the source files 
4. Or run <code>npm run start</code> for development mode with hot reloading
<h4>Source Repository</h4>
The full source code is available at: https://github.com/iqbal-web/shop-companion

Noah Shop Builder for WooCommerce

A powerful WooCommerce store builder for WooCommerce. Create stunning product pages and shop layouts with drag-and-drop blocks - no coding required.

Noor Alam

<h3>🎉 Formerly “Magical Products Display” – Now Completely Rebuilt as Magical Shop Builder!</h3>
The most powerful FREE WooCommerce Template Builder for Elementor is here! Build stunning custom single product pages, cart pages, checkout flows, my account dashboards, shop archives, and thank you pages – all with a visual drag-and-drop interface. No coding required!
👉 <a href="https://mp.wpcolors.net/" rel="nofollow ugc">Features & Details</a> | <a href="https://mp.wpcolors.net/doc/" rel="nofollow ugc">Documentation</a> | <a href="https://wpthemespace.com/product/magical-shop-builder/" rel="nofollow ugc">View Pricing</a>
<h3>🎬 Watch Quick Setup Video</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/dU58wSa3v8E?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>✨ What Makes Magical Shop Builder Different?</h3>
<ul>
<li>Complete Template Builder – Create and assign custom templates for any WooCommerce page (like Elementor Pro Theme Builder, but FREE!)</li>
<li>60+ Elementor Widgets – From product galleries to multi-step checkout – everything you need</li>
<li>Pre-built Templates – Import beautiful ready-made designs with one click</li>
<li>Modern React Admin Dashboard – Intuitive settings panel built with the latest technology</li>
<li>REST API Powered – Fast, modern architecture for better performance</li>
<li>Zero Coding Required – Perfect for beginners and professionals alike</li>
</ul>
<h3>🚀 What Can You Build?</h3>
Shop & Archive Pages: 
Create stunning shop pages with advanced filters, pagination, ordering, and product archive widgets.
Single Product Pages: 
Design unique product page layouts with full control over every element – gallery, price, add to cart, reviews, tabs, related products, and more.
Custom Cart Pages: 
Create conversion-optimized cart experiences with custom cart tables, cross-sells, coupon forms, and mini cart widgets.
Checkout Page Builder: 
Build streamlined checkout flows with billing forms, shipping forms, payment methods, order review, and even multi-step checkout!
My Account Dashboards: 
Design beautiful customer account pages with orders, addresses, downloads, and account details widgets.
Thank You Pages: 
Design custom order confirmation pages with order details, customer information, and order items display.
<h3>💎 Upgrade to Pro</h3>
<a href="https://wpthemespace.com/product/magical-shop-builder/#pricing" rel="nofollow ugc">Get Pro Version with Advanced Features</a>
<h3>🎨 FREE WIDGETS (60+ Included)</h3>
<h3>📦 Product Display Widgets (12 Widgets)</h3>
The original powerful widgets that made Magical Products Display famous:
<ul>
<li>
🔍 AJAX Product Search – Real-time product search with instant filtering by categories, price, and attributes. Features modern Material Design 3 UI with accessibility support.
</li>
<li>
🛒 Shop Products – Display WooCommerce products with native shop styling anywhere. Filter by category, tags, attributes, sale status, best-selling, top-rated, and more.
</li>
<li>
🎢 Products Slider – Showcase products in elegant touch-friendly sliders with smooth transitions and navigation controls.
</li>
<li>
🎠 Products Carousel – Create engaging rotating product displays that cycle through your inventory automatically.
</li>
<li>
⭐ Testimonial Carousel – Build trust with customer reviews displayed in a professional carousel format.
</li>
<li>
📑 Product Category Tabs – Organize products into clean, easy-to-navigate category tabs with AJAX loading.
</li>
<li>
💰 Pricing Tables – Display service packages or subscription plans with conversion-optimized pricing tables.
</li>
<li>
📱 Products Grid – Present products in responsive grid layouts with multiple style options and hover effects.
</li>
<li>
📋 Products Accordion – Collapsible sections perfect for product specifications and FAQs.
</li>
<li>
📝 Products List – Clean, scannable list format with images, titles, prices, and descriptions.
</li>
<li>
🏷️ Product Categories – Attractive category displays that improve navigation and product discovery.
</li>
<li>
✨ Awesome Product List – Magazine-style product lists with advanced styling options.
</li>
</ul>
<h3>🛍️ Single Product Page Widgets (16 Widgets)</h3>
Build completely custom single product pages:
<ul>
<li>Product Title – Display and style product titles with typography controls</li>
<li>Product Price – Show regular and sale prices with custom styling</li>
<li>Product Gallery – Advanced gallery with zoom, lightbox, and thumbnails</li>
<li>Add to Cart – Customizable add to cart button with quantity selector</li>
<li>Product Description – Full product description with styling options</li>
<li>Short Description – Product excerpt/summary display</li>
<li>Product Meta – Show SKU, categories, and tags</li>
<li>Product Rating – Star ratings with review count</li>
<li>Product Reviews – Complete review section with form</li>
<li>Product Tabs – Organize description, reviews, and additional info</li>
<li>Related Products – Showcase related product suggestions</li>
<li>Upsells – Display upsell products to increase order value</li>
<li>Product Stock – Stock status and availability indicator</li>
<li>Product Attributes – Display product attributes and variations</li>
<li>Product Navigation – Previous/next product navigation</li>
<li>Action Buttons – Wishlist, compare, and quick view buttons</li>
</ul>
<h3>🛒 Cart Page Widgets (6 Widgets)</h3>
Create conversion-optimized cart pages:
<ul>
<li>Cart Table – Customizable cart items display with quantity controls</li>
<li>Cart Totals – Subtotal, shipping, and total with proceed to checkout</li>
<li>Cross-Sells – Display cross-sell product recommendations</li>
<li>Coupon Form – Styleable coupon code input form</li>
<li>Mini Cart – Compact cart for headers and sidebars</li>
<li>Empty Cart – Custom empty cart message and call-to-action</li>
</ul>
<h3>💳 Checkout Page Widgets (10 Widgets)</h3>
Build streamlined checkout experiences:
<ul>
<li>Billing Form – Customizable billing address fields</li>
<li>Shipping Form – Shipping address form with styling options</li>
<li>Order Review – Order summary with product details</li>
<li>Payment Methods – Payment gateway selection display</li>
<li>Checkout Coupon – Coupon form for checkout page</li>
<li>Place Order – Customizable order submission button</li>
<li>Order Notes – Customer order notes field</li>
<li>Checkout Login – Login form for returning customers</li>
<li>Multi-Step Checkout – Step-by-step checkout wizard</li>
<li>Express Checkout – Quick checkout options display</li>
</ul>
<h3>👤 My Account Widgets (8 Widgets)</h3>
Design beautiful customer account pages:
<ul>
<li>Account Navigation – Customizable account menu</li>
<li>Account Dashboard – Welcome message and overview</li>
<li>Orders – Order history with details and actions</li>
<li>Addresses – Billing and shipping address management</li>
<li>Account Details – Profile information editor</li>
<li>Downloads – Downloadable products access</li>
<li>Logout – Logout button with custom styling</li>
<li>Account Login – Login/register form for logged-out users</li>
</ul>
<h3>🏪 Shop Archive Widgets (11 Widgets)</h3>
Create stunning shop and category pages:
<ul>
<li>Products Archive – Main product loop with layout options</li>
<li>Archive Title – Category/shop page title</li>
<li>Archive Description – Category description display</li>
<li>Result Count – “Showing X of Y products” display</li>
<li>Ordering – Sort by dropdown with custom styling</li>
<li>Pagination – Numbered pagination with styling</li>
<li>Active Filters – Show currently applied filters</li>
<li>Price Filter – Price range slider filter</li>
<li>Attribute Filter – Filter by product attributes</li>
<li>Category Filter – Filter by product categories</li>
<li>Advanced Filter – Combined multi-filter widget</li>
</ul>
<h3>🌐 Global Widgets (7 Widgets)</h3>
Use anywhere on your site:
<ul>
<li>Header Cart – Mini cart for site headers</li>
<li>Breadcrumbs – WooCommerce breadcrumb navigation</li>
<li>Store Notice – Site-wide store announcements</li>
<li>Recently Viewed – Products customer has viewed</li>
<li>Product Comparison – Compare multiple products</li>
<li>Wishlist – Customer wishlist display</li>
<li>Header Wishlist & Compare – Header icons with counts</li>
</ul>
<h3>🎉 Thank You Page Widgets (4 Widgets)</h3>
Custom order confirmation pages:
<ul>
<li>Order Confirmation – Thank you message with order status</li>
<li>Order Details – Complete order information display</li>
<li>Order Items – Purchased products list</li>
<li>Customer Details – Billing and shipping info summary</li>
</ul>
<h3>🚀 PRO FEATURES – Take Your Store Further</h3>
Unlock advanced functionality with Magical Shop Builder Pro:
<ul>
<li>⚖️ Product Compare Tables – Side-by-side product comparisons with specifications, prices, and features</li>
<li>📊 Advanced Product Details – Comprehensive product info with dimensions, materials, weight, and custom specs</li>
<li>⏰ Smart Countdown Timers – Dynamic countdown timers for flash sales, limited offers, and launches</li>
<li>📍 Interactive Hotspots – Clickable image hotspots with tooltips and detailed overlays</li>
<li>📰 Product News Ticker – Scrolling tickers for latest products, bestsellers, and promotions</li>
<li>🎥 Product Video Support – Add videos to product galleries from YouTube, Vimeo, or self-hosted</li>
<li>🎯 Advanced Product Queries – Complex filtering and sorting options</li>
<li>📱 QR Code Generation – Mobile shopping QR codes for products</li>
<li>🔗 Social Media Sharing – Product sharing buttons</li>
<li>🏷️ Dynamic Discount Badges – Auto-calculated sale percentage badges</li>
<li>📊 Stock Level Indicators – Visual stock status displays</li>
<li>🎨 Premium Design Templates – Additional pre-built templates and styles</li>
</ul>
<h3>⚡ PERFORMANCE & TECHNICAL EXCELLENCE</h3>
Built for Speed and Reliability:
<ul>
<li>On-Demand Asset Loading – CSS/JS loads only when widgets are used</li>
<li>Modern REST API Architecture – Fast, secure data handling</li>
<li>Optimized Database Queries – Efficient product queries</li>
<li>SEO Optimized – Clean, semantic HTML markup</li>
<li>Accessibility Ready – WCAG 2.1 AA compliant</li>
<li>Cross-Browser Compatible – Works on all modern browsers</li>
<li>Translation Ready – Full internationalization support</li>
<li>Regular Updates – Continuous improvements and new features</li>
</ul>
<h3>🎯 EASY SETUP</h3>
Get Started in Minutes:
<ol>
<li>Install and activate the plugin</li>
<li>Go to Magical Shop Builder menu in WordPress admin</li>
<li>Enable the widgets you want to use</li>
<li>Create a new template or edit with Elementor</li>
<li>Drag and drop widgets to build your pages</li>
<li>Assign templates to WooCommerce pages</li>
<li>Publish and watch your conversions grow!</li>
</ol>
<h3>📋 REQUIREMENTS</h3>
<ul>
<li>WordPress: 6.0 or higher</li>
<li>WooCommerce: 8.0 or higher</li>
<li>Elementor: 3.15.0 or higher (free version works!)</li>
<li>PHP: 7.4 or higher</li>
</ul>
Note: This plugin requires both WooCommerce and Elementor to be installed and activated.
<a href="https://wordpress.org/plugins/elementor/" rel="ugc">Download Elementor Free</a> 
<a href="https://wordpress.org/plugins/woocommerce/" rel="ugc">Download WooCommerce</a>
<h3>🌍 LANGUAGE SUPPORT</h3>
Available in 10 languages:
<ul>
<li>🇺🇸 English (default)</li>
<li>🇪🇸 Spanish (Español)</li>
<li>🇫🇷 French (Français)</li>
<li>🇩🇪 German (Deutsch)</li>
<li>🇮🇹 Italian (Italiano)</li>
<li>🇧🇷 Portuguese Brazil (Português do Brasil)</li>
<li>🇳🇱 Dutch (Nederlands)</li>
<li>🇯🇵 Japanese (日本語)</li>
<li>🇨🇳 Chinese Simplified (简体中文)</li>
<li>🇸🇦 Arabic (العربية)</li>
</ul>
Want to contribute a translation? <a href="https://wpthemespace.com/contact/" rel="nofollow ugc">Contact us!</a>
<h3>💡 PERFECT FOR</h3>
<ul>
<li>Store Owners – Take full control of your WooCommerce store design</li>
<li>Web Designers – Create unique, custom e-commerce experiences</li>
<li>Freelancers – Build stunning client stores faster</li>
<li>Agencies – Deliver professional WooCommerce solutions</li>
<li>Developers – Extensible architecture with hooks and filters</li>
</ul>
Ready to transform your WooCommerce store? Install Magical Shop Builder today and unlock the full potential of your online store with the most complete FREE WooCommerce builder for Elementor!

Magical Shop Builder – WooCommerce Template Builder for Elementor | Shop, Cart, Checkout & Product Page Builder

The complete WooCommerce Shop Builder for Elementor. Build custom single product pages, cart, checkout, my account & shop archives with 60+ widgets.

Noah Shop Builder for WooCommerce vs Magical Shop Builder – WooCommerce Template Builder for Elementor | Shop, Cart, Checkout & Product Page Builder