{"id":38875,"date":"2024-05-17T19:20:42","date_gmt":"2024-05-17T19:20:42","guid":{"rendered":"https:\/\/10web.io\/blog\/?p=38875"},"modified":"2025-12-10T11:22:30","modified_gmt":"2025-12-10T11:22:30","slug":"how-to-change-default-shop-page-in-woocommerce","status":"publish","type":"post","link":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/","title":{"rendered":"How to Change the Default Shop Page in WooCommerce: A Comprehensive Guide"},"content":{"rendered":"<p><span>Learning how to change the default shop page in WooCommerce can enhance your online store&#8217;s functionality and aesthetics. <\/span><\/p>\n<p><span>This guide explains the necessary steps to customize the default shop page, offering various methods, from using WordPress settings to advanced customizations. Tailoring your shop page can improve user experience and reflect your brand identity.<\/span><br \/>\n\r\n<style>\r\n  #ctablocks_inline_84{\r\n          background-color: #000000;\r\n        color: #ffffff;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  #ctablocks_inline_84 p{\r\n    color: #ffffff;\r\n  }\r\n  #ctablocks_inline_84 .button{\r\n        background-color: rgb(51,57,241);\r\n      color: #ffffff;\r\n    border-color: #3339f1 !important;\r\n  }\r\n  #ctablocks_inline_84 .button:hover{\r\n    background: rgba(51,57,241,0.8);\r\n    color: #ffffff;\r\n    opacity: 1;\r\n  }\r\n        #ctablocks_inline_84 .ctablocks_content_info p {\r\n        padding-left: 36px;\r\n      }\r\n      #ctablocks_inline_84 .ctablocks_content_button {\r\n          margin-left: 37px;\r\n      }\r\n  @media screen and (min-width: 768px) and (max-width: 1260px) {\r\n      #ctablocks_inline_84 .ctablocks_content_button {\r\n          margin-left: 37px !important;\r\n      }\r\n  }\r\n  ;\r\n<\/style>\r\n<div id=\"ctablocks_inline_84\" class=\"ctablocks_container inline_type\r\n        \">\r\n\r\n  <div class=\"ctablocks_content clear\">\r\n    <div class=\"ctablocks_content_info\">\r\n      \r\n            <div class=\"title-wrap\">\r\n\t\t\t\t\t                  <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/Group-175063@2x.png\" alt=\"Looking to sell online?\" title=\"Looking to sell online?\">\r\n\t\t\t\t\t            <h4>Looking to sell online?<\/h4>\r\n        <\/div>\r\n              <p>Create your custom online store in minutes with 10Web AI Ecommerce Website Builder and take your business online. <\/p>\r\n          <\/div>\r\n    <div class=\"ctablocks_content_button\">\r\n              <a href=\"https:\/\/10web.io\/ai-website-builder\/\" class=\"button\" data-gtag=\"sign-up-blog\" data-buttontype=\"sign-up\" data-gtag=\"cta-84\" data-buttontype=\"cta-inline\"\r\n\t        >Generate Your Store<\/a>\r\n            \r\n    <\/div>\r\n  <\/div>\r\n    <\/div>\r\n<\/p>\n<h2>FAQ<\/h2>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">How to choose a shop page in WooCommerce?<\/p>\n    <div class=\"faq_content\">\n<ol class=\"black\">\n<li>Go to your WordPress dashboard.<\/li>\n<li>Navigate to <strong>WooCommerce<\/strong> &gt; <strong>Settings<\/strong>.<\/li>\n<li>Click on the <strong>Products<\/strong> tab.<\/li>\n<li>Under <strong>Shop pages<\/strong>, select the desired page from the <strong>Shop Page<\/strong> dropdown menu.<\/li>\n<li>Click <strong>Save changes<\/strong>.<\/li>\n<\/ol>\n<p><\/div>\n<\/div>\n<br \/>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">How do I make the shop page the homepage in WooCommerce?<\/p>\n    <div class=\"faq_content\"><\/p>\n<ol class=\"black\">\n<li>Go to your WordPress dashboard.<\/li>\n<li>Navigate to <strong>Settings<\/strong> &gt; <strong>Reading<\/strong>.<\/li>\n<li>Under <strong>Your homepage displays<\/strong>, select <strong>A static page<\/strong>.<\/li>\n<li>Choose your shop page from the <strong>Homepage<\/strong> dropdown menu.<\/li>\n<li>Click <strong>Save changes<\/strong>.<\/li>\n<\/ol>\n<p><\/div>\n<\/div>\n<br \/>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">What is the default page in WooCommerce?<\/p>\n    <div class=\"faq_content\"><\/p>\n<p>The default page in WooCommerce is the Shop page. It displays all your products and is typically created automatically when WooCommerce is installed.<\/div>\n<\/div>\n<\/p>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">How do I create a custom shop page in WordPress?<\/p>\n    <div class=\"faq_content\">\n<ol class=\"black\">\n<li>Go to your WordPress dashboard.<\/li>\n<li>Navigate to <strong>Pages<\/strong> &gt; <strong>Add New<\/strong>.<\/li>\n<li>Create a new page and add your desired content and design elements.<\/li>\n<li>Use shortcodes or custom templates to display products.<\/li>\n<\/ol>\n<p><\/div>\n<\/div>\n<br \/>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">Why can't I edit my WooCommerce shop page with Elementor?<\/p>\n    <div class=\"faq_content\"><\/p>\n<p>Elementor doesn&#8217;t support direct editing of the WooCommerce default shop page. To edit a shop page with Elementor:<\/p>\n<ol class=\"black\">\n<li>Create a new page and design it with Elementor.<\/li>\n<li>Use Elementor&#8217;s WooCommerce widgets to add product elements.<\/li>\n<li>Use the new edited shop page as your normal shop page.<\/li>\n<\/ol>\n<p>Alternatively, you can use Elementor Pro, which offers more advanced WooCommerce editing capabilities.<\/div>\n<\/div>\n<\/p>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">How do I change my shop URL in WordPress?<\/p>\n    <div class=\"faq_content\"><\/p>\n<ol class=\"black\">\n<li>Go to <strong>WooCommerce<\/strong> &gt; <strong>Settings<\/strong>.<\/li>\n<li>Click on the <strong>Products<\/strong> tab.<\/li>\n<li>Under <strong>Shop pages<\/strong>, select the new page from the <strong>Shop Page<\/strong> dropdown menu.<\/li>\n<li>Click <strong>Save changes<\/strong>.<\/li>\n<li>(Optional) Redirect old URL to new URL:\n<ul>\n<li>Install a redirection plugin like \u201cRedirection\u201d from the WordPress plugin repository.<\/li>\n<li>Set up a redirect from the old shop URL to the new shop URL to ensure users and search engines are directed correctly.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p><\/div>\n<\/div>\n\n<h2>Understanding the WooCommerce default pages<\/h2>\n<p>When you <a href=\"https:\/\/10web.io\/blog\/how-to-set-up-woocommerce-shop-page\/\">set up WooCommerce<\/a>, it automatically creates specific pages that are essential for your online store to operate smoothly.<\/p>\n<ul>\n<li><strong>Shop<\/strong>: This is your main storefront, where products are displayed. No additional content is needed on this page, as it serves as a product archive.<\/li>\n<li><strong>Cart<\/strong>: Features the <strong>WooCommerce Cart Block<\/strong> and shows current cart contents.<\/li>\n<li><strong><a href=\"https:\/\/10web.io\/blog\/how-to-create-a-checkout-page-in-woocommerce\/\">Checkout<\/a><\/strong>: Contains <strong>WooCommerce Checkout Block<\/strong>, presenting shipping and payment options.<\/li>\n<li><strong>My Account<\/strong>: Utilizes the <strong>[woocommerce_my_account]<\/strong> shortcode to show customer-related information like orders and account details.<\/li>\n<li><strong>Terms and Conditions<\/strong>: Though not mandatory, it is strongly advised to have this for customer checkout agreement.<\/li>\n<\/ul>\n<h3>How to change the default shop page in WooCommerce settings<\/h3>\n<p>To change the default shop page, navigate to <strong>WooCommerce &gt; Settings &gt; Products<\/strong>.<\/p>\n<p>Here, you can select a new page from the <strong>Shop Page<\/strong> dropdown to replace the default shop page. Remember, this just instructs WooCommerce to display shop content on the chosen page.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-woocommerce.jpg\" alt=\"How to change the default shop page in WooCommerce settings.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38920\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-woocommerce.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-woocommerce-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-woocommerce-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-woocommerce-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-woocommerce-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-woocommerce-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-woocommerce-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-woocommerce-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h3>Understanding the WooCommerce shop page<\/h3>\n<p>The shop page is unique because it\u2019s an archive template, which is <strong>not directly editable<\/strong>. It\u2019s a PHP file that produces dynamic shop content and functions differently from typical WordPress pages.<\/p>\n<p>This setup ensures a consistent display of your products, no matter what theme or customizations you apply. Even though you can&#8217;t edit the shop page directly, you can <a href=\"https:\/\/10web.io\/blog\/how-to-set-up-woocommerce-shop-page\/\">change the default shop page&#8217;s<\/a> layout, design, and overall appearance.<\/p>\n<h3>Methods to change the default shop page in WooCommerce<\/h3>\n<p>Different methods to edit the default shop page include:<\/p>\n<ol class=\"black\">\n<li><strong>Custom coding<\/strong>: Create a custom shop template file if you are comfortable with HTML, CSS, PHP, and coding.<\/li>\n<li><strong>WordPress Customizer<\/strong>: Some settings can be adjusted via the <strong>WordPress Customizer<\/strong> to modify shop page aspects.<\/li>\n<li><strong>Block editor<\/strong>: Use blocks to create a new page layout.<\/li>\n<li><strong>Page builder<\/strong>: Utilize a page builder to craft a new product archive template or a custom shop page.<\/li>\n<li><strong>Ecommerce themes<\/strong>: Some WooCommerce-compatible themes come with their own settings to edit the shop page.<\/li>\n<li><strong>Plugins<\/strong>: There are plugins available that allow you to customize the shop page without coding.<\/li>\n<\/ol>\n<h2>Changing the default shop page in WooCommerce settings<\/h2>\n<p>To change your default shop page in WooCommerce, you\u2019ll need to access your <a href=\"https:\/\/10web.io\/blog\/how-to-use-woocommerce\/\">WooCommerce settings<\/a> from the WordPress dashboard.<\/p>\n<p>The process is straightforward and involves a few clicks within the WooCommerce settings panel.<\/p>\n<p>Here are the steps you should follow:<\/p>\n<ol class=\"black\">\n<li>Log in to your <strong>WordPress dashboard<\/strong>.<\/li>\n<li>In the sidebar menu, hover over <strong>WooCommerce<\/strong> and click on <strong>Settings<\/strong>.<\/li>\n<li>Navigate to the <strong>Products<\/strong> tab located near the top of the settings page.<\/li>\n<li>Within the Products settings, you will find a drop-down menu next to <strong>Shop page<\/strong>. Click on this drop-down to see a list of all your pages.<\/li>\n<li>Select the page you want to set as your new default shop page from this drop-down menu.<\/li>\n<li>After selecting your new shop page, click the <strong>Save changes<\/strong> button at the bottom to apply your new settings.<\/li>\n<\/ol>\n<p>Selecting a different page as your shop page changes its slug, and this page will now serve as the main product archive, displaying your shop\u2019s items.<\/p>\n<p>Any existing content on the new shop page will be overridden by your normal shop page content.<\/p>\n<h2>How to change the default shop page\u2019s appearance<\/h2>\n<p>The WooCommerce Shop page serves as your virtual storefront, and customizing it can both reflect your brand and enhance your customers\u2019 shopping experience.<\/p>\n<p>Fortunately, even though changing the shop page in WooCommerce&#8217;s settings doesn&#8217;t change the default shop page content, there are several methods to tailor your shop\u2019s layout, content, and features.<\/p>\n<h3>WordPress Customizer<\/h3>\n<p>To change the appearance of your default shop page using the <strong>Customizer<\/strong>:<\/p>\n<ol class=\"black\">\n<li>Navigate to <strong>Appearance<\/strong> \u2192 <strong>Customize<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-customizer.jpg\" alt=\"The WordPress dashboard showing the appearance, customizer link highlighted in red.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38916\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-customizer.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-customizer-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-customizer-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-customizer-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-customizer-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-customizer-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-customizer-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-customizer-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Click on the <strong>WooCommerce<\/strong> section to expand it.<\/li>\n<li>Here you can tweak various options like <strong>Store Notice<\/strong>, <strong>Product Catalog<\/strong>, and <strong>Product Images<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/how-to-change-default-shop-page.jpg\" alt=\"Accessing the WooCommerce options in Appearance, Customizer.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38917\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/how-to-change-default-shop-page.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/how-to-change-default-shop-page-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/how-to-change-default-shop-page-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/how-to-change-default-shop-page-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/how-to-change-default-shop-page-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/how-to-change-default-shop-page-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/how-to-change-default-shop-page-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/how-to-change-default-shop-page-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Adjust settings such as how products are displayed, image sizes, and the default sorting order.<\/li>\n<\/ol>\n<h3>Using CSS for visual tweaks<\/h3>\n<p>Changing the visual elements of your shop page can make it stand out. Use <a href=\"https:\/\/10web.io\/blog\/how-to-edit-css-in-wordpress\/\">CSS customizations<\/a> to alter style, color, and font:<\/p>\n<ol class=\"black\">\n<li>Navigate to <strong>Appearance<\/strong> &gt; <strong>Customize<\/strong> in your WordPress dashboard.<\/li>\n<li>Open the <strong>Additional CSS<\/strong> section.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-css.jpg\" alt=\"How to change the default shop page in WooCommerce with custom CSS in the customizer.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38919\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-css.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-css-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-css-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-css-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-css-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-css-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-css-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-css-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Here, you can add your custom CSS rules. For example:\n<pre><code class=\"language-css\">\/* Change the background color of all product titles *\/\r\n.woocommerce-loop-product__title {\r\n  background-color: #eaeaea;\r\n  color: #333;\r\n  font-family: 'Helvetica', sans-serif;\r\n}\r\n<\/code><\/pre>\n<\/li>\n<li>Click the <strong>Publish<\/strong> button to apply your changes.<\/li>\n<\/ol>\n<p>With CSS, you can ensure that your shop page&#8217;s visual appeal aligns with your brand\u2019s identity. This will offer a consistent and enjoyable experience for your shoppers.<\/p>\n<h3>Changing the shop page with an ecommerce theme<\/h3>\n<p>Choosing one of the many available ecommerce-focused themes can open a wealth of options to customize the store&#8217;s appearance.<\/p>\n<p>For instance, using the Astra theme\u2019s options:<\/p>\n<ol class=\"black\">\n<li>Go to <strong>Appearance<\/strong> \u2192 <strong>Customize<\/strong>.<\/li>\n<li>Choose the <strong>Global<\/strong> or <strong>WooCommerce<\/strong> section, depending on your theme.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-theme.jpg\" alt=\"Changing the default shop page's appearance with an ecommerce theme that supports more customizer options.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38922\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-theme.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-theme-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-theme-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-theme-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-theme-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-theme-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-theme-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-theme-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Modify product catalog settings, including layout, sidebar options, and grid settings.<\/li>\n<\/ol>\n<h3>Building a new shop page in the block editor with blocks and shortcodes<\/h3>\n<p>You can use the various WooCommerce blocks available in the block editor to design a custom shop page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-block.jpg\" alt=\"Using shop page blocks to change the default shop page in WooCommerce.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38925\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-block.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-block-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-block-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-block-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-block-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-block-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-block-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-block-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>To design a new shop page with the block editor:<\/p>\n<ol class=\"black\">\n<li>Navigate to the <strong>Pages<\/strong> section, then click <strong>Add New<\/strong>.<\/li>\n<li>Use <strong><a href=\"https:\/\/10web.io\/blog\/how-to-use-woocommerce-blocks\/\">blocks<\/a><\/strong> such as Products, Featured Products, or <a href=\"https:\/\/10web.io\/blog\/how-to-display-product-categories-on-shop-page-woocommerce\/\">Categories<\/a> to add and arrange your items.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-blocks.jpg\" alt=\"How to change the default shop page in WooCommerce using the block editor.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38918\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-blocks.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-blocks-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-blocks-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-blocks-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-blocks-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-blocks-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-blocks-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-blocks-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Integrate WooCommerce <strong>shortcodes<\/strong> with the Shortcode block if specific customizations are needed.<\/li>\n<\/ol>\n<p>WooCommerce depends on its default pages to function correctly. If you decide to create a new page that serves as a shop page, you may want to consider redirecting the old shop page URL.<\/p>\n<h4>Why redirect the WooCommerce shop page?<\/h4>\n<p>Before diving into the how-to, it&#8217;s important to understand the reasons behind redirecting your WooCommerce shop page:<\/p>\n<ol class=\"black\">\n<li><strong>Improved user experience<\/strong>: Directing users to a more relevant or updated page can enhance their browsing experience.<\/li>\n<li><strong>SEO benefits<\/strong>: Proper redirection ensures that search engines recognize the new URL, preserving your SEO rankings.<\/li>\n<li><strong>Website restructuring<\/strong>: As you revamp your site, redirecting helps maintain site integrity and prevents broken links.<\/li>\n<li><strong>Promotions and campaigns<\/strong>: Redirecting to a promotional page can boost sales during special campaigns.<\/li>\n<\/ol>\n<h5><strong>Steps to redirect the WooCommerce shop page<\/strong><\/h5>\n<p>To redirect the old WooCommerce shop page to a new URL, you can use a plugin or modify your site\u2019s code. Below, we\u2019ll explore both methods.<\/p>\n<p><strong>Method 1: Using a plugin<\/strong><\/p>\n<p style=\"margin-top: 20px;\">Plugins are the easiest way to set up redirects without touching any code. Here\u2019s how you can do it:<\/p>\n<p><strong>Step 1: Install and activate a redirect plugin<\/strong><\/p>\n<ol class=\"black\" style=\"margin-top: 20px;\">\n<li>Go to your WordPress dashboard.<\/li>\n<li>Navigate to <strong>Plugins<\/strong> &gt; <strong>Add New<\/strong>.<\/li>\n<li>Search for a redirection plugin, such as \u201cRedirection\u201d by John Godley.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/redirect-shop-page-plugin.jpg\" alt=\"Redirecting the default shop page in WooCommerce after changing the default shop page.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38927\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/redirect-shop-page-plugin.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/redirect-shop-page-plugin-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/redirect-shop-page-plugin-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/redirect-shop-page-plugin-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/redirect-shop-page-plugin-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/redirect-shop-page-plugin-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/redirect-shop-page-plugin-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/redirect-shop-page-plugin-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Click <strong>Install Now<\/strong>, then <strong>Activate<\/strong>.<\/li>\n<\/ol>\n<p><strong>Step 2: Set up the redirect<\/strong><\/p>\n<ol class=\"black\" style=\"margin-top: 20px;\">\n<li>After activation, go to <strong>Tools<\/strong> &gt; <strong>Redirection<\/strong>.<\/li>\n<li>Click <strong>Start Setup<\/strong> to start the setup wizard. Follow the prompts.<\/li>\n<li>After setup, in the <strong>Source URL<\/strong> field, enter the relative URL of your default WooCommerce shop page (e.g., <code>\/shop<\/code>).<\/li>\n<li>In the <strong>Target URL<\/strong> field, enter the new URL where you want to redirect the shop page (e.g., <code>\/new-shop<\/code>).<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/new-redirect.jpg\" alt=\"Adding the new redirect in the plugin's settings.\" width=\"1920\" height=\"606\" class=\"alignnone size-full wp-image-38928\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/new-redirect.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/new-redirect-742x234.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/new-redirect-1484x468.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/new-redirect-150x47.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/new-redirect-768x242.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/new-redirect-1536x485.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/new-redirect-600x189.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Click <strong>Add Redirect<\/strong>.<\/li>\n<\/ol>\n<p><strong>Step 3: Test the redirection<\/strong><\/p>\n<ol class=\"black\" style=\"margin-top: 20px;\">\n<li>Locate and hover over the new redirect in the list at <strong>Tools &gt; Redirects<\/strong>.<\/li>\n<li>Click <strong>Check Redirect<\/strong>.<\/li>\n<li>Ensure it redirects to the new URL seamlessly.<\/li>\n<\/ol>\n<p>Remember to try the redirect in an incognito window or clear your browser cache if you experience any unexpected behavior. Old data stored in the browser can interfere with seeing updated changes to your website.<\/p>\n<p><strong>Method 2: Using code (functions.php)<\/strong><\/p>\n<p style=\"margin-top: 20px;\">If you prefer to handle redirection without a plugin, you can add a snippet to your theme\u2019s <code>functions.php<\/code> file. Here\u2019s how:<\/p>\n<p><strong>Step 1: Access the Theme File Editor<\/strong><\/p>\n<ol class=\"black\" style=\"margin-top: 20px;\">\n<li>From the WordPress dashboard, go to <strong>Appearance<\/strong> &gt; <strong>Theme File Editor<\/strong>.<\/li>\n<li>Locate and open the <code>functions.php<\/code> file of your active theme.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-custom-function.jpg\" alt=\"Adding custom code to the theme's functions.php file to change the default shop page in WooCommerce.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38930\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-custom-function.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-custom-function-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-custom-function-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-custom-function-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-custom-function-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-custom-function-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-custom-function-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-custom-function-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<\/ol>\n<p><strong>Step 2: Add the redirection code<\/strong><\/p>\n<ol class=\"black\" style=\"margin-top: 20px;\">\n<li>Add the following code snippet to your <code>functions.php<\/code> file:\n<pre>add_action('template_redirect', 'redirect_woocommerce_shop');\r\n\r\nfunction redirect_woocommerce_shop() {\r\n    if (is_shop()) {\r\n        wp_redirect(home_url('\/new-shop'));\r\n        exit();\r\n    }\r\n}\r\n\r\n<\/pre>\n<ul>\n<li>Replace <code>'\/new-shop'<\/code> with the URL path you want to redirect to.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p><strong>Step 3: Save and test<\/strong><\/p>\n<ol class=\"black\" style=\"margin-top: 20px;\">\n<li>Save the changes to the <code>functions.php<\/code> file.<\/li>\n<li>Open a new browser tab and enter the original shop page URL.<\/li>\n<li>Ensure it redirects to the new URL correctly.<\/li>\n<\/ol>\n<h3>Creating a new product archive template with a page builder<\/h3>\n<p>Page builders like Elementor and the 10Web Builder provide drag-and-drop functionality to change the default shop page in WooCommerce to suit your needs. The user-friendly interface makes it easy to lay out your shop page by dropping in WooCommerce widgets to create a product archive template. This template can be set to replace the default shop page automatically.<\/p>\n<p>For example, to change the default shop page with the 10Web Builder:<\/p>\n<ol class=\"black\">\n<li>Go to <strong>Templates &gt; 10Web Templates<\/strong> and select the <strong>Archive<\/strong> tab.<\/li>\n<li>Click\u00a0<strong>Add a new template<\/strong>.<\/li>\n<li>Select\u00a0<strong>Archive<\/strong> as the type of template you want to work on and enter a template name.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-template.jpg\" alt=\"Creating a new archive template to change the default shop page in WooCommerce.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38940\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-template.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-template-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-template-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-template-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-template-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-template-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-template-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-template-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Click\u00a0<strong>Create Template<\/strong>.<\/li>\n<li>Use the WooCommerce widgets to create a shop page layout that suits your needs. You can also add headings, text, and other widgets to customize the page.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/woocommerce-widgets-10Web-Builder.jpg\" alt=\"10Web Builder's premium WooCommerce widgets help change the default shop page.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38941\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/woocommerce-widgets-10Web-Builder.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/woocommerce-widgets-10Web-Builder-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/woocommerce-widgets-10Web-Builder-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/woocommerce-widgets-10Web-Builder-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/woocommerce-widgets-10Web-Builder-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/woocommerce-widgets-10Web-Builder-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/woocommerce-widgets-10Web-Builder-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/woocommerce-widgets-10Web-Builder-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Try the <strong>Products<\/strong> widget to get started with a customizable product grid. The <strong>Content<\/strong>, <strong>Style<\/strong>, and <strong>Advanced<\/strong> tabs allow you to fine-tune the appearance and control which products will display.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-builder.jpg\" alt=\"Using the Products widget to configure a custom product grid on the new shop page.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38942\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-builder.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-builder-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-builder-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-builder-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-builder-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-builder-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-builder-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-shop-page-builder-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Click <strong>Save &amp; Publish<\/strong> when you&#8217;re finished editing the new shop page.<\/li>\n<li>Navigate to <strong>Templates &gt; 10Web Templates<\/strong> in the WordPress dashboard.<\/li>\n<li>Click the <strong>Archive<\/strong> tab.<\/li>\n<li>Locate the new template you just published, and click\u00a0<strong>Add Condition<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/add-condition-default-shop-page.jpg\" alt=\"Click Add Condition to set the new template as the default shop page.\" width=\"1920\" height=\"504\" class=\"alignnone size-full wp-image-38943\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/add-condition-default-shop-page.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/add-condition-default-shop-page-742x195.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/add-condition-default-shop-page-1484x390.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/add-condition-default-shop-page-150x39.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/add-condition-default-shop-page-768x202.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/add-condition-default-shop-page-1536x403.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/add-condition-default-shop-page-600x158.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>To change the default shop page to the new template, select the following options from the dropdown menus as shown: <strong>Include<\/strong>, <strong>Archive<\/strong>, <strong>Product<\/strong> <strong>Archive<\/strong>, <strong>All Products<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-conditions.jpg\" alt=\"Setting the new template's conditions so that it functions as the default shop page.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38944\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-conditions.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-conditions-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-conditions-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-conditions-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-conditions-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-conditions-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-conditions-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-default-shop-page-conditions-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Click <strong>Publish<\/strong>.<\/li>\n<\/ol>\n<p>Now when someone visits your store, they see the new custom shop page.<br \/>\n\r\n<style>\r\n  #ctablocks_inline_84{\r\n          background-color: #000000;\r\n        color: #ffffff;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  #ctablocks_inline_84 p{\r\n    color: #ffffff;\r\n  }\r\n  #ctablocks_inline_84 .button{\r\n        background-color: rgb(51,57,241);\r\n      color: #ffffff;\r\n    border-color: #3339f1 !important;\r\n  }\r\n  #ctablocks_inline_84 .button:hover{\r\n    background: rgba(51,57,241,0.8);\r\n    color: #ffffff;\r\n    opacity: 1;\r\n  }\r\n        #ctablocks_inline_84 .ctablocks_content_info p {\r\n        padding-left: 36px;\r\n      }\r\n      #ctablocks_inline_84 .ctablocks_content_button {\r\n          margin-left: 37px;\r\n      }\r\n  @media screen and (min-width: 768px) and (max-width: 1260px) {\r\n      #ctablocks_inline_84 .ctablocks_content_button {\r\n          margin-left: 37px !important;\r\n      }\r\n  }\r\n  ;\r\n<\/style>\r\n<div id=\"ctablocks_inline_84\" class=\"ctablocks_container inline_type\r\n        \">\r\n\r\n  <div class=\"ctablocks_content clear\">\r\n    <div class=\"ctablocks_content_info\">\r\n      \r\n            <div class=\"title-wrap\">\r\n\t\t\t\t\t                  <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/Group-175063@2x.png\" alt=\"Looking to sell online?\" title=\"Looking to sell online?\">\r\n\t\t\t\t\t            <h4>Looking to sell online?<\/h4>\r\n        <\/div>\r\n              <p>Create your custom online store in minutes with 10Web AI Ecommerce Website Builder and take your business online. <\/p>\r\n          <\/div>\r\n    <div class=\"ctablocks_content_button\">\r\n              <a href=\"https:\/\/10web.io\/ai-website-builder\/\" class=\"button\" data-gtag=\"sign-up-blog\" data-buttontype=\"sign-up\" data-gtag=\"cta-84\" data-buttontype=\"cta-inline\"\r\n\t        >Generate Your Store<\/a>\r\n            \r\n    <\/div>\r\n  <\/div>\r\n    <\/div>\r\n<\/p>\n<h3>Plugins that can help change the shop page<\/h3>\n<p>Several plugins offer custom shop page solutions:<\/p>\n<ul>\n<li><strong>WooCommerce Product Table<\/strong> provides options for displaying products in a table format.<\/li>\n<li><strong>Beaver Builder<\/strong> or <strong><a href=\"https:\/\/10web.io\/blog\/how-to-edit-woocommerce-product-page-with-elementor\/\">Elementor<\/a><\/strong> plugins allow you to drag-and-drop design your Shop page.<\/li>\n<li><strong>WooCommerce Customizer<\/strong> offers simple adjustments through a user-friendly interface.<\/li>\n<\/ul>\n<h3>Modifying template files manually<\/h3>\n<p>To manually customize your shop template:<\/p>\n<ol class=\"black\">\n<li>Create a <a href=\"https:\/\/10web.io\/blog\/how-to-create-a-child-theme-in-wordpress\/\">child theme<\/a> to preserve your changes when updating your theme.<\/li>\n<li>Copy the <code>archive-product.php<\/code> file into your child theme.<\/li>\n<li>Make your code edits to reflect the new layout. This requires familiarity with <strong>PHP<\/strong> and <strong>WooCommerce hooks and filters<\/strong>.<\/li>\n<\/ol>\n<h2>Further enhancing shop functionality<\/h2>\n<p>To enhance your WooCommerce shop\u2019s functionality, you\u2019ll need to use the wide array of available plugins and tweak various settings to optimize the shopping experience.<\/p>\n<p>Your store\u2019s success hinges on these improvements delivering a seamless and user-friendly interface for your customers.<\/p>\n<h3>Optimizing the shopping experience<\/h3>\n<p>Your focus should be on making the shopping experience as intuitive and pleasant as possible. This can be achieved through several optimizations.<\/p>\n<ol class=\"black\">\n<li>Ensure your shop page is running smoothly by checking load times and eliminating any unnecessary bloat. You can use performance plugins to help you with this task.<\/li>\n<li><a href=\"https:\/\/10web.io\/blog\/how-to-use-woocommerce-with-elementor\/\">Customize your shop page layout<\/a> to make it easy for customers to find what they\u2019re looking for through the use of categories, filters, and search bars. Plugins can help lay out these elements in a user-friendly manner.<\/li>\n<li>To avoid confusion, use a redirect plugin to redirect customers from the old default shop page to the new one you have set up.<\/li>\n<\/ol>\n<h2>Advanced customizations<\/h2>\n<p>When you\u2019re ready to go beyond basic theme settings, delving into <a href=\"https:\/\/10web.io\/blog\/how-to-customize-a-wordpress-theme\/\">advanced customizations<\/a> offers far greater control over your <a href=\"https:\/\/10web.io\/blog\/how-to-make-an-ecommerce-website-with-wordpress\/\">WooCommerce shop page\u2019s look<\/a> and functionality.<\/p>\n<h3>Modifying functions.php for custom functionality<\/h3>\n<p>To enhance your shop\u2019s features, you might need to modify the <strong>functions.php<\/strong> file in your theme:<\/p>\n<ol class=\"black\">\n<li>Access your WordPress theme\u2019s directory via FTP or the WordPress theme editor.<\/li>\n<li>Locate the <code>functions.php<\/code> file.<\/li>\n<li>Before making changes, create a backup of this file.<\/li>\n<li>Add your custom code at the end of the file to introduce new functions or modify existing ones. For example:\n<pre><code class=\"language-php\">\/\/ Add a custom message to the shop page\r\nadd_action('woocommerce_before_shop_loop', 'your_custom_function');\r\nfunction your_custom_function() {\r\n  echo '&lt;p style=\"font-weight: bold;\"&gt;Welcome to our store!&lt;\/p&gt;';\r\n}\r\n<\/code><\/pre>\n<\/li>\n<li>Save the changes.<\/li>\n<\/ol>\n<p>Customizing <code>functions.php<\/code> allows you to add or modify shop page features like adding special messages, changing layout behaviors, or even introducing new sorting options.<\/p>\n<h2>Marketing and SEO best practices<\/h2>\n<p>The success of your WooCommerce shop page depends greatly on your SEO and marketing efforts. Applying strategic best practices in these areas can significantly increase your shop&#8217;s visibility and drive more sales.<\/p>\n<h3>Enhancing shop page SEO<\/h3>\n<p><strong>Step 1: Optimize product titles and descriptions<\/strong><br \/>\nYour product titles and <a href=\"https:\/\/10web.io\/blog\/how-to-add-short-description-in-woocommerce-shop-page\/\">descriptions<\/a> should be clear and descriptive and include keywords that potential customers are likely to search for. Use tools like Google&#8217;s Keyword Planner to determine the best keywords for your products.<\/p>\n<p><strong>Step 2: Improve your site&#8217;s speed<\/strong><br \/>\nSite speed is a ranking factor on search engines like Google. Optimize your images and consider using a content delivery network (CDN) to fast-track loading times.<\/p>\n<p><strong>Step 3: Use high-quality images<\/strong><br \/>\nHigh-resolution images can influence a shopper&#8217;s decision and show up in image searches. Name your images descriptively and use alt tags with relevant keywords. Alt tags improve accessibility and help search engines understand your page content.<\/p>\n<p><strong>Step 4: Implement structured data<\/strong><br \/>\nStructured data helps search engines understand your content. It can also enhance your listings in search results with rich snippets. Use schema markup for your product listings to make them stand out.<\/p>\n<p><strong>Step 5: Optimize your URLs<\/strong><br \/>\nEnsure that your shop and product URLs are short, readable, and include keywords. Avoid long strings of numbers or irrelevant characters.<\/p>\n<p><strong>Step 6: Build quality backlinks<\/strong><br \/>\nEncourage reputable, relevant websites to link back to your shop. This can improve your site&#8217;s authority and visibility on search engines.<\/p>\n<p><strong>Step 7: Utilize social media<\/strong><br \/>\nSocial signals play a role in SEO. Share your products on social networks, and make it easy for others to do the same directly from your product pages. Encourage customer engagement with personalized responses that show your customer appreciation.<\/p>\n<h3>Effective ecommerce marketing strategies<\/h3>\n<p><strong>Step 1: Develop a strong brand identity<\/strong><\/p>\n<p>Your brand sets you apart from competitors and can drive customer loyalty. Make sure your shop page reflects your brand identity through consistent colors, logos, and messaging.<\/p>\n<p><strong>Step 2: Engage in email marketing<\/strong><\/p>\n<p>Take advantage of plugins and services available for WordPress and WooCommerce to build your email list and keep in touch with customers. Send out newsletters, product updates, and personalized offers to encourage repeat business.<\/p>\n<p><strong>Step 3: Leverage retargeting ads<\/strong><\/p>\n<p>Use retargeting campaigns to reach users who have visited your site but have not made a purchase. Platforms like Google AdWords can help you display ads to these potential customers as they visit other sites.<\/p>\n<p><strong>Step 4: Utilize user-generated content<\/strong><\/p>\n<p>User-generated content, such as customer reviews and photos, can enhance credibility and encourage sales. Feature this content on your shop page to build trust with new customers.<\/p>\n<h2>Conclusion<\/h2>\n<p><span>By understanding how to change the default shop page in WooCommerce, you gain control over your store&#8217;s appearance and functionality.<\/span><\/p>\n<p><span> Whether through simple settings adjustments or advanced custom coding, customizing your shop page can significantly enhance the shopping experience and align with your branding goals.<\/span><br \/>\n\r\n<style>\r\n  #ctablocks_scrollbox-with-icon_96{\r\n            color: #ffffff;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  #ctablocks_scrollbox-with-icon_96 p{\r\n    color: #ffffff;\r\n  }\r\n  #ctablocks_scrollbox-with-icon_96 .button{\r\n          background-color: #3339F1;\r\n        color: #ffffff;\r\n    border-color: #3339F1 !important;\r\n  }\r\n  #ctablocks_scrollbox-with-icon_96 .button:hover{\r\n    background: rgba(51,57,241,0.8);\r\n    color: #ffffff;\r\n    opacity: 1;\r\n  }\r\n  #ctablocks_scrollbox-with-icon_96.ctablocks_container {\r\n    left: 100%;\r\n  }\r\n  @media screen and (max-width: 1300px) {\r\n      #ctablocks_scrollbox-with-icon_96.ctablocks_container {\r\n          left: 0;\r\n          margin: 0 auto;\r\n      }\r\n  }\r\n  #ctablocks_scrollbox-with-icon_96 .ctablocks_content {\r\n      background-color: #000000;\r\n  }\r\n<\/style>\r\n<div id=\"ctablocks_scrollbox-with-icon_96\" class=\"ctablocks_container scrollbox-with-icon_type\r\n      \">\r\n\r\n  <div class=\"ctablocks_content clear\">\r\n    <div class=\"ctablocks_content_info\">\r\n              <h4>Looking to sell online?<\/h4>\r\n        <h4 class=\"mobile-title\">Create your online store in minutes<\/h4>\r\n              <p>Create your online store in minutes with 10Web AI Ecommerce Website Builder.<\/p>\r\n          <\/div>\r\n    <div class=\"ctablocks_content_button\">\r\n              <a href=\"https:\/\/10web.io\/ai-website-builder\/\" class=\"button\" data-gtag=\"sign-up-blog\" data-buttontype=\"sign-up\" data-gtag=\"cta-96\" data-buttontype=\"cta-scrollbox-with-icon\"\r\n\t        >Generate Your Store<\/a>\r\n            \r\n    <\/div>\r\n  <\/div>\r\n    <span class=\"close_ctablocks\">\r\n      <img decoding=\"async\" class=\"close-icon\" src=\"https:\/\/10web.io\/blog\/wp-content\/plugins\/cta-blocks\/assets\/images\/close_w.svg\" class=\"close\">\r\n      <img decoding=\"async\" class=\"floating-icon\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/Mask-Group-96598@2x.png\" alt=\"Looking to sell online?\" title=\"Looking to sell online?\">\r\n<!--      <img decoding=\"async\" class=\"arrow-icon white\" src=\"\/cta-blocks\/assets\/images\/arrow-icon.svg\" class=\"close\">\r\n-->      <img decoding=\"async\" class=\"arrow-icon purple\" src=\"https:\/\/10web.io\/blog\/wp-content\/plugins\/cta-blocks\/assets\/images\/arrow-icon-purple.svg\" class=\"close\">\r\n  <\/span>\r\n<\/div>\r\n<br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learning how to change the default shop page in WooCommerce can enhance your online store&#8217;s functionality and aesthetics. This guide explains the necessary steps to customize the default shop page, offering various methods, from using WordPress settings to advanced customizations. Tailoring your shop page can improve user experience and reflect your brand identity. FAQ Understanding the WooCommerce default pages When&#8230;<\/p>\n","protected":false},"author":11,"featured_media":35068,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"two_page_speed":[],"footnotes":"","tenweb_blog_toc":"<ul>\r\n\t<li>\r\n\t\t<a href=\"#faq\">FAQ<\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#understanding-the-woocommerce-default-pages\">Understanding the WooCommerce default pages<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#how-to-change-the-default-shop-page-in-woocommerce-settings\">How to change the default shop page in WooCommerce settings<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#understanding-the-woocommerce-shop-page\">Understanding the WooCommerce shop page<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#methods-to-change-the-default-shop-page-in-woocommerce\">Methods to change the default shop page in WooCommerce<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#changing-the-default-shop-page-in-woocommerce-settings\">Changing the default shop page in WooCommerce settings<\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#how-to-change-the-default-shop-pages-appearance\">How to change the default shop page\u2019s appearance<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#wordpress-customizer\">WordPress Customizer<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#using-css-for-visual-tweaks\">Using CSS for visual tweaks<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#changing-the-shop-page-with-an-ecommerce-theme\">Changing the shop page with an ecommerce theme<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#building-a-new-shop-page-in-the-block-editor-with-blocks-and-shortcodes\">Building a new shop page in the block editor with blocks and shortcodes<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#creating-a-new-product-archive-template-with-a-page-builder\">Creating a new product archive template with a page builder<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#plugins-that-can-help-change-the-shop-page\">Plugins that can help change the shop page<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#modifying-template-files-manually\">Modifying template files manually<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#further-enhancing-shop-functionality\">Further enhancing shop functionality<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#optimizing-the-shopping-experience\">Optimizing the shopping experience<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#advanced-customizations\">Advanced customizations<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#modifying-functions-php-for-custom-functionality\">Modifying functions.php for custom functionality<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#marketing-and-seo-best-practices\">Marketing and SEO best practices<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#enhancing-shop-page-seo\">Enhancing shop page SEO<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#effective-ecommerce-marketing-strategies\">Effective ecommerce marketing strategies<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#conclusion\">Conclusion<\/a>\r\n\t<\/li>\r\n<\/ul>\r\n","tenweb_blog_competitor_type":"","tenweb_blog_competitor_names":"","tenweb_blog_twb_version":0,"tenweb_blog_type":""},"categories":[506],"tags":[],"class_list":["post-38875","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Change Default Shop Page in WooCommerce Easily<\/title>\n<meta name=\"description\" content=\"Discover how to change the default WooCommerce shop page with our detailed guide. Block editor, page builders, plugins, and more!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change the Default Shop Page in WooCommerce: A Comprehensive Guide\" \/>\n<meta property=\"og:description\" content=\"Discover how to change the default WooCommerce shop page with our detailed guide. Block editor, page builders, plugins, and more!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"10Web - Build &amp; Host Your WordPress Website\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/10Web.io\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-17T19:20:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-10T11:22:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/change_default_shop_page_in_woocommerce.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1569\" \/>\n\t<meta property=\"og:image:height\" content=\"880\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Tigran Nazaryan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@10Web_io\" \/>\n<meta name=\"twitter:site\" content=\"@10Web_io\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tigran Nazaryan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Change Default Shop Page in WooCommerce Easily","description":"Discover how to change the default WooCommerce shop page with our detailed guide. Block editor, page builders, plugins, and more!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/","og_locale":"en_US","og_type":"article","og_title":"How to Change the Default Shop Page in WooCommerce: A Comprehensive Guide","og_description":"Discover how to change the default WooCommerce shop page with our detailed guide. Block editor, page builders, plugins, and more!","og_url":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/","og_site_name":"10Web - Build &amp; Host Your WordPress Website","article_publisher":"https:\/\/www.facebook.com\/10Web.io\/","article_published_time":"2024-05-17T19:20:42+00:00","article_modified_time":"2025-12-10T11:22:30+00:00","og_image":[{"width":1569,"height":880,"url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/change_default_shop_page_in_woocommerce.jpg","type":"image\/jpeg"}],"author":"Tigran Nazaryan","twitter_card":"summary_large_image","twitter_creator":"@10Web_io","twitter_site":"@10Web_io","twitter_misc":{"Written by":"Tigran Nazaryan","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/#article","isPartOf":{"@id":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/"},"author":{"name":"Tigran Nazaryan","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/9466e64f67fc213397b384bbe3af3bd0"},"headline":"How to Change the Default Shop Page in WooCommerce: A Comprehensive Guide","datePublished":"2024-05-17T19:20:42+00:00","dateModified":"2025-12-10T11:22:30+00:00","mainEntityOfPage":{"@id":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/"},"wordCount":2816,"commentCount":0,"publisher":{"@id":"https:\/\/10web.io\/blog\/#organization"},"image":{"@id":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/change_default_shop_page_in_woocommerce.jpg","articleSection":["WooCommerce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/","url":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/","name":"How to Change Default Shop Page in WooCommerce Easily","isPartOf":{"@id":"https:\/\/10web.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/change_default_shop_page_in_woocommerce.jpg","datePublished":"2024-05-17T19:20:42+00:00","dateModified":"2025-12-10T11:22:30+00:00","description":"Discover how to change the default WooCommerce shop page with our detailed guide. Block editor, page builders, plugins, and more!","breadcrumb":{"@id":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/#primaryimage","url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/change_default_shop_page_in_woocommerce.jpg","contentUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/change_default_shop_page_in_woocommerce.jpg","width":1569,"height":880,"caption":"How to change default shop page in woocommerce."},{"@type":"BreadcrumbList","@id":"https:\/\/10web.io\/blog\/how-to-change-default-shop-page-in-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/10web.io\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Change the Default Shop Page in WooCommerce: A Comprehensive Guide"}]},{"@type":"WebSite","@id":"https:\/\/10web.io\/blog\/#website","url":"https:\/\/10web.io\/blog\/","name":"10Web Blog - Build & Host Your WordPress Website","description":"10Web is an All-in-One Website Building Platform, offering Managed WordPress Hosting on Google Cloud, Beautiful Templates, Premium Plugins and Services.","publisher":{"@id":"https:\/\/10web.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/10web.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/10web.io\/blog\/#organization","name":"10Web","url":"https:\/\/10web.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/04\/Logo-768x686-1.png","contentUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/04\/Logo-768x686-1.png","width":768,"height":686,"caption":"10Web"},"image":{"@id":"https:\/\/10web.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/10Web.io\/","https:\/\/x.com\/10Web_io","https:\/\/www.instagram.com\/10web.io\/","https:\/\/www.linkedin.com\/company\/10web\/mycompany\/","https:\/\/www.youtube.com\/c\/10Web"]},{"@type":"Person","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/9466e64f67fc213397b384bbe3af3bd0","name":"Tigran Nazaryan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ce2393558e7591a237212f11acac58fb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ce2393558e7591a237212f11acac58fb?s=96&d=mm&r=g","caption":"Tigran Nazaryan"},"description":"Tigran Nazaryan is an experienced science and technology professional. After seeing great potential in the automation of web development, he co-founded and became CInO of 10Web. Tigran is passionate about creating solutions to bring AI automation into web development and turning great ideas into powerful technological achievements.","sameAs":["https:\/\/www.linkedin.com\/in\/tnazaryan\/"],"url":"https:\/\/10web.io\/blog\/author\/tigran\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts\/38875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/comments?post=38875"}],"version-history":[{"count":0,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts\/38875\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/media\/35068"}],"wp:attachment":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/media?parent=38875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/categories?post=38875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/tags?post=38875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}