{"id":6739,"date":"2024-03-10T11:19:29","date_gmt":"2024-03-10T05:19:29","guid":{"rendered":"https:\/\/codexpert.io\/?p=6739"},"modified":"2026-05-14T15:32:36","modified_gmt":"2026-05-14T09:32:36","slug":"whats-new-in-codesigner-3-0","status":"publish","type":"post","link":"https:\/\/codexpert.io\/blog\/whats-new-in-codesigner-3-0\/","title":{"rendered":"What&#8217;s new in CoDesigner 3.0 (Formerly Woolementor)?"},"content":{"rendered":"<div class='cx-content-before'><\/div><p>It has been a heck of a journey! For obvious reasons, we had to change our brand name from Woolementor to WC Designer and again to <a href=\"https:\/\/codexpert.io\/codesigner\">CoDesigner<\/a> but we also got the chance to turn all our ideas into reality and to integrate some unique features into CoDesigner. Below are the new features\/widgets:<\/p>\n<h3 id=\"cx-heading-1\">Email Designer<\/h3>\n<p>This long-awaited feature is finally here. Now you can customize WooCommerce emails with Elementor. There are 11 different types of WooCommerce emails that are sent to either\/both the customer and the site owner. These system-generated emails were not customizable with Elementor until CoDesigner made it possible. First you create your own email template with CoDesigner and then choose what type of WooCommerce email (e.g., new order, complete order etc) to use it for. Read our blog post to know how to <a href=\"https:\/\/codexpert.io\/blog\/design-woocommerce-email-elementor-codesigner\/\">customize WooCommerce Emails with Elementor and CoDesigner<\/a>.<\/p>\n<figure id=\"attachment_6755\" aria-describedby=\"caption-attachment-6755\" style=\"width: 488px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6755\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2021\/11\/woocommerce-email-customization.png\" alt=\"Customize WooCommerce Emails with Elementor\" width=\"488\" height=\"308\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/woocommerce-email-customization.png 637w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/woocommerce-email-customization-300x189.png 300w\" sizes=\"auto, (max-width: 488px) 100vw, 488px\" \/><figcaption id=\"caption-attachment-6755\" class=\"wp-caption-text\"><em>New, one-of-a-kind widget brought to you by CoDesigner<\/em><\/figcaption><\/figure>\n<h3 id=\"cx-heading-2\"><\/h3>\n<h3 id=\"cx-heading-3\">Template Library<\/h3>\n<p>Choose from our hundreds of professional-looking ready-made templates and then change color, typography etc to reflect your brand. You can do it in two different ways \u2013 import it when editing a page or copy a template from CoDesigner\u2019s library and then paste on a page you want. You can use these beautiful templates for any WooCommerce page or page-section.<\/p>\n<figure id=\"attachment_6756\" aria-describedby=\"caption-attachment-6756\" style=\"width: 666px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6756\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2021\/11\/codesigner-templates-library.png\" alt=\"templates library of CoDesigner\" width=\"666\" height=\"295\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/codesigner-templates-library.png 774w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/codesigner-templates-library-300x133.png 300w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/codesigner-templates-library-768x340.png 768w\" sizes=\"auto, (max-width: 666px) 100vw, 666px\" \/><figcaption id=\"caption-attachment-6756\" class=\"wp-caption-text\"><em>You can choose templates for single product, archive, email, header, footer, and tabs<\/em><\/figcaption><\/figure>\n<h3 id=\"cx-heading-4\"><\/h3>\n<h3 id=\"cx-heading-5\">Product Source<\/h3>\n<p>Product source is a new feature in our shop widgets. When creating a page with the shop widget, you can choose from dropdown where you want to pull the products from. You can showcase recently added products, current product\u2019s related products, up sells, cross sells, cart up sells, cart cross sell and cart related products.<\/p>\n<figure id=\"attachment_6757\" aria-describedby=\"caption-attachment-6757\" style=\"width: 281px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6757 size-full\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2021\/11\/product-source-woocommerce-elementor-plugin.png\" alt=\"Product Source widget CoDesigner\" width=\"281\" height=\"395\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/product-source-woocommerce-elementor-plugin.png 281w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/product-source-woocommerce-elementor-plugin-213x300.png 213w\" sizes=\"auto, (max-width: 281px) 100vw, 281px\" \/><figcaption id=\"caption-attachment-6757\" class=\"wp-caption-text\"><em>Product Source is a new feature in the shop widget<\/em><\/figcaption><\/figure>\n<h3 id=\"cx-heading-6\"><\/h3>\n<h3 id=\"cx-heading-7\">Menu Cart<\/h3>\n<p>This widget allows you to put a cart icon on the menu. When someone adds an item to the cart, a colorful indicator will show that instantly. The cart will also show the subtotal of items put in the cart. Upon clicking or hovering over the menu icon (as per the settings), item details will show up.<\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"cx-heading-8\">Product Comparison<\/h3>\n<p>This widget will allow you to compare multiple products in a table by their price, rating, category, and other attributes. You can insert new products to the comparison table either from the shop or single product page or from the dropdown choice right below the comparison table. More on this is in this <a href=\"https:\/\/codexpert.io\/blog\/create-product-comparison-page-elementor\/\">blog post<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6758 aligncenter\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2021\/11\/Edit-content-Product-comparison-768x252-1.jpg\" alt=\"woocommerce product comparison page\" width=\"768\" height=\"252\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/Edit-content-Product-comparison-768x252-1.jpg 768w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/Edit-content-Product-comparison-768x252-1-300x98.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"cx-heading-9\"><\/h3>\n<h3 id=\"cx-heading-10\">Product Comparison Button<\/h3>\n<p>The product comparison button can be applied to products so that store visitors can click on them to insert them in the product comparison table. You can change the color, shape and style of the button.<\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"cx-heading-11\">Empty Cart Notice<\/h3>\n<p>You might be interested in changing the WooCommerce default notification when the cart is empty. Our improved cart widget allows users to show custom messages when the cart is empty. So, instead of \u201cYour cart is empty\u201d, you can show your visitors something like \u201cOops! The cart looks empty\u201d or whatever you want.<\/p>\n<figure id=\"attachment_6760\" aria-describedby=\"caption-attachment-6760\" style=\"width: 265px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6760 size-full\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2021\/11\/empty-cart-notice-1.png\" alt=\"woocommerce empty cart notice customization\" width=\"265\" height=\"434\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/empty-cart-notice-1.png 265w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/empty-cart-notice-1-183x300.png 183w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><figcaption id=\"caption-attachment-6760\" class=\"wp-caption-text\"><em>A new feature in CoDesigner&#8217;s Cart Items widget<\/em><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3 id=\"cx-heading-12\">Ask for price<\/h3>\n<p>This is a wonderful widget for the single product page. Store visitors can ask for that product\u2019s price by submitting a form if the price of that product is not mentioned on the page. You can build the form as you like and decide which email id the query will be sent to.<\/p>\n<figure id=\"attachment_6766\" aria-describedby=\"caption-attachment-6766\" style=\"width: 636px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6766\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2021\/11\/ask-for-price.png\" alt=\"ask for price woocommerce product elementor\" width=\"636\" height=\"396\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/ask-for-price.png 762w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2021\/11\/ask-for-price-300x187.png 300w\" sizes=\"auto, (max-width: 636px) 100vw, 636px\" \/><figcaption id=\"caption-attachment-6766\" class=\"wp-caption-text\"><em>This widget allows the creation and customization of a form through which a visitor can ask for the product&#8217;s price<\/em><\/figcaption><\/figure>\n<h3 id=\"cx-heading-13\">Product Gallery<\/h3>\n<p>Gain more control and customization options in WooCommerce\u2019s product gallery. Change spacing, border, color, etc.<\/p>\n<h3 id=\"cx-heading-14\">Product Price<\/h3>\n<p>On the single product page, you\u2019ll be able to change the position, style, and look of the product\u2019s price. This is an independent widget, so you can put the product price anywhere on the page.<\/p>\n<h3 id=\"cx-heading-15\">Product Rating<\/h3>\n<p>This is an independent widget. So, you can put the product rating anywhere on the product page. On top of that, you can customize it the way you want.<\/p>\n<h3 id=\"cx-heading-16\">Product SKU<\/h3>\n<p>This one being an independent widget in CoDesigner can change the position and style of the product SKU on a WooCommerce single product page.<\/p>\n<h3 id=\"cx-heading-17\">Product Stock<\/h3>\n<p>Product stock info on WooCommerce single product page can also be repositioned and redesigned with this widget of CoDesigner.<\/p>\n<h3 id=\"cx-heading-18\">Additional Information<\/h3>\n<p>WooCommerce\u2019s Additional Information tab on the single product page contain additional product information such as size and color availability etc. CoDesigner\u2019s Additional Information is an independent widget that allows you to customize and reposition the additional information tab.<\/p>\n<h3 id=\"cx-heading-19\">Product Data Tabs<\/h3>\n<p>There are 3 default tabs under the original WooCommerce product data tabs section. With this widget of CoDesigner, you can add additional tabs to it. You can also rename it, style it and reposition it.<\/p>\n<h3 id=\"cx-heading-20\">Product Meta<\/h3>\n<p>WooCommerce product meta includes the SKU, category and tag. The Product Meta widget of CoDesigner allows you to customize all of these.<\/p>\n<p>To see the demo of all the widgets and features, visit <a href=\"https:\/\/codexpert.io\/codesigner\">CoDesigner website<\/a>.<\/p>\n<div class='cx-content-after'><\/div>","protected":false},"excerpt":{"rendered":"<p>It has been a heck of a journey! For obvious reasons, we had to change our brand name from Woolementor to WC Designer and again to CoDesigner but we also got the chance to turn all our ideas into reality and to integrate some unique features into CoDesigner. Below are the new features\/widgets: Email Designer [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":6762,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[14],"tags":[26],"class_list":["post-6739","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce","tag-woolementor"],"_links":{"self":[{"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/posts\/6739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/comments?post=6739"}],"version-history":[{"count":1,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/posts\/6739\/revisions"}],"predecessor-version":[{"id":25437,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/posts\/6739\/revisions\/25437"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/media\/6762"}],"wp:attachment":[{"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/media?parent=6739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/categories?post=6739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/tags?post=6739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}