{"id":80738,"date":"2025-02-19T18:39:11","date_gmt":"2025-02-19T13:09:11","guid":{"rendered":"https:\/\/themehunk.com\/?p=80738"},"modified":"2025-02-19T18:39:14","modified_gmt":"2025-02-19T13:09:14","slug":"create-custom-woocommerce-product-pages","status":"publish","type":"post","link":"https:\/\/themehunk.com\/fr\/create-custom-woocommerce-product-pages\/","title":{"rendered":"How to Create Custom WooCommerce Product Pages Using Elementor"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Nowadays, <a href=\"https:\/\/themehunk.com\/fr\/go\/elementor\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/themehunk.com\/go\/elementor\" rel=\"noreferrer noopener nofollow sponsored\">Elementor<\/a> is among the top-ranked page builders. It is very easy to create a website using the features of page builders.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, it provides premade designs but if you want to create on your own then Elementor&#8217;s drag-and-drop builder makes every operation very easy. So it is a win-win situation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By the way, product pages are found in almost every <a href=\"https:\/\/themehunk.com\/fr\/section\/ecommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">ecommerce<\/a> site but a custom woocommerce product page is built when the site owner has to show a product differently.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While designing the site you may create custom woocommerce pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And in this blog, we are gonna see how to create custom woocommerce product pages using Elementor page builder in a <a href=\"https:\/\/themehunk.com\/fr\/go\/wordpress\/\" data-type=\"link\" data-id=\"https:\/\/themehunk.com\/go\/wordpress\" target=\"_blank\" rel=\"noreferrer noopener nofollow sponsored\">WordPress<\/a> website.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/themehunk.com\/fr\/create-custom-woocommerce-product-pages\/#What_Tools_We_Need_to_Create_Custom_Woocommerce_Product_Pages\" >What Tools We Need to Create Custom Woocommerce Product Pages<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/themehunk.com\/fr\/create-custom-woocommerce-product-pages\/#How_to_Create_Custom_WooCommerce_Product_Pages_Using_Elementor\" >How to Create Custom WooCommerce Product Pages Using Elementor<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/themehunk.com\/fr\/create-custom-woocommerce-product-pages\/#Installing_Elementor_Plugin\" >Installing Elementor Plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/themehunk.com\/fr\/create-custom-woocommerce-product-pages\/#Uploading_Elemento_Addons_Plugin\" >Uploading Elemento Addons Plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/themehunk.com\/fr\/create-custom-woocommerce-product-pages\/#Creating_Woocommerce_Custom_Product_Page\" >Creating Woocommerce Custom Product Page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/themehunk.com\/fr\/create-custom-woocommerce-product-pages\/#Use_Custom_Related_Product_Page\" >Use Custom Related Product Page<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/themehunk.com\/fr\/create-custom-woocommerce-product-pages\/#FAQ\" >FAQ<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/themehunk.com\/fr\/create-custom-woocommerce-product-pages\/#Q_Is_the_Elemento_Addons_Product_widget_responsive\" >Q. Is the Elemento Addons&#8217; Product widget responsive?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/themehunk.com\/fr\/create-custom-woocommerce-product-pages\/#Q_How_to_select_products_to_show_in_Elemento_Addons_Products_widget\" >Q. How to select products to show in Elemento Addons&#8217; Products widget?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/themehunk.com\/fr\/create-custom-woocommerce-product-pages\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Tools_We_Need_to_Create_Custom_Woocommerce_Product_Pages\"><\/span>What Tools We Need to Create Custom Woocommerce Product Pages<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this blog, we will need the Elementor plugin. In addition to this, we will also need Elemento Addons. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Elementor makes the page-building process easy and the <strong><a href=\"https:\/\/themehunk.com\/fr\/elemento-addons\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Elemento Addon<\/a> <\/strong>helps to extend the power of Elementor by adding widgets and extra functionalities to the widgets.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Elemento Addons has some widgets that feel illegal to use because of their operation and smoothness. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So let&#8217;s get started now,<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_Create_Custom_WooCommerce_Product_Pages_Using_Elementor\"><\/span>How to Create Custom WooCommerce Product Pages Using Elementor<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">First, let&#8217;s install both plugins. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Installing_Elementor_Plugin\"><\/span>Installing Elementor Plugin<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1) Open your dashboard<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard.png?ssl=1\" alt=\"\" class=\"wp-image-59763\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Login to your WordPress dashboard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2) Go to Plugins and click on Add New Plugin<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-New-Plugin-1.png?ssl=1\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"663\" height=\"346\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-New-Plugin-1.png?resize=663%2C346&#038;ssl=1\" alt=\"\" class=\"wp-image-60190\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-New-Plugin-1.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-New-Plugin-1.png?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-New-Plugin-1.png?resize=150%2C78&amp;ssl=1 150w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-New-Plugin-1.png?resize=48%2C25&amp;ssl=1 48w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the dashboard, you can see several menus on the left side. Go to plugins and click on Add New Plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3) Go to the Search Bar and search for Elementor<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Search_Elementor.jpg?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"501\" height=\"636\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Search_Elementor.jpg?resize=501%2C636&#038;ssl=1\" alt=\"\" class=\"wp-image-80759\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Search_Elementor.jpg?w=501&amp;ssl=1 501w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Search_Elementor.jpg?resize=236%2C300&amp;ssl=1 236w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Search_Elementor.jpg?resize=48%2C61&amp;ssl=1 48w\" sizes=\"(max-width: 501px) 100vw, 501px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">On this page, you will find the plugins. Go to the Search Bar and search for the Elementor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4) Install and Activate the Elementor<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After searching for the Elementor, it will appear in the plugin&#8217;s list. Click on the Install button, after installation, click on the Activate button to activate the Elementor plugin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Uploading_Elemento_Addons_Plugin\"><\/span>Uploading Elemento Addons Plugin<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">First, download the <a href=\"https:\/\/themehunk.com\/fr\/elemento-addons\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elemento Addons<\/a> from ThemeHunk.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/10\/Elemento-Addons.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"720\" height=\"420\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/10\/Elemento-Addons.png?resize=720%2C420&#038;ssl=1\" alt=\"\" class=\"wp-image-74122\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/10\/Elemento-Addons.png?w=720&amp;ssl=1 720w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/10\/Elemento-Addons.png?resize=300%2C175&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/10\/Elemento-Addons.png?resize=48%2C28&amp;ssl=1 48w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Go to the Elemento Addons page and purchase the plugin. You can watch this tutorial if you need a helping hand to get the Elemento Addons.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Elemento Addons: Install, Setup and Getting Started\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/vtx8DpPp-co?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1) Open your dashboard and Go to the Plugin&#8217;s Page<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Repeat the same steps and reach the plugin&#8217;s page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2) Click on Upload Plugin<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/01\/Upload-Plugin.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"555\" height=\"343\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/01\/Upload-Plugin.png?resize=555%2C343&#038;ssl=1\" alt=\"\" class=\"wp-image-70437\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/01\/Upload-Plugin.png?w=555&amp;ssl=1 555w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/01\/Upload-Plugin.png?resize=300%2C185&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/01\/Upload-Plugin.png?resize=48%2C30&amp;ssl=1 48w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Go to the top left and click on Upload Plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3) Upload the Elemento Addons<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Upload_Elemento-Addons.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"716\" height=\"178\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Upload_Elemento-Addons.jpg?resize=716%2C178&#038;ssl=1\" alt=\"\" class=\"wp-image-80827\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Upload_Elemento-Addons.jpg?w=716&amp;ssl=1 716w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Upload_Elemento-Addons.jpg?resize=300%2C75&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Upload_Elemento-Addons.jpg?resize=48%2C12&amp;ssl=1 48w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click on <strong>Install Now<\/strong> and then <strong>Activate<\/strong> the plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Both plugins are installed and now we can proceed further. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_Woocommerce_Custom_Product_Page\"><\/span>Creating Woocommerce Custom Product Page<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1) Create a New Page<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-New-Plugin.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"655\" height=\"483\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-New-Plugin.png?resize=655%2C483&#038;ssl=1\" alt=\"\" class=\"wp-image-60164\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-New-Plugin.png?w=655&amp;ssl=1 655w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-New-Plugin.png?resize=300%2C221&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-New-Plugin.png?resize=150%2C111&amp;ssl=1 150w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-New-Plugin.png?resize=48%2C35&amp;ssl=1 48w\" sizes=\"(max-width: 655px) 100vw, 655px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Go to the dashboard and click on Pages then click on Add New Page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2 ) Click on &#8216;Edit with Elementor&#8217;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Edit-With-Elementor_page.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"594\" height=\"378\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Edit-With-Elementor_page.jpg?resize=594%2C378&#038;ssl=1\" alt=\"\" class=\"wp-image-80837\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Edit-With-Elementor_page.jpg?w=594&amp;ssl=1 594w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Edit-With-Elementor_page.jpg?resize=300%2C191&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Edit-With-Elementor_page.jpg?resize=48%2C31&amp;ssl=1 48w\" sizes=\"(max-width: 594px) 100vw, 594px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the top bar, you will find the Edit with Elementor button. Click on it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After this, the page will open with Elementor. You can access and use the Elementor widgets on this page. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Edit-with-Elementor_-Page-2.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"563\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Edit-with-Elementor_-Page-2.jpg?resize=1000%2C563&#038;ssl=1\" alt=\"\" class=\"wp-image-80874\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Edit-with-Elementor_-Page-2.jpg?w=1000&amp;ssl=1 1000w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Edit-with-Elementor_-Page-2.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Edit-with-Elementor_-Page-2.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Edit-with-Elementor_-Page-2.jpg?resize=48%2C27&amp;ssl=1 48w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We will need two compartments, so first take a Container having two sides.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/2-Side-Container-Steps.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/2-Side-Container-Steps.jpg?resize=1024%2C768&#038;ssl=1\" alt=\"\" class=\"wp-image-80961\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/2-Side-Container-Steps.jpg?resize=1024%2C768&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/2-Side-Container-Steps.jpg?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/2-Side-Container-Steps.jpg?resize=768%2C576&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/2-Side-Container-Steps.jpg?resize=48%2C36&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/2-Side-Container-Steps.jpg?w=1189&amp;ssl=1 1189w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">On a Product page, the first and one of the most important things we will put is <a href=\"https:\/\/themehunk.com\/fr\/image-optimizer-wordpress-plugin\/\" target=\"_blank\" rel=\"noreferrer noopener\">image<\/a>. so find the Image widget and put it into the left container.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Image.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"931\" height=\"413\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Image.jpg?resize=931%2C413&#038;ssl=1\" alt=\"\" class=\"wp-image-80962\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Image.jpg?w=931&amp;ssl=1 931w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Image.jpg?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Image.jpg?resize=768%2C341&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Image.jpg?resize=48%2C21&amp;ssl=1 48w\" sizes=\"(max-width: 931px) 100vw, 931px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now set the image of the product. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now come to the right side. To enter the Heading, search for it and insert it into the second container.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Heading.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"402\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Heading.jpg?resize=1024%2C402&#038;ssl=1\" alt=\"\" class=\"wp-image-80965\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Heading.jpg?resize=1024%2C402&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Heading.jpg?resize=300%2C118&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Heading.jpg?resize=768%2C301&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Heading.jpg?resize=48%2C19&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Heading.jpg?w=1252&amp;ssl=1 1252w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enter the name of the product in the title.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the same way, we will write the <a href=\"https:\/\/themehunk.com\/fr\/create-pricing-table-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">pricing<\/a> of the product. To write the pricing, insert a text editor widget below the title and write the pricing of the product there.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Text-Editor.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"456\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Text-Editor-1024x456.jpg?resize=1024%2C456&#038;ssl=1\" alt=\"\" class=\"wp-image-80967\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Text-Editor.jpg?resize=1024%2C456&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Text-Editor.jpg?resize=300%2C134&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Text-Editor.jpg?resize=768%2C342&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Text-Editor.jpg?resize=48%2C21&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Text-Editor.jpg?w=1186&amp;ssl=1 1186w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">On the Product pages, there is a short description of the product. To add it, insert the text editor again and write a short description of the product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Text-Editor_-Short-Description.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"575\" height=\"425\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Text-Editor_-Short-Description.jpg?resize=575%2C425&#038;ssl=1\" alt=\"\" class=\"wp-image-80970\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Text-Editor_-Short-Description.jpg?w=575&amp;ssl=1 575w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Text-Editor_-Short-Description.jpg?resize=300%2C222&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Text-Editor_-Short-Description.jpg?resize=48%2C35&amp;ssl=1 48w\" sizes=\"(max-width: 575px) 100vw, 575px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now it&#8217;s time to add the <a href=\"https:\/\/themehunk.com\/fr\/woocommerce-shopping-cart\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cart button<\/a>. This time we will use the Cart widget of the Elemento Addons because it has more features and functionalities.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Search for the Add to Cart and insert it into the container.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Add-to-Cart.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"396\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Add-to-Cart.jpg?resize=1024%2C396&#038;ssl=1\" alt=\"\" class=\"wp-image-80976\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Add-to-Cart.jpg?resize=1024%2C396&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Add-to-Cart.jpg?resize=300%2C116&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Add-to-Cart.jpg?resize=768%2C297&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Add-to-Cart.jpg?resize=48%2C19&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Add-to-Cart.jpg?w=1524&amp;ssl=1 1524w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the Cart button settings, search for the product name and select the product in the products section. After this, when the user clicks on the cart button, it will be added to the cart directly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Add-to-Cart_-Settings.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"458\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Add-to-Cart_-Settings.jpg?resize=634%2C458&#038;ssl=1\" alt=\"\" class=\"wp-image-80978\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Add-to-Cart_-Settings.jpg?w=634&amp;ssl=1 634w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Add-to-Cart_-Settings.jpg?resize=300%2C217&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Add-to-Cart_-Settings.jpg?resize=48%2C35&amp;ssl=1 48w\" sizes=\"(max-width: 634px) 100vw, 634px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to add the SKU ID then you can do so the same way we added other widget. Here insert the Text editor and write the SKU of the product. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/SKU-ID.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"482\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/SKU-ID.jpg?resize=612%2C482&#038;ssl=1\" alt=\"\" class=\"wp-image-80982\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/SKU-ID.jpg?w=612&amp;ssl=1 612w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/SKU-ID.jpg?resize=300%2C236&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/SKU-ID.jpg?resize=48%2C38&amp;ssl=1 48w\" sizes=\"(max-width: 612px) 100vw, 612px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">One of the important parts of a product page is having social share buttons. You can add the <a href=\"https:\/\/themehunk.com\/fr\/social-share-plugins-for-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">social share button<\/a> to this page too.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Search for the social icons and put them on the page. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons.jpg?resize=1024%2C524&#038;ssl=1\" alt=\"\" class=\"wp-image-80990\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons.jpg?resize=1024%2C524&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons.jpg?resize=300%2C153&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons.jpg?resize=768%2C393&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons.jpg?resize=48%2C25&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons.jpg?w=1287&amp;ssl=1 1287w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to add more <a href=\"https:\/\/themehunk.com\/fr\/how-to-add-social-media-icons-in-wordpress-block-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\">social handles buttons<\/a> then click on Add New and add the new button. You can make several changes like changing the icon and editing the link and color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons_-Setting.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"512\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons_-Setting.jpg?resize=624%2C512&#038;ssl=1\" alt=\"\" class=\"wp-image-80992\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons_-Setting.jpg?w=624&amp;ssl=1 624w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons_-Setting.jpg?resize=300%2C246&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons_-Setting.jpg?resize=48%2C39&amp;ssl=1 48w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the same way, you can add the other thing here.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to give a main description also then add the text editor and write the description.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons_-Description.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"358\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons_-Description.jpg?resize=1024%2C358&#038;ssl=1\" alt=\"\" class=\"wp-image-80997\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons_-Description.jpg?resize=1024%2C358&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons_-Description.jpg?resize=300%2C105&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons_-Description.jpg?resize=768%2C268&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons_-Description.jpg?resize=48%2C17&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor_-Social-Icons_-Description.jpg?w=1160&amp;ssl=1 1160w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I added the main description outside the container which looks organized and systematic. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When users visit a product page, you can show related products so that they can check them too. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So, to add the related product first add a Heading and search for the product slider in Elemento Addons.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Product-Slider.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"400\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Product-Slider.jpg?resize=1024%2C400&#038;ssl=1\" alt=\"\" class=\"wp-image-81005\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Product-Slider.jpg?resize=1024%2C400&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Product-Slider.jpg?resize=300%2C117&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Product-Slider.jpg?resize=768%2C300&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Product-Slider.jpg?resize=48%2C19&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_-Product-Slider.jpg?w=1225&amp;ssl=1 1225w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is how you can add the custom woocommerce product page. Now it&#8217;s time to see the preview of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Product-Page_-Preview-1.webp?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"906\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Product-Page_-Preview-1.webp?resize=1024%2C906&#038;ssl=1\" alt=\"\" class=\"wp-image-81013\" style=\"width:671px;height:auto\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Product-Page_-Preview-1.webp?resize=1024%2C906&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Product-Page_-Preview-1.webp?resize=300%2C265&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Product-Page_-Preview-1.webp?resize=768%2C679&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Product-Page_-Preview-1.webp?resize=1536%2C1358&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Product-Page_-Preview-1.webp?resize=48%2C42&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Product-Page_-Preview-1.webp?w=1599&amp;ssl=1 1599w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I must tell you, a product page can be made within a few simple steps too. For this, we will need the Elemento Addons widget.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s see, how it is done.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Use_Custom_Related_Product_Page\"><\/span>Use Custom Related Product Page<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After clicking on <strong>Edit with Elementor<\/strong>, go to the left side, where you will find the Elementor widgets. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Scroll down and get to <strong>Elemento Addons<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_Widgets.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"457\" height=\"334\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_Widgets.jpg?resize=457%2C334&#038;ssl=1\" alt=\"\" class=\"wp-image-80877\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_Widgets.jpg?w=457&amp;ssl=1 457w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_Widgets.jpg?resize=300%2C219&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Addons_Widgets.jpg?resize=48%2C35&amp;ssl=1 48w\" sizes=\"(max-width: 457px) 100vw, 457px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Find Theme Advance Products, drag the widget, and drop on the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"857\" height=\"420\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products.jpg?resize=857%2C420&#038;ssl=1\" alt=\"\" class=\"wp-image-80881\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products.jpg?w=857&amp;ssl=1 857w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products.jpg?resize=300%2C147&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products.jpg?resize=768%2C376&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products.jpg?resize=48%2C24&amp;ssl=1 48w\" sizes=\"(max-width: 857px) 100vw, 857px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When you drop the widget, its customization setting will appear on the left bar. You can edit the settings and appearance of the addon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Content.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"721\" height=\"482\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Content.jpg?resize=721%2C482&#038;ssl=1\" alt=\"\" class=\"wp-image-80885\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Content.jpg?w=721&amp;ssl=1 721w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Content.jpg?resize=300%2C201&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Content.jpg?resize=48%2C32&amp;ssl=1 48w\" sizes=\"(max-width: 721px) 100vw, 721px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">But if you want to change the Appearance of the site then click on Style besides the Content.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Style.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"665\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Style.jpg?resize=810%2C665&#038;ssl=1\" alt=\"\" class=\"wp-image-80886\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Style.jpg?w=810&amp;ssl=1 810w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Style.jpg?resize=300%2C246&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Style.jpg?resize=768%2C631&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Style.jpg?resize=48%2C39&amp;ssl=1 48w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Style section allows for changing the colors, typography, and other settings of the add-on.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After making all changes and setting up the page, click on Publish.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor-Page_-Publish.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor-Page_-Publish.jpg?resize=1024%2C544&#038;ssl=1\" alt=\"\" class=\"wp-image-80888\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor-Page_-Publish.jpg?resize=1024%2C544&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor-Page_-Publish.jpg?resize=300%2C159&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor-Page_-Publish.jpg?resize=768%2C408&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor-Page_-Publish.jpg?resize=1536%2C815&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor-Page_-Publish.jpg?resize=2048%2C1087&amp;ssl=1 2048w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elementor-Page_-Publish.jpg?resize=48%2C25&amp;ssl=1 48w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now <strong>Preview<\/strong> your site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Preview.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"570\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Preview.jpg?resize=1024%2C570&#038;ssl=1\" alt=\"\" class=\"wp-image-80891\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Preview.jpg?resize=1024%2C570&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Preview.jpg?resize=300%2C167&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Preview.jpg?resize=768%2C427&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Preview.jpg?resize=1536%2C855&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Preview.jpg?resize=48%2C27&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Elemento-Products_-Preview.jpg?w=1578&amp;ssl=1 1578w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Here you can see, on the custom woocommerce product page, we added the products with the help of Elemento Addons&#8217; Product widget. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The products are shown on the page. Let&#8217;s preview the single product page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Single-Product-Page-1-scaled.webp?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"869\" height=\"1024\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Single-Product-Page-1.webp?resize=869%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-80903\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Single-Product-Page-1-scaled.webp?resize=869%2C1024&amp;ssl=1 869w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Single-Product-Page-1-scaled.webp?resize=255%2C300&amp;ssl=1 255w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Single-Product-Page-1-scaled.webp?resize=768%2C905&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Single-Product-Page-1-scaled.webp?resize=1304%2C1536&amp;ssl=1 1304w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Single-Product-Page-1-scaled.webp?resize=1738%2C2048&amp;ssl=1 1738w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Single-Product-Page-1-scaled.webp?resize=48%2C57&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/Single-Product-Page-1-scaled.webp?w=2000&amp;ssl=1 2000w\" sizes=\"(max-width: 869px) 100vw, 869px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s it, the custom woocommerce product page is built.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"FAQ\"><\/span>FAQ<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list\">\n<div id=\"faq-question-1739789102507\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><span class=\"ez-toc-section\" id=\"Q_Is_the_Elemento_Addons_Product_widget_responsive\"><\/span>Q. Is the Elemento Addons&#8217; Product widget responsive?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Ans. Yes, the Product widget is 100% <a href=\"https:\/\/themehunk.com\/fr\/best-free-responsive-wordpress-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">responsive<\/a> to all devices. Users can access the site and get the best view on any device they want. <\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1739790351132\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><span class=\"ez-toc-section\" id=\"Q_How_to_select_products_to_show_in_Elemento_Addons_Products_widget\"><\/span>Q. How to select products to show in Elemento Addons&#8217; Products widget?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Ans. There are various ways to show products. You can show products by category, date added, etc. However, if you add a product widget, it will automatically fetch the products. <\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">So we have learned, how to add the custom woocommerce product page using Elementor. As we used the Elemento Addons plugin also, it made it super easy to add products and show them on the page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Elemento Addons has so many <a href=\"https:\/\/themehunk.com\/fr\/elementor-addon-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">addons<\/a> for website building. It is not only known for the widgets but also for the features of the widgets.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Custom woocommerce product pages can be needed to promote specific features. Usually, templates don&#8217;t have such pages so it becomes necessary to create the page on our own.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I hope this blog will help you. Still, if you have any queries or suggestions then let me know in the comment section.<br>You can Subscribe to our&nbsp;<strong><a href=\"https:\/\/www.youtube.com\/channel\/UCfgrZG0WxbPn707NumiWxUg\/featured?sub_confirmation=1\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">YouTube Channel<\/a><\/strong>, we also upload great content there, also Do Follow us on&nbsp;<strong><a href=\"https:\/\/www.facebook.com\/ThemeHunk\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Facebook<\/a><\/strong>&nbsp;and&nbsp;<strong><a href=\"https:\/\/twitter.com\/themehunk\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Twitter<\/a><\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Discover More Articles<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/themehunk.com\/fr\/change-wordpress-login-url-custom-url\/\">How To Change WordPress Login URL(Custom&nbsp;URL) in Easy Steps<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/themehunk.com\/fr\/how-to-create-a-custom-404-page-in-wordpress\/\">How to Create a&nbsp;Custom&nbsp;404 Error Page in WordPress (Easy Guide)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/themehunk.com\/fr\/add-a-custom-search-bar-to-woocommerce\/\">How To Add A&nbsp;Custom&nbsp;Search Bar To WooCommerce For Easier Product Discovery<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Nowadays, Elementor is among the top-ranked page builders. It is very easy to create a website using the features of page builders. However, it provides premade designs but if you want to create on your own then Elementor&#8217;s drag-and-drop builder makes every operation very easy. So it is a win-win situation. By the way, product [&hellip;]<\/p>\n","protected":false},"author":9318,"featured_media":81125,"comment_status":"open","ping_status":"open","sticky":false,"template":"custom-blog-tmpl.php","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":true},"categories":[1,15,5171,456,3674],"tags":[],"class_list":["post-80738","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wp-beginners","category-wordpress-blog","category-elementor","category-wordpress-tutorials","category-woocommerce"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/02\/custom-woo-product-page-32.png?fit=825%2C470&ssl=1","jetpack-related-posts":[{"id":103022,"url":"https:\/\/themehunk.com\/fr\/shop-mania-vs-astra-vs-kadence-woocommerce-theme\/","url_meta":{"origin":80738,"position":0},"title":"Shop Mania vs Astra vs Kadence: WooCommerce Theme Comparison 2026","author":"Gaurav Payak","date":"mai 27, 2026","format":false,"excerpt":"Overview \u27a3 This article compares Shop Mania vs Astra vs Kadence WooCommerce themes based on features, pricing, customization, mobile performance, and overall value to help you choose the best theme. Choosing a WooCommerce theme is no longer just about selecting a design that looks good. Performance, user experience, and long-term\u2026","rel":"","context":"Dans &quot;WordPress&quot;","block_context":{"text":"WordPress","link":"https:\/\/themehunk.com\/fr\/category\/wordpress\/"},"img":{"alt_text":"Shop Mania vs Astra vs Kadence","src":"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/shop-mania-vs-astra-vs-kadence-43.png?fit=825%2C470&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/shop-mania-vs-astra-vs-kadence-43.png?fit=825%2C470&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/shop-mania-vs-astra-vs-kadence-43.png?fit=825%2C470&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/shop-mania-vs-astra-vs-kadence-43.png?fit=825%2C470&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":101521,"url":"https:\/\/themehunk.com\/fr\/blocksy-theme-alternatives\/","url_meta":{"origin":80738,"position":1},"title":"5 Best Blocksy Theme Alternatives for Your WooCommerce Store (2026 Guide)","author":"Gaurav Payak","date":"mai 6, 2026","format":false,"excerpt":"Overview\u27a3 This article compiles the best Blocksy alternatives for WooCommerce, highlighting feature-rich, customizable, and performance-focused options to help you build scalable, high-converting online stores suited to your business needs. Building a successful WooCommerce store starts with choosing the right theme. While Blocksy is widely appreciated for its speed, customization, and\u2026","rel":"","context":"Dans &quot;WordPress&quot;","block_context":{"text":"WordPress","link":"https:\/\/themehunk.com\/fr\/category\/wordpress\/"},"img":{"alt_text":"Blocksy Theme Alternatives","src":"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/blocksy-alternatives-313.webp?fit=825%2C470&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/blocksy-alternatives-313.webp?fit=825%2C470&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/blocksy-alternatives-313.webp?fit=825%2C470&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/blocksy-alternatives-313.webp?fit=825%2C470&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":101804,"url":"https:\/\/themehunk.com\/fr\/avada-theme-alternatives\/","url_meta":{"origin":80738,"position":2},"title":"5 Best Avada Theme Alternatives for WooCommerce Websites in 2026","author":"Gaurav Payak","date":"mai 14, 2026","format":false,"excerpt":"Overview\u27a3 This article explores the best Avada theme alternatives for WooCommerce websites, helping store owners choose themes with better speed, clear layouts, easier customization, and extensive eCommerce functionality. Creating a successful WooCommerce store requires more than just adding products and payment gateways. Your WordPress theme directly affects website speed, customer\u2026","rel":"","context":"Dans &quot;Woocommerce&quot;","block_context":{"text":"Woocommerce","link":"https:\/\/themehunk.com\/fr\/category\/woocommerce\/"},"img":{"alt_text":"Avada Theme Alternatives","src":"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/avada-alternative-4-914.png?fit=825%2C470&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/avada-alternative-4-914.png?fit=825%2C470&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/avada-alternative-4-914.png?fit=825%2C470&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/avada-alternative-4-914.png?fit=825%2C470&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":101562,"url":"https:\/\/themehunk.com\/fr\/shopkeeper-theme-alternatives\/","url_meta":{"origin":80738,"position":3},"title":"6 Best Shopkeeper Theme Alternatives for WordPress","author":"Anurag","date":"mai 7, 2026","format":false,"excerpt":"Overview \u27a3 Shopkeeper is a well-known WordPress Woocommerce theme. Although it is a good theme, sometimes users seek an alternative theme that can fulfil their requirement and charge less or nothing. So in this blog, I have listed some free themes that you can consider to build your website. The\u2026","rel":"","context":"Dans &quot;WP Beginners&quot;","block_context":{"text":"WP Beginners","link":"https:\/\/themehunk.com\/fr\/category\/wp-beginners\/"},"img":{"alt_text":"Shopkeeper Theme Alternatives","src":"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/shopkeeper-alternatives-313.webp?fit=825%2C470&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/shopkeeper-alternatives-313.webp?fit=825%2C470&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/shopkeeper-alternatives-313.webp?fit=825%2C470&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/shopkeeper-alternatives-313.webp?fit=825%2C470&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":102220,"url":"https:\/\/themehunk.com\/fr\/add-search-product-by-sku-in-woocommerce\/","url_meta":{"origin":80738,"position":4},"title":"How to Add Search Product by SKU in WooCommerce","author":"Anurag","date":"mai 20, 2026","format":false,"excerpt":"Overview \u27a3 By adding the Search Product By SKU in woocommerce site, you can make the website experience smoother for users and manage it easier for yourself. In this blog, you can learn how to add the Search by SKU in Woocommerce with very easy and simple steps. Do you\u2026","rel":"","context":"Dans &quot;WP Beginners&quot;","block_context":{"text":"WP Beginners","link":"https:\/\/themehunk.com\/fr\/category\/wp-beginners\/"},"img":{"alt_text":"Search Product by SKU in WooCommerce","src":"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/product-search-by-sku-832.webp?fit=825%2C470&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/product-search-by-sku-832.webp?fit=825%2C470&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/product-search-by-sku-832.webp?fit=825%2C470&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/05\/product-search-by-sku-832.webp?fit=825%2C470&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":100696,"url":"https:\/\/themehunk.com\/fr\/theme-custom-development-for-shoptoli\/","url_meta":{"origin":80738,"position":5},"title":"Shoptoli Case Study: Theme &amp; Custom Developement of a WooCommerce Multivendor Store","author":"Gaurav Payak","date":"avril 2, 2026","format":false,"excerpt":"Overview\u27a3 This case study highlights the theme & custom development for Shoptoli, an eCommerce marketplace focused on delivering a hassle-free online shopping experience. The goal was to build a fast, modern, and conversion-optimized WooCommerce store with advanced features and smooth navigation. Client:\u00a0https:\/\/shoptoli.in\/ Industry:\u00a0eCommerce\/ Online Retail Services Provided:\u00a0Website design and Theme\u2026","rel":"","context":"Dans &quot;WP Beginners&quot;","block_context":{"text":"WP Beginners","link":"https:\/\/themehunk.com\/fr\/category\/wp-beginners\/"},"img":{"alt_text":"Shoptoli Website Review","src":"https:\/\/themehunk.com\/wp-content\/uploads\/2026\/03\/shoptoli8301.avif","width":350,"height":200,"srcset":"https:\/\/themehunk.com\/wp-content\/uploads\/2026\/03\/shoptoli8301.avif 1x, https:\/\/themehunk.com\/wp-content\/uploads\/2026\/03\/shoptoli8301.avif 1.5x, https:\/\/themehunk.com\/wp-content\/uploads\/2026\/03\/shoptoli8301.avif 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"comment_count":"0","_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/posts\/80738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/users\/9318"}],"replies":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/comments?post=80738"}],"version-history":[{"count":124,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/posts\/80738\/revisions"}],"predecessor-version":[{"id":81117,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/posts\/80738\/revisions\/81117"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media\/81125"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=80738"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/categories?post=80738"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/tags?post=80738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}