CoDesigner Plugin: WooCommerce Elementor Builder – Complete Guide

Quick Answer: CoDesigner (formerly Woolementor) is a WooCommerce Elementor builder plugin with 94+ drag-and-drop widgets, 14+ modules, and 150+ ready-made templates. It lets you build and customize any part of your WooCommerce store – shop pages, product pages, cart, checkout, and more without writing a single line of code. No Elementor Pro required.

WooCommerce gives you a working online store out of the box. What it doesn’t give you is control over how that store looks. The default shop page, product layout, cart, and checkout are functional but generic — every new WooCommerce store looks roughly the same.

That’s the gap CoDesigner fills. It’s a dedicated WooCommerce builder for Elementor that lets you redesign every page of your store using a visual drag-and-drop editor. You’re not working around WooCommerce’s default templates — you’re replacing them entirely with custom designs you build yourself.

This guide covers what CoDesigner is, what it can actually do, how to install and set it up, who it’s a good fit for, and when a different plugin might serve you better.

What Is CoDesigner?

CoDesigner, previously known as Woolementor, is a WooCommerce-focused Elementor add-on developed and maintained by Codexpert. It integrates directly into Elementor’s drag-and-drop interface and gives you dedicated WooCommerce widgets that Elementor’s free version doesn’t include.

The core use case is page building for WooCommerce. Instead of accepting WooCommerce’s default layouts, you use CoDesigner’s widgets in Elementor to design each page from scratch, or start from one of the 150+ included templates.

Current stats (as listed on WordPress.org):

• 94+ WooCommerce-specific Elementor widgets
• 14+ shop modules
• 150+ ready-made templates
• Actively maintained with updates continuing through September 2026

CoDesigner is a separate product from ShopLentor (formerly WooLentor), which is a HasThemes product. The two serve similar purposes but are built and maintained by different teams.

What Can You Build With CoDesigner?

CoDesigner’s widgets cover the full WooCommerce page-building workflow. Here’s what you can customize, grouped by function:

Store & Shop Pages

Use CoDesigner’s shop widgets to redesign your main store page. You can switch between different shop layouts — standard grid, slider, classic, or curvy — directly in Elementor without touching template files. The AJAX-based shop filter and pagination means product filtering works without full page reloads.

Relevant resource: Elementor WooCommerce Widgets – Complete Overview

Product Pages

Single product pages are where CoDesigner’s widget depth shows most clearly. You can place and rearrange product images, descriptions, variation selectors, pricing, add-to-cart buttons, breadcrumbs, related products, and customer reviews independently — each as its own widget — rather than being locked into WooCommerce’s default product template.

Learn more: WooCommerce Single Product Page Builder Guide

Cart and Checkout

CoDesigner includes dedicated widgets for both the cart and checkout pages. You can customize the layout of checkout fields, add or rearrange sections, and change the visual design to match your store’s branding. This is one of the harder areas to customize with default WooCommerce, and having Elementor-based control over it is a practical advantage for conversion optimization.

Product Filtering

CoDesigner includes horizontal and vertical product filter widgets. Shoppers can filter by category, price range, attributes, or other criteria you configure. This is a separate feature from the product comparison widget — the two are not the same thing and should not be confused.

More on this topic: Best WooCommerce Product Filter Plugins

Customer Account Pages

The My Account widget lets you redesign the WooCommerce account dashboard — the page where customers manage their orders, addresses, and account details. This is an often-neglected page that significantly affects post-purchase customer experience.

See also: WooCommerce My Account Page Customization Plugins

WooCommerce Email Designer

CoDesigner includes an email designer that lets you customize WooCommerce transactional emails — order confirmations, shipping notifications, and similar messages — using Elementor. Most store owners never touch these emails. Customizing them with your branding is a straightforward trust signal.

Further reading: WooCommerce Email Customizer Plugins

Wishlist

The wishlist widget adds a save-for-later feature to product pages. Shoppers can add products to a wishlist and return to purchase later. This is a free feature in CoDesigner, whereas some competing plugins lock it behind a paid tier.

Compare options: Best WooCommerce Wishlist Plugins

Sales Notifications

CoDesigner’s sales notification widget displays recent-purchase popups to shoppers browsing your store — the kind of “Someone in [location] just bought [product]” social-proof messages. This is a front-end shopper-facing feature, not an admin alert.

For a deeper look at this feature type: How to Add Live Sales Notifications for WooCommerce

How to Install CoDesigner?

1. To Install CoDesigner using the native WordPress Plugin installer, go to Dashboard > Plugins > Add New > Search (CoDesigner)
2. Or download the zip and extract it in the wp-content/plugins/ directory. Activate the plugin through the ‘Plugins’.

Do You Need Elementor Pro to Use CoDesigner?

No. CoDesigner works with the free version of Elementor. You do not need Elementor Pro to use CoDesigner’s WooCommerce widgets.

This is a common point of confusion. Elementor Pro has its own set of WooCommerce widgets — but those are part of Elementor Pro itself, not CoDesigner. CoDesigner provides its own WooCommerce widgets as a standalone plugin, and those work independently of whether you have Elementor Pro or not.

What you do need:

• WordPress
• WooCommerce (free)
• Elementor (free version is sufficient)
• CoDesigner (free or Pro)

CoDesigner Free vs Pro

CoDesigner has a free version on WordPress.org and a paid Pro version with additional widgets and modules.

The free version includes enough to get started with basic WooCommerce page building — shop layouts, product pages, cart, and checkout customization. The Pro version unlocks additional widgets, modules, and template access.

Before purchasing Pro, verify exactly which widgets you need on the official CoDesigner website and check which are free versus paid, since this can change with plugin updates.

Key CoDesigner Widgets and Modules

Rather than listing all 94+ widgets, here are the categories that cover the most common WooCommerce customization needs:

• Shop display widgets: WooCommerce Shop Standard, Shop Slider, Shop Curvy, Shop Classic — these let you build your store’s main product listing page in different visual formats.
• Product widgets: Related Products, Product Variations, Wishlist, Ask for Price, Product Breadcrumbs, WooCommerce Payment Methods, these go on individual product pages.
• Cart and checkout widgets: Dedicated cart and checkout customization widgets that give you layout control over these high-stakes conversion pages.
• Account widgets: My Account widget for the post-purchase customer dashboard.
• Conversion and marketing: Sales notifications, product comparison, product filters, features that affect shopper behavior.
• Email builder: WooCommerce Email Designer for transactional email customization.

How to Install CoDesigner

1. In your WordPress dashboard, go to Plugins → Add New
2. Search for CoDesigner
3. Install and activate the plugin
4. Make sure Elementor and WooCommerce are also installed and active

Alternatively, download the zip file from WordPress.org and upload it via Plugins → Add New → Upload Plugin.

How to Enable CoDesigner Widgets

After activation, CoDesigner adds a dedicated menu item in your WordPress dashboard.

1. Go to CoDesigner in the dashboard menu
2. Open the widget settings panel
3. Enable the specific widgets you want to use
4. Those widgets will then appear in the Elementor editor widget panel

It’s worth only enabling the widgets you actually plan to use. Enabling everything adds unnecessary load — only activate what your store needs.

Who Should Use CoDesigner?

CoDesigner is a reasonable choice if:

• You already use Elementor and want WooCommerce page-building capabilities without paying for Elementor Pro
• You want to redesign specific WooCommerce pages — particularly product pages or checkout — and need dedicated widgets for each page element
• You’re running a small to mid-size WooCommerce store and want a focused plugin rather than an all-in-one solution
• You need a WooCommerce email designer without a separate plugin

It’s less suitable if:

• You prefer Gutenberg (block editor) over Elementor — CoDesigner is Elementor-specific
• You want a plugin that handles both Elementor and Gutenberg with a consistent feature set
• You need a broader WooCommerce growth tool that includes modules for conversion, cart recovery, and store analytics beyond page building

CoDesigner Limitations to Consider

• Elementor-only: CoDesigner does not support Gutenberg or other page builders. If your site moves away from Elementor, CoDesigner becomes unusable.
• Feature depth vs. breadth: 94+ widgets is a large number, but the depth of each widget’s settings varies. Review specific widgets against your requirements before committing.
• Learning curve: Like any page builder add-on with this many widgets, there’s a setup and learning investment. Budget time to configure it properly.
• Plugin dependency chain: Your store’s pages rely on CoDesigner + Elementor + WooCommerce all being active and compatible. Updates to any one of them can temporarily affect your pages.

CoDesigner Alternative

If CoDesigner doesn’t fit your requirements, ShopLentor (formerly WooLentor) is a directly comparable alternative.

ShopLentor is a HasThemes product. Its current WordPress.org listing reports 100,000+ active installations across 120+ countries. It supports both Elementor and Gutenberg, which CoDesigner does not.

Current ShopLentor stats (per WordPress.org):

• 120+ widgets/elements for Elementor
• 85+ Gutenberg blocks
• 36+ modules
• 110+ premium templates

The main practical difference: ShopLentor supports both Elementor and Gutenberg, making it a better fit if your store uses the block editor or you want flexibility to switch editors in the future. CoDesigner is Elementor-only.

For a detailed head-to-head comparison: WooLentor vs CoDesigner

Watch the video about CoDesigner Alternative Plugin: A Free Elementor Addon to Customize WooCommerce

Frequently Asked Questions

Conclusion

CoDesigner is a capable WooCommerce Elementor builder. It solves a real problem: WooCommerce’s default pages are too rigid for stores that need a custom look and conversion-optimized layouts.

Its strongest use case is Elementor-based stores that need deep WooCommerce page control – particularly product pages and checkout- without paying for Elementor Pro. The 94+ widgets cover most of what a WooCommerce store needs, and the included email designer is a useful bonus.

The main constraint is Elementor dependency. If you’re not committed to Elementor, or if you want a plugin that also works with Gutenberg, ShopLentor is the more flexible option. It supports both editors, has a larger active installation base, and carries the same drag-and-drop WooCommerce building workflow.

For stores already on Elementor that want a focused WooCommerce builder, CoDesigner does the job. For stores that want broader editor support and a more feature-complete module set, ShopLentor is worth comparing directly.

Start with a WooCommerce store readiness checklist before choosing, knowing exactly what pages and features your store needs makes it easier to evaluate which plugin is the right fit.