{"id":4197,"date":"2022-12-06T11:17:59","date_gmt":"2022-12-06T11:17:59","guid":{"rendered":"https:\/\/www.hostinger.com\/blog\/?p=4197"},"modified":"2024-02-27T13:21:24","modified_gmt":"2024-02-27T13:21:24","slug":"woocommerce-7-1","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/blog\/woocommerce-7-1","title":{"rendered":"WooCommerce 7.1: Key Features"},"content":{"rendered":"<p>WooCommerce has released the latest version, 7.1. It contains 185 commits for WooCommerce Core and 162 for WooCommerce Blocks.<\/p><p>The latest version has several enhancements to help new users start their stores and cart block improvements that help maximize conversions. Moreover, it contains an update to the High-Performance Order Storage (HPOS) feature.<\/p><p>Let&rsquo;s see the key features introduced with WooCommerce 7.1.<\/p><h2 class=\"wp-block-heading\" id=\"h-product-screen-tour\">Product Screen Tour<\/h2><p>WooCommerce 7.1 adds a <a href=\"https:\/\/github.com\/woocommerce\/woocommerce\/pull\/34859\" target=\"_blank\" rel=\"noopener\">product screen guided tour<\/a> to help new users create their first product. It includes eight guided tasks, like how to add product names, descriptions, images, and tags.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/12\/A-WooCommerce-edit-product-page-with-the-new-guided-tour.png\"><img decoding=\"async\" width=\"1155\" height=\"526\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/A-WooCommerce-edit-product-page-with-the-new-guided-tour.png\/public\" alt=\"A WooCommerce edit product page with the new guided tour\" class=\"wp-image-4198\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/A-WooCommerce-edit-product-page-with-the-new-guided-tour.png\/w=1155,fit=scale-down 1155w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/A-WooCommerce-edit-product-page-with-the-new-guided-tour.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/A-WooCommerce-edit-product-page-with-the-new-guided-tour.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/A-WooCommerce-edit-product-page-with-the-new-guided-tour.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1155px) 100vw, 1155px\" \/><\/a><\/figure><\/div><p>If you want to try the new product screen guided tour, navigate to <strong>WooCommerce -&gt; Home<\/strong>, choose <strong>Add products<\/strong>, and then <strong>Start with a template<\/strong>. Select any template that suits you and click <strong>Go<\/strong>.<\/p><p>You can skip the guide by clicking the <strong>cross<\/strong> icon at the top-right corner of the guide box. There&rsquo;s also the <strong>Enable guided mode <\/strong>option if you want to reenable the guide from step one.<\/p><h2 class=\"wp-block-heading\" id=\"h-cross-sells-on-cart-block\">Cross-Sells on Cart Block<\/h2><p>Cart block in WooCommerce 7.1 has a new <a href=\"https:\/\/github.com\/woocommerce\/woocommerce-blocks\/pull\/6645\" target=\"_blank\" rel=\"noopener\">cross-sells feature<\/a> that lets store owners link certain products as cross-sells and link to them from the customer&rsquo;s cart. This can encourage shoppers to buy more items.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/12\/A-WooCommerce-cart-block-that-includes-the-cross-sells-feature.png\"><img decoding=\"async\" width=\"1088\" height=\"900\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/A-WooCommerce-cart-block-that-includes-the-cross-sells-feature.png\/public\" alt=\"A WooCommerce cart block that includes the cross-sells feature\" class=\"wp-image-4199\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/A-WooCommerce-cart-block-that-includes-the-cross-sells-feature.png\/w=1088,fit=scale-down 1088w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/A-WooCommerce-cart-block-that-includes-the-cross-sells-feature.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/A-WooCommerce-cart-block-that-includes-the-cross-sells-feature.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/A-WooCommerce-cart-block-that-includes-the-cross-sells-feature.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1088px) 100vw, 1088px\" \/><\/a><\/figure><\/div><p>For example, you can add <strong>Polo <\/strong>and <strong>Long Sleeve Tee <\/strong>as cross-sells for the product <strong>Cap<\/strong>. When a shopper adds a Cap to their cart, they will see Polo and Long Sleeve Tee as product recommendations, complete with the <strong>Add to cart <\/strong>button.<strong>&nbsp;<\/strong><\/p><p>To add cross-sell recommendations to a product, go to the <strong>Products <\/strong>page and choose one. Select <strong>Linked products <\/strong>within the <strong>Product data<\/strong> section<strong> <\/strong>and add the cross-sell products in the <strong>Cross-sells <\/strong>field.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/12\/The-product-data-section-with-the-Cross-sells-field-highlighted.png\"><img decoding=\"async\" width=\"633\" height=\"340\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-product-data-section-with-the-Cross-sells-field-highlighted.png\/public\" alt=\"The product data section with the Cross-sells field highlighted\" class=\"wp-image-4200\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-product-data-section-with-the-Cross-sells-field-highlighted.png\/w=633,fit=scale-down 633w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-product-data-section-with-the-Cross-sells-field-highlighted.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 633px) 100vw, 633px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-block-patterns\">Block Patterns<\/h2><p>WooCommerce 7.1 includes 12 new block patterns for the <a href=\"https:\/\/github.com\/woocommerce\/woocommerce-blocks\/discussions?discussions_q=label%3A%22%E2%96%AB%EF%B8%8F+pattern%3A+headers%22\" target=\"_blank\" rel=\"noopener\">header<\/a> and <a href=\"https:\/\/github.com\/woocommerce\/woocommerce-blocks\/discussions?discussions_q=label%3A%22%E2%96%AB%EF%B8%8F+pattern%3A+footers%22\" target=\"_blank\" rel=\"noopener\">footer<\/a>. With them, you&rsquo;ll be able to easily construct eCommerce-specific header and footer template parts, especially when using a block-based WordPress theme.<\/p><p>The new patterns consist of three header and three footer designs, all available in light and dark versions:<\/p><ul class=\"wp-block-list\">\n<li>Large footer<\/li>\n\n\n\n<li>Simple footer<\/li>\n\n\n\n<li>Footer with two menus<\/li>\n\n\n\n<li>Essential header<\/li>\n\n\n\n<li>Large header<\/li>\n\n\n\n<li>Minimal header<\/li>\n<\/ul><p>To see these WooCommerce patterns, open the block inserter panel of the WordPress Site Editor and select <strong>Explore <\/strong>from the <strong>Patterns <\/strong>tab. Select the <strong>WooCommerce <\/strong>option in the sidebar, and you&rsquo;ll see all available patterns added by the plugin.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/12\/The-WordPress-pattern-explorer-showing-the-WooCommerce-patterns.png\"><img decoding=\"async\" width=\"1688\" height=\"657\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-WordPress-pattern-explorer-showing-the-WooCommerce-patterns.png\/public\" alt=\"The WordPress pattern explorer, showing the WooCommerce patterns\" class=\"wp-image-4201\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-WordPress-pattern-explorer-showing-the-WooCommerce-patterns.png\/w=1688,fit=scale-down 1688w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-WordPress-pattern-explorer-showing-the-WooCommerce-patterns.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-WordPress-pattern-explorer-showing-the-WooCommerce-patterns.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-WordPress-pattern-explorer-showing-the-WooCommerce-patterns.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-WordPress-pattern-explorer-showing-the-WooCommerce-patterns.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1688px) 100vw, 1688px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-high-performance-order-storage-hpos-update\">High-Performance Order Storage (HPOS) Update<\/h2><p>The WooCommerce team has been working on the new <a href=\"https:\/\/developer.woocommerce.com\/2022\/01\/17\/the-plan-for-the-woocommerce-custom-order-table\/\" target=\"_blank\" rel=\"noopener\">High-Performance Order Storage<\/a> (HPOS) feature, previously known as the Custom Order Tables project. This new version finally introduces HPOS as an experimental addition, making important progress in improving WooCommerce scalability and reliability.<\/p><p>The feature is disabled by default. If you want to enable it, navigate to <strong>WooCommerce -&gt; Settings<\/strong> on your WordPress admin panel, open the <strong>Advanced <\/strong>tab, and select <strong>Features. <\/strong>Check the <strong>High-Performance order storage (COT)<\/strong> option under <strong>Experimental features<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/12\/The-WooCommerce-settings-page-showing-the-Advanced-tab-and-the-option-to-enable-the-High-Performance-Order-Storage-feature.png\"><img decoding=\"async\" width=\"823\" height=\"582\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-WooCommerce-settings-page-showing-the-Advanced-tab-and-the-option-to-enable-the-High-Performance-Order-Storage-feature.png\/public\" alt=\"The WooCommerce settings page, showing the Advanced tab and the option to enable the High-Performance Order Storage feature\" class=\"wp-image-4202\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-WooCommerce-settings-page-showing-the-Advanced-tab-and-the-option-to-enable-the-High-Performance-Order-Storage-feature.png\/w=823,fit=scale-down 823w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-WooCommerce-settings-page-showing-the-Advanced-tab-and-the-option-to-enable-the-High-Performance-Order-Storage-feature.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/12\/The-WooCommerce-settings-page-showing-the-Advanced-tab-and-the-option-to-enable-the-High-Performance-Order-Storage-feature.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 823px) 100vw, 823px\" \/><\/a><\/figure><\/div><p>Because HPOS is still an experimental feature, there may be compatibility issues with other plugins.<\/p><h2 class=\"wp-block-heading\" id=\"h-updating-the-woocommerce-plugin\">Updating the WooCommerce Plugin<\/h2><p>Updating plugins is straightforward. However, since your store may contain hundreds of products and continuous online transactions, you must ensure that the update won&rsquo;t cause an issue on your website.<\/p><p>That&rsquo;s why we strongly recommend using a <a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-staging-environment\">staging environment<\/a> to test the new WooCommerce version. What&rsquo;s more, <a href=\"https:\/\/www.hostinger.com\/tutorials\/backup-wordpress\">back up your WordPress site<\/a> regularly to ensure its data is safe in case of any errors during the update process.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce has released the latest version, 7.1. It contains 185 commits for WooCommerce Core and 162 for WooCommerce Blocks.<\/p>\n<p>The latest version has several enhancements to he\u2026<\/p>\n","protected":false},"author":172,"featured_media":4203,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2365],"tags":[],"hashtags":[],"class_list":["post-4197","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/4197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/users\/172"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/comments?post=4197"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/4197\/revisions"}],"predecessor-version":[{"id":6091,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/4197\/revisions\/6091"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media\/4203"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media?parent=4197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/categories?post=4197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/tags?post=4197"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/hashtags?post=4197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}