Use widgets to shape WooCommerce pages

ShopBuilder Pro connects Elementor page building to WooCommerce content. Its drag-and-drop workflow lets you assemble shop, single-product, archive, category-specific archive, cart, checkout, and account interfaces. The Pro edition includes more than 140 widgets, over 24 modules, 16 or more page-template build settings, and more than 40 pre-built templates. You can import predefined WooCommerce layouts and adjust them for a store.

Match product elements to each view

Product presentation widgets arrange catalogs in grid, list, or slider layouts. Available elements include product categories and single-category views; pictures, titles, descriptions, ratings, sale flashes, tabs, reviews, and additional information; plus upsells, related products, and social sharing. Archive tools cover titles, descriptions, product ordering, and store notices. Wishlist tables are also available.

Add shopping and checkout interactions

Modules support quick view, product comparison, wishlists, variation swatches and galleries, mini carts, product size charts, product add-ons, pre-orders, currency switching, and customized My Account areas. Checkout tools include a checkout fields editor, quick checkout, multi-step checkout, Shopify Checkout, smart coupons, sales notifications, and flash-sale countdowns. Checkout widgets can present billing forms, shipping forms, and order notes. Cart tools include cart tables and cross-sell elements.

Configure catalog behavior and presentation

AJAX product filters and load-more pagination update catalog results without treating every interaction as a full page change. Modules and widgets can be enabled or disabled for performance-focused configurations. The builder is compatible with popular themes and is designed to support custom-theme compatibility. Template and widget behavior can be overridden, and multi-language support is included for stores serving audiences in more than one language.

Build pages in Elementor

Make WooCommerce, Elementor, and ShopBuilder available on the WordPress website, then open the relevant page in the Elementor workflow. Choose a widget, module, or imported layout, place it in the page structure, and adjust the store content and presentation. For a leaner setup, disable modules or widgets that are not needed.