{"id":10881,"date":"2026-02-03T10:34:44","date_gmt":"2026-02-03T10:34:44","guid":{"rendered":"https:\/\/www.woohelpdesk.com\/blog\/?p=10881"},"modified":"2026-02-19T14:19:13","modified_gmt":"2026-02-19T14:19:13","slug":"how-to-create-a-shop-page-in-woocommerce","status":"publish","type":"post","link":"https:\/\/www.woohelpdesk.com\/blog\/how-to-create-a-shop-page-in-woocommerce\/","title":{"rendered":"How to Create a Shop Page in WooCommerce Step by Step?"},"content":{"rendered":"<h2>Table of Contents<\/h2>\n<ul>\n<li style=\"list-style-type: none;\"><\/li>\n<\/ul>\n<ul>\n<li><a href=\"#section-1\">Introduction<\/a><\/li>\n<li><a href=\"#section-2\">What is a Shop Page?<\/a><\/li>\n<li><a href=\"#section-3\">What are the Key Features of a Shop Page in WooCommerce?<\/a><\/li>\n<li><a href=\"#section-4\">How to Create a Shop Page in WooCommerce Step by Step?<\/a><\/li>\n<li><a href=\"#section-5\">How to Make WooCommerce Shop Page Full Width?<\/a><\/li>\n<li><a href=\"#section-6\">How to Add or Remove a Sidebar on the WooCommerce Shop Page?<\/a><\/li>\n<li><a href=\"#section-7\">Tips on How to Improve WooCommerce Shop Page Loading Speed?<\/a><\/li>\n<li><a href=\"#section-8\">Final Verdict<\/a><\/li>\n<\/ul>\n<h2 id=\"section-1\">Introduction<\/h2>\n<p>Creating a functional and attractive WooCommerce shop page is essential for any online store. WooCommerce provides you with a wide range of customization options, allowing you to create a store page that reflects your brand while providing a smooth shopping experience.<\/p>\n<p>Setting up your WooCommerce shop page correctly will ensure that customers can easily browse products, make purchases, and navigate through your store without confusion. This guide will walk you through every step to set up your WooCommerce shop page, customize it, and make it the best version of your store page.<\/p>\n<p>In this guide, we will also explore the key features of the WooCommerce shop page, including layout, filtering options, and how to make it full-width. Additionally, you will learn how to set up a WooCommerce product page, customize it, and create a unique shopping experience for your visitors.<\/p>\n<h2 id=\"section-2\">What is a Shop Page?<\/h2>\n<p>A WooCommerce shop page is the main page that displays all the products you offer in your store. It serves as the central hub for browsing your products and serves as the storefront of your WooCommerce website. When customers visit your site, the shop page is typically the first thing they see, and it&#8217;s where they can start searching for the products they want to buy.<\/p>\n<p>The shop page is automatically created when you install WooCommerce, but it can be customized according to your needs. WooCommerce gives you full control over the look, layout, and features of your shop page, so it can align with your brand\u2019s style and customer expectations. Customers can filter products by categories, attributes, or price, and view detailed information for each item.<\/p>\n<ul>\n<li><strong>Central Product Listing<\/strong>: It showcases all the products available on your WooCommerce store.<\/li>\n<li><strong>Grid or List View<\/strong>: Customers can view your products in different layouts, including grid or list.<\/li>\n<li><strong>Navigation<\/strong>: It allows easy navigation with filtering options for better browsing.<\/li>\n<li><strong>Customizable Layout<\/strong>: Customize how products appear, the number of items per row, and more.<\/li>\n<li><strong>Responsive<\/strong>: WooCommerce shop pages are designed to work across various devices, ensuring a smooth experience on mobile and desktop.<\/li>\n<\/ul>\n<h2 id=\"section-3\">What are the Key Features of a Shop Page in WooCommerce?<\/h2>\n<p>A well-designed WooCommerce shop page should feature several key components to make it easier for customers. Here are the key features you should consider when designing your WooCommerce shop page:<\/p>\n<h4>1. Product Display Layout<\/h4>\n<ul>\n<li>The shop page displays your products in a grid or list layout.<\/li>\n<li>You can control the number of products per row and per page.<\/li>\n<li>The layout is customizable to match the design of your store.<\/li>\n<li>Product images, titles, prices, and \u201cAdd to Cart\u201d buttons are displayed.<\/li>\n<li>Customers can click on a product to see more detailed information.<\/li>\n<\/ul>\n<h4>2. Product Categories<\/h4>\n<ul>\n<li>WooCommerce allows you to categorize your products for better organization.<\/li>\n<li>Categories help customers easily navigate and find specific products.<\/li>\n<li>Categories can be displayed in a sidebar or header for easy access.<\/li>\n<li>Product categories make it easier to manage inventory in the backend.<\/li>\n<li>You can assign multiple categories to a product if necessary.<\/li>\n<\/ul>\n<h4>3. Sorting and Filtering Options<\/h4>\n<ul>\n<li>Customers can sort products based on price, popularity, or rating.<\/li>\n<li>Filtering options allow users to narrow down results by attributes like size, color, or brand.<\/li>\n<li>Filtering can be done by price range or specific product features.<\/li>\n<li>Sorting and filtering options enhance the shopping experience by saving time.<\/li>\n<li>A well-structured filter system can increase conversion rates by guiding customers.<\/li>\n<\/ul>\n<h4>4. Product Quick View<\/h4>\n<ul>\n<li>The product quick view feature allows customers to see product details without leaving the shop page.<\/li>\n<li>It saves time and enhances the user experience by not interrupting the shopping flow.<\/li>\n<li>Quick view displays product name, image, price, and short description.<\/li>\n<li>Customers can quickly add products to the cart from the quick view.<\/li>\n<li>Quick view improves browsing speed and encourages impulse buying.<\/li>\n<\/ul>\n<h4>5. Pagination and Infinite Scroll<\/h4>\n<ul>\n<li>WooCommerce gives you the option to paginate products or use infinite scroll.<\/li>\n<li>Pagination breaks down products into multiple pages, providing easier navigation for smaller stores.<\/li>\n<li>Infinite scroll loads new products automatically as the user scrolls down.<\/li>\n<li>Infinite scroll is great for stores with many products, offering a seamless browsing experience.<\/li>\n<li>Choose the method that fits your store size and customer preferences.<\/li>\n<\/ul>\n<h4>6. Product Badges<\/h4>\n<ul>\n<li>Product badges can be used to highlight promotions like &#8220;Sale&#8221; or &#8220;New Arrival.&#8221;<\/li>\n<li>They draw attention to discounted or special offer items.<\/li>\n<li>Badges are customizable, so you can change the colors or text.<\/li>\n<li>Show badges for clearance sales or seasonal promotions to increase urgency.<\/li>\n<li>Product badges help inform customers about product availability and discounts.<\/li>\n<\/ul>\n<h4>7. Add to Cart Button<\/h4>\n<ul>\n<li>The <strong>Add to Cart<\/strong> button is prominently displayed on the shop page.<\/li>\n<li>A visible and functional button makes it easy for customers to add items to their cart.<\/li>\n<li>You can customize the button\u2019s color and placement to match the store\u2019s theme.<\/li>\n<li>WooCommerce automatically updates the cart when an item is added, showing a notification.<\/li>\n<li>Quick add-to-cart functionality can also be integrated for faster transactions.<\/li>\n<\/ul>\n<h4>8. Product Reviews and Ratings<\/h4>\n<ul>\n<li>Product reviews and ratings provide social proof and influence customer purchasing decisions.<\/li>\n<li>Displaying product reviews on the shop page allows customers to make informed choices.<\/li>\n<li>WooCommerce allows customers to leave ratings and reviews for each product.<\/li>\n<li>Positive reviews can increase trust and encourage sales.<\/li>\n<li>Ratings can be displayed on the product images or underneath the product description.<\/li>\n<\/ul>\n<h2 id=\"section-4\">How to Create a Shop Page in WooCommerce Step by Step?<\/h2>\n<p>Creating and customizing your WooCommerce shop page is an essential part of building your online store. Follow these steps to create a shop page that is functional, attractive, and easy to navigate:<\/p>\n<h3>Step 1: Install and Activate the WooCommerce Plugin<\/h3>\n<p><strong>Dashboard \u2192 Plugins \u2192 Add New \u2192 Search for WooCommerce \u2192 Install &amp; Activate<\/strong><\/p>\n<ul>\n<li>Navigate to the WordPress dashboard and go to Plugins.<\/li>\n<li>Click Add New and search for the &#8220;WooCommerce&#8221; plugin.<\/li>\n<li>Install and activate the plugin from the WordPress repository.<\/li>\n<li>After activation, WooCommerce will automatically generate a Shop page for your store.<\/li>\n<\/ul>\n<h3>Step 2: Set the Shop Page as Your Homepage<\/h3>\n<p><strong>Settings \u2192 Reading \u2192 A static page \u2192 Select Shop Page \u2192 Save Changes<\/strong><\/p>\n<ul>\n<li>Go to Settings \u2192 Reading in the WordPress dashboard.<\/li>\n<li>Under Your homepage displays, select A static page.<\/li>\n<li>From the Homepage dropdown, select the Shop page created by WooCommerce.<\/li>\n<li>Click Save Changes to make your shop page the homepage.<\/li>\n<\/ul>\n<h3>Step 3: Customize the Shop Page Layout<\/h3>\n<p><strong>Pages \u2192 Shop Page \u2192 Edit \u2192 Customize Layout (Gutenberg or Page Builder)<\/strong><\/p>\n<ul>\n<li>Go to Pages &gt; All Pages and find the Shop page.<\/li>\n<li>Click Edit to modify the content or layout of your shop page.<\/li>\n<li>Use the Gutenberg Editor or a page builder like Elementor to adjust the layout.<\/li>\n<li>Add custom sections like banners, categories, or featured products.<\/li>\n<li>Save your changes and preview the shop page to see the updates.<strong><br \/>\n<\/strong><\/li>\n<\/ul>\n<h3>Step 4: Add and Categorize Products<\/h3>\n<p><strong>WooCommerce \u2192 Products \u2192 Add New \u2192 Fill in Product Details \u2192 Publish<\/strong><\/p>\n<ul>\n<li>Navigate to WooCommerce &gt; Products &gt; Add New.<\/li>\n<li>Add product title, description, price, and images.<\/li>\n<li>Categorize products by selecting relevant product categories.<\/li>\n<li>Click Publish to make the product visible on the shop page.<\/li>\n<\/ul>\n<h3>Step 5: Configure Product Display Settings<\/h3>\n<p><strong>WooCommerce \u2192 Settings \u2192 Products \u2192 Adjust Display Settings<\/strong><\/p>\n<ul>\n<li>Go to WooCommerce &gt; Settings &gt; Products.<\/li>\n<li>Adjust the number of products per row and products per page.<\/li>\n<li>Configure product sorting options (e.g., by price, popularity).<\/li>\n<li>Save your settings once you are satisfied with the configuration.<\/li>\n<\/ul>\n<h3>Step 6: Add Custom Filters and Sorting Options<\/h3>\n<p><strong>Install Plugin \u2192 Configure Filters \u2192 Enable Sorting Options \u2192 Save Changes<\/strong><\/p>\n<ul>\n<li>Install a plugin like WooCommerce Product Filter to add filtering options.<\/li>\n<li>Configure the filter settings (e.g., by size, color, price).<\/li>\n<li>Enable sorting options like sorting by price or rating.<\/li>\n<li>Save the changes and test the filters and sorting options.<\/li>\n<\/ul>\n<h2 id=\"section-5\">How to Make WooCommerce Shop Page Full Width?<\/h2>\n<p>Making your WooCommerce shop page full width can improve the browsing experience by showcasing more products. Follow these steps to make it full-width:<\/p>\n<h3>Step 1: Check Theme Settings<\/h3>\n<p><strong>Appearance \u2192 Customize \u2192 Layout \u2192 Select Full Width \u2192 Save Changes<\/strong><\/p>\n<ul>\n<li>Go to Appearance &gt; Customize in your WordPress dashboard.<\/li>\n<li>Look for the Layout or Page Settings section.<\/li>\n<li>Select Full Width as the page layout option.<\/li>\n<li>Click Save Changes to apply the settings.<\/li>\n<\/ul>\n<h3>Step 2: Modify Page Template (If Required)<\/h3>\n<p><strong>Theme Files \u2192 Edit page.php or archive-product.php \u2192 Remove Sidebar \u2192 Adjust Container Width<\/strong><\/p>\n<ul>\n<li>Go to your theme folder and locate page.php or archive-product.php.<\/li>\n<li>Remove the sidebar code that limits the page width.<\/li>\n<li>Adjust the content container width to 100% to fill the entire page.<\/li>\n<li>Save your changes and refresh the shop page.<\/li>\n<\/ul>\n<h3>Step 3: Use Custom CSS<\/h3>\n<p><strong>Appearance \u2192 Customize \u2192 Additional CSS \u2192 Add CSS Code<\/strong><\/p>\n<ul>\n<li>Go to Appearance &gt; Customize &gt; Additional CSS.<\/li>\n<\/ul>\n<p style=\"padding-left: 30px;\">Add the following code to remove the sidebar and make the page full width:<\/p>\n<p>\u00a0.woocommerce-page .content-area {<\/p>\n<p style=\"padding-left: 30px;\">\u00a0\u00a0\u00a0\u00a0width: 100%;<\/p>\n<p style=\"padding-left: 30px;\">}<\/p>\n<p style=\"padding-left: 30px;\">.woocommerce-page .sidebar {<\/p>\n<p style=\"padding-left: 30px;\">\u00a0\u00a0\u00a0\u00a0display: none;<\/p>\n<p style=\"padding-left: 30px;\">}\u00a0<strong><br \/>\n<\/strong><\/p>\n<ul>\n<li>Publish the changes to make the shop page full-width.<\/li>\n<\/ul>\n<h2 id=\"section-6\">How to Add or Remove a Sidebar on the WooCommerce Shop Page?<\/h2>\n<p>WooCommerce provides flexibility when it comes to the layout of your shop page. You can either add a sidebar to your shop page for product categories, filters, or recent products, or remove it for a cleaner, full-width layout.<\/p>\n<h3>Step 1: Check Your Theme Settings<\/h3>\n<ul>\n<li>Go to the <strong>WordPress Dashboard &gt; Appearance &gt; Customize.<\/strong><\/li>\n<li>Look for the Layout Options or Page Layout section in your theme customizer.<\/li>\n<li>Some themes provide an option to select a sidebar layout or full-width layout for the shop page.<\/li>\n<li>If a sidebar is selected, you can change it to Full Width if you want to remove the sidebar.<\/li>\n<\/ul>\n<h3>Step 2: Modify the Shop Page Template (if needed)<\/h3>\n<ul>\n<li>If your theme doesn\u2019t allow you to remove the sidebar through the customizer, you\u2019ll need to modify the theme\u2019s template file.<\/li>\n<li>Go to your theme folder and find archive-product.php (this is usually where the layout for the shop page is defined).<\/li>\n<\/ul>\n<p style=\"padding-left: 30px;\">Inside this file, find the sidebar code, which is usually something like:<\/p>\n<p>\u00a0&lt;div id=&#8221;primary&#8221; class=&#8221;widget-area&#8221;&gt;<\/p>\n<p style=\"padding-left: 30px;\">\u00a0\u00a0\u00a0\u00a0&lt;?php dynamic_sidebar( &#8216;sidebar-1&#8217; ); ?&gt;<\/p>\n<p style=\"padding-left: 30px;\">&lt;\/div&gt;<\/p>\n<ul>\n<li>Remove or comment out the sidebar code to make the shop page full width.<strong><br \/>\n<\/strong><\/li>\n<li>If you want to add the sidebar back later, simply re-enable the code.<strong><br \/>\n<\/strong><\/li>\n<\/ul>\n<h3>Step 3: Use Custom CSS to Remove the Sidebar (Optional)<\/h3>\n<ul>\n<li>If your theme doesn\u2019t allow for easy customization, you can use custom CSS to remove the sidebar and make the page full width.<\/li>\n<li>Go to <strong>Appearance &gt; Customize &gt; Additional CSS<\/strong> in the WordPress dashboard.<\/li>\n<\/ul>\n<p style=\"padding-left: 30px;\">Add the following CSS code to hide the sidebar and make the page full width:<\/p>\n<p>\u00a0.woocommerce-page .content-area {<\/p>\n<p style=\"padding-left: 30px;\">\u00a0\u00a0\u00a0\u00a0width: 100%;<\/p>\n<p style=\"padding-left: 30px;\">}<\/p>\n<p style=\"padding-left: 30px;\">.woocommerce-page .sidebar {<\/p>\n<p style=\"padding-left: 30px;\">\u00a0\u00a0\u00a0\u00a0display: none;<\/p>\n<p style=\"padding-left: 30px;\">}\u00a0<strong><br \/>\n<\/strong><\/p>\n<ul>\n<li>Save the changes, and refresh your shop page to ensure it\u2019s full width.<\/li>\n<\/ul>\n<h3>Step 4: Use a Page Builder (if applicable)<\/h3>\n<ul>\n<li>If you&#8217;re using a page builder like Elementor or WPBakery, you can design your shop page without worrying about sidebars.<\/li>\n<li>Create a custom layout for your shop page, and simply choose to exclude the sidebar.<\/li>\n<li>Drag and drop elements like product categories, product grids, and filters into the main content area.<\/li>\n<li>Save your custom layout and preview it to make sure the sidebar is removed and the page looks how you want it.<\/li>\n<\/ul>\n<h2 id=\"section-7\">Tips on How to Improve WooCommerce Shop Page Loading Speed?<\/h2>\n<ul>\n<li>Install image optimization plugins like Smush or Imagify to compress and optimize product images without sacrificing quality. Large images can slow down your page load times significantly.<\/li>\n<li>After installation, compress product images using the plugin to reduce their size. Optimized images will load faster, improving your shop page speed.<\/li>\n<li>Install caching plugins like W3 Total Cache or WP Rocket to improve your shop page speed. Caching reduces the amount of data your site has to reload for every visitor, speeding up your page.<\/li>\n<li>Minify CSS\/JavaScript files using a plugin like Autoptimize. This will remove unnecessary characters from your files, reducing their size and improving page load times.<\/li>\n<li>Test website performance using tools like Google PageSpeed Insights to check load speed and get suggestions for improvement.<\/li>\n<\/ul>\n<h2 id=\"section-8\">Final Verdict<\/h2>\n<p>Setting up your WooCommerce shop page correctly is crucial for a successful online store. By following the above steps, you can create a fully functional, user-friendly shop page that provides an excellent experience for your customers.<\/p>\n<p>Making your shop page full width, customizing product display settings, and organizing products effectively will help drive conversions and make your store visually appealing. Regularly test your layout and update it as needed to ensure your WooCommerce shop stays competitive and efficient.<\/p>\n<p>Have questions before starting with WooCommerce &amp; WordPress? Get support here at <a href=\"https:\/\/www.woohelpdesk.com\/\">WooHelpDesk<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Table of Contents Introduction What is a Shop Page? What are the Key Features of a Shop Page in WooCommerce? How to Create a Shop Page in WooCommerce Step by Step? How to Make WooCommerce Shop Page Full Width? How to Add or Remove a Sidebar on the WooCommerce Shop Page? Tips on How to [&hellip;]<\/p>\n<div class='heateor_sss_sharing_container heateor_sss_vertical_sharing heateor_sss_bottom_sharing' style='width:29px;left: 10px;top: 250px;-webkit-box-shadow:none;box-shadow:none;' data-heateor-sss-href='https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/10881'><div class=\"heateor_sss_sharing_ul\"><a aria-label=\"Facebook\" class=\"heateor_sss_facebook\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F10881\" title=\"Facebook\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg\" style=\"background-color:#0765FE;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path fill=\"#fff\" d=\"M28 16c0-6.627-5.373-12-12-12S4 9.373 4 16c0 5.628 3.875 10.35 9.101 11.647v-7.98h-2.474V16H13.1v-1.58c0-4.085 1.849-5.978 5.859-5.978.76 0 2.072.15 2.608.298v3.325c-.283-.03-.775-.045-1.386-.045-1.967 0-2.728.745-2.728 2.683V16h3.92l-.673 3.667h-3.247v8.245C23.395 27.195 28 22.135 28 16Z\"><\/path><\/svg><\/span><\/a><a aria-label=\"X\" class=\"heateor_sss_button_x\" href=\"https:\/\/twitter.com\/intent\/tweet?text=WooHelpDesk%20Blog%20%E2%80%93%20WordPress%20%26%20WooCommerce%20Tips%20and%20Tutorials%20-%20&url=https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F10881\" title=\"X\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_x\" style=\"background-color:#2a2a2a;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg width=\"100%\" height=\"100%\" style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 32 32\"><path fill=\"#fff\" d=\"M21.751 7h3.067l-6.7 7.658L26 25.078h-6.172l-4.833-6.32-5.531 6.32h-3.07l7.167-8.19L6 7h6.328l4.37 5.777L21.75 7Zm-1.076 16.242h1.7L11.404 8.74H9.58l11.094 14.503Z\"><\/path><\/svg><\/span><\/a><a aria-label=\"Linkedin\" class=\"heateor_sss_button_linkedin\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F10881\" title=\"Linkedin\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_linkedin\" style=\"background-color:#0077b5;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path d=\"M6.227 12.61h4.19v13.48h-4.19V12.61zm2.095-6.7a2.43 2.43 0 0 1 0 4.86c-1.344 0-2.428-1.09-2.428-2.43s1.084-2.43 2.428-2.43m4.72 6.7h4.02v1.84h.058c.56-1.058 1.927-2.176 3.965-2.176 4.238 0 5.02 2.792 5.02 6.42v7.395h-4.183v-6.56c0-1.564-.03-3.574-2.178-3.574-2.18 0-2.514 1.7-2.514 3.46v6.668h-4.187V12.61z\" fill=\"#fff\"><\/path><\/svg><\/span><\/a><a aria-label=\"Pinterest\" class=\"heateor_sss_button_pinterest\" href=\"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/10881\" onclick=\"event.preventDefault();javascript:void( (function() {var e=document.createElement('script' );e.setAttribute('type','text\/javascript' );e.setAttribute('charset','UTF-8' );e.setAttribute('src','\/\/assets.pinterest.com\/js\/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());\" title=\"Pinterest\" rel=\"noopener\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_pinterest\" style=\"background-color:#cc2329;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"-2 -2 35 35\"><path fill=\"#fff\" d=\"M16.539 4.5c-6.277 0-9.442 4.5-9.442 8.253 0 2.272.86 4.293 2.705 5.046.303.125.574.005.662-.33.061-.231.205-.816.27-1.06.088-.331.053-.447-.191-.736-.532-.627-.873-1.439-.873-2.591 0-3.338 2.498-6.327 6.505-6.327 3.548 0 5.497 2.168 5.497 5.062 0 3.81-1.686 7.025-4.188 7.025-1.382 0-2.416-1.142-2.085-2.545.397-1.674 1.166-3.48 1.166-4.689 0-1.081-.581-1.983-1.782-1.983-1.413 0-2.548 1.462-2.548 3.419 0 1.247.421 2.091.421 2.091l-1.699 7.199c-.505 2.137-.076 4.755-.039 5.019.021.158.223.196.314.077.13-.17 1.813-2.247 2.384-4.324.162-.587.929-3.631.929-3.631.46.876 1.801 1.646 3.227 1.646 4.247 0 7.128-3.871 7.128-9.053.003-3.918-3.317-7.568-8.361-7.568z\"\/><\/svg><\/span><\/a><a aria-label=\"Telegram\" class=\"heateor_sss_button_telegram\" href=\"https:\/\/telegram.me\/share\/url?url=https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F10881&text=WooHelpDesk%20Blog%20%E2%80%93%20WordPress%20%26%20WooCommerce%20Tips%20and%20Tutorials%20-%20\" title=\"Telegram\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_telegram\" style=\"background-color:#3da5f1;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path fill=\"#fff\" d=\"M25.515 6.896L6.027 14.41c-1.33.534-1.322 1.276-.243 1.606l5 1.56 1.72 5.66c.226.625.115.873.77.873.506 0 .73-.235 1.012-.51l2.43-2.363 5.056 3.734c.93.514 1.602.25 1.834-.863l3.32-15.638c.338-1.363-.52-1.98-1.41-1.577z\"><\/path><\/svg><\/span><\/a><a aria-label=\"Whatsapp\" class=\"heateor_sss_whatsapp\" href=\"https:\/\/api.whatsapp.com\/send?text=WooHelpDesk%20Blog%20%E2%80%93%20WordPress%20%26%20WooCommerce%20Tips%20and%20Tutorials%20-%20%20https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F10881\" title=\"Whatsapp\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg\" style=\"background-color:#55eb4c;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"-6 -5 40 40\"><path class=\"heateor_sss_svg_stroke heateor_sss_no_fill\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" d=\"M 11.579798566743314 24.396926207859085 A 10 10 0 1 0 6.808479557110079 20.73576436351046\"><\/path><path d=\"M 7 19 l -1 6 l 6 -1\" class=\"heateor_sss_no_fill heateor_sss_svg_stroke\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"><\/path><path d=\"M 10 10 q -1 8 8 11 c 5 -1 0 -6 -1 -3 q -4 -3 -5 -5 c 4 -2 -1 -5 -1 -4\" fill=\"#fff\"><\/path><\/svg><\/span><\/a><\/div><div class=\"heateorSssClear\"><\/div><\/div>","protected":false},"author":1,"featured_media":11022,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-10881","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/10881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/comments?post=10881"}],"version-history":[{"count":3,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/10881\/revisions"}],"predecessor-version":[{"id":10903,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/10881\/revisions\/10903"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/media\/11022"}],"wp:attachment":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/media?parent=10881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/categories?post=10881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/tags?post=10881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}