<p><span style="font-weight: 400">WooCommerce list view plugin helps you transform your default product catalog page into an engaging product listing page with list/grid views. Add a toggle button on shop pages to switch listing pages between list and grid view. </span></p>
<p><span style="font-weight: 400">Make it easier for customers to bulk purchase or buy multiple products with the WooCommerce product list view plugin. Enlist specific products or categories with additional product information in the list/grid view. It helps customers to add products to the cart, select quantities, or purchase multiple products with a single click. </span></p>
<p><span style="font-weight: 400">A wide array of businesses can use the plugin, from wholesale to restaurants and technical products. For example, restaurants can allow customers to order multiple dishes with simple clicks, and computer shops can prompt customers to choose specifications when customizing their machines.</span></p>
<div class="woo-sc-box normal">Increase visibility of your products by enabling customers to help your customers to select the number of products they want to see on the shop page with the <strong><a href="https://woocommerce.com/products/product-per-page-for-woocommerce/">WooCommerce product per page plugin</a></strong>.</div>
<h2>Key Features of the List View Plugin for WooCommerce</h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Users can see products in a List, or Grid view with a toggle button.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Order multiple products and variations with a single click.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Show product listing separately on selected pages.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display specific products or categories on the listing page.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Use a shortcode to display the listing page and cart widget.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Quickly find products with the instant search bar.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display listings based on categories in the grid view.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Load list upon scroll, load more button, or pagination.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Select custom colors for table components.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add multiple headings on the listing page and sort their order</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Personalize the load more button.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Mobile Responsive.</span></li>
</ul>
<h3><strong>Enable Product Listings for Better UX</strong></h3>
<p><span style="font-weight: 400">Let customers order multiple products and variations from a single listing page. Display products in a list/grid view or switch between the views with a toggle switch.</span></p>
<p><strong>List View:</strong></p>
<p><img class="aligncenter wp-image-8494004 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/list.gif" alt="Enable Product Listings for Better UX - List View" width="600" height="376" /></p>
<p><strong>Grid View:</strong></p>
<p><img class="aligncenter wp-image-8494005 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/grid.gif" alt="Enable Product Listings for Better UX - Grid View" width="600" height="376" /></p>
<h3><b>Display products in a list or grid view</b></h3>
<p><span style="font-weight: 400">Use the WooCommerce list view plugin to showcase your products in either list or grid view on the listing page. Switch between list and grid view using the dropdown. This gives customers more information and the ability to select product quantity and add to the cart in bulk.</span></p>
<p><img class="aligncenter wp-image-18734003497354 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/6-7.png" alt="Display products in a list or grid view" width="860" height="227" /></p>
<h3><b>Enlist Products Based on Categories in the Grid View</b></h3>
<p><span style="font-weight: 400">Display products based on their categories in the grid view with the WooCommerce product list template plugin. This way customers can easily browse through all products under a specific category and select quantities to place orders.</span></p>
<p><img class="aligncenter wp-image-8494161 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/Category-Wise.png" alt="Enlist Products Based on Categories in the Grid View" width="752" height="893" /></p>
<h3><b>Add listing & cart widgets anywhere using a shortcode</b></h3>
<p><span style="font-weight: 400">The WooCommerce product list template plugin generates a shortcode to display the product listing and cart widget. Admin can paste the shortcode on any page where they want to display the cart widget or listing page.</span></p>
<p><img class="aligncenter wp-image-18734003497355 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/7-6.png" alt="Add listing & cart widgets anywhere using a shortcode" width="1176" height="255" /></p>
<h3><b>Find products with the search bar</b></h3>
<p><span style="font-weight: 400">An instant search bar is displayed at the top of the listing page so that customers can quickly find any product. Users can type the product name in the search bar, which will be filtered at the top of the product listing.</span></p>
<p><img class="aligncenter wp-image-8494066 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/Customers-Can-Use-the-Search-Bar-Too-2.png" alt="Find products with the search bar" width="787" height="547" /></p>
<h3><b>Multiple Product loading options</b></h3>
<p><span style="font-weight: 400">The wooCommerce product listing page template plugin has three different product loading choices. You can display additional products through:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Scroll down </span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Load more button</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Pagination</span></li>
</ul>
<p><img class="aligncenter wp-image-18734003497348 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/5-7.png" alt="Multiple Product loading options" width="760" height="424" /></p>
<h3><b>Customize the product listing table</b></h3>
<p><span style="font-weight: 400">The wooCommerce product table view plugin offers store owners extensive customization options. Admin can customize the color or font size to match their website’s theme.</span></p>
<div class="woo-sc-box normal">If you want to easily display, filter, and sort product varations, install the <strong><a href="https://woocommerce.com/products/product-variations-table-for-woocommerce/">WooCommerce variations table plugin</a></strong> on your store.</div>
<p><img class="aligncenter wp-image-18734003497346 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/4-7.png" alt="Customize the product listing table" width="684" height="568" /></p>
<h3><b>Add multiple headings on the listing page</b></h3>
<p><span style="font-weight: 400">Customize the product listing page and display additional information by including multiple headings. You can display vital product information with headings such as stock, weight, SKUs, length, subtotal, etc.</span></p>
<p><img class="aligncenter wp-image-18734003497247 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/1-13.png" alt="Add multiple headings on the listing page" width="855" height="999" /></p>
<h3><b>Hide out-of-stock products from the listing page</b></h3>
<p><span style="font-weight: 400">Display only the in-stock products on the listing page to avoid any confusion. Improve the users’ buying experience by hiding out-of-stock products and minimizing customer support over out-of-stock products.</span></p>
<p><img class="aligncenter wp-image-18734003497248 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/2-5.png" alt="Hide out-of-stock products from the listing page" width="717" height="159" /></p>
<h3><b>Customize listing page headings by sorting the order</b></h3>
<p><span style="font-weight: 400">Rearrange the headings of the listing page to create a customized listing table. Prioritize headings that are more important depending on the information you want to provide to the customer.</span></p>
<p><img class="aligncenter wp-image-18734003497249 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/3-13.png" alt="Customize listing page headings by sorting the order" width="863" height="402" /></p>
<h3>Create separate listing pages for each category using shortcodes</h3>
<p><span style="font-weight: 400">Improve the user experience of your eCommerce store by displaying categories as separate listing pages by only using shortcodes. Admin can select specific categories to show on the listing page and a shortcode will be generated for each category(s)</span></p>
<p><img class="aligncenter wp-image-18734003497314 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/image_2024_04_03T06_10_51_953Z.png" alt="Create separate listing pages for each category using shortcodes" width="1030" height="393" /></p>
<h3><b>Configure the load more button</b></h3>
<p><span style="font-weight: 400">With the WooCommerce custom product list page plugin, you can customize the “Load More” button. Admin can configure button text, background color, hove, border, and text color.</span></p>
<p><img class="aligncenter wp-image-18734003497359 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/8-6.png" alt="Configure the load more button" width="656" height="657" /></p>
<p> </p>
<h2>Compatibility</h2>
<p>Our plugins are designed to be highly versatile and also compatible with the most commonly used themes, browsers, builders, and mobile views. We understand the importance of flexibility and integration when it comes to enhancing your website’s functionality. Our plugins can effortlessly integrate with the following:</p>
<h3>Themes Compatibility</h3>
<ul>
<li>Store Front</li>
<li>Avada</li>
<li>Flatsome</li>
<li>Porto</li>
<li>Woodmart</li>
<li>WooCommerce default theme</li>
<li>Divi</li>
</ul>
<h3>Builders</h3>
<ul>
<li>Elementor</li>
<li>Bakery</li>
<li>Divi</li>
</ul>
<h3>Also Compatible with</h3>
<ul>
<li>PHP 8</li>
<li>Mobile Layouts</li>
</ul>
<h3>Get Started</h3>
<ol>
<li>Purchase <strong>Product Listing Page with List & Grid View</strong> from WooCommerce.com.</li>
<li>Download and install the extension.</li>
<li>Activate the extension.</li>
<li>Go to <strong>WooCommerce > Product Listing Page </strong> to configure this plugin.</li>
<li>Read the full installation guide <a href="https://woocommerce.com/document/2-0/product-listing-page-with-list-grid-view/">here</a>.</li>
</ol>

Product Listing Page with List and Grid View

<p>Display WooCommerce products in a list/grid view, allowing customers to order multiple products or bulk purchases!</p>

<h2>Allow Customers to Place orders on Whatsapp</h2>
<p><span style="font-weight: 400">Improve store sales by allowing customers to place orders through WhatsApp. The WooCommerce WhatsApp order plugin also lets you display a “Share on WhatsApp” button on multiple pages.</span></p>
<p><span style="font-weight: 400">Let customers place orders on WhatsApp from shop, product, and cart pages. The checkout form will appear in a popup when the customer clicks the “Order on WhatsApp” button whether he is on the shop, product, or cart page. Fill out the checkout form and proceed to place an order on WhatsApp. Customers can also place orders through WhatsApp from the checkout page by clicking the “Order on WhatsApp” checkbox.</span></p>
<p><span style="font-weight: 400">The WooCommerce WhatsApp order button can be added to specific or all products or categories. The plugin works with both simple and variable products. You can also add personalized text and customize the color and shape of the buttons.</span></p>
<p><span style="font-weight: 400">By enabling smooth ordering over WhatsApp, the “Order on WhatsApp for WooCommerce” plugin improves user experience and expedites customer communication. It makes transactions faster, increases consumer trust through tailored interactions, and opens up new sales channels by leveraging WhatsApp messaging’s massive user base.</span></p>
<h3><b>Features List</b></h3>
<ul>
<li><span style="font-weight: 400">Let customers place order on WhatsApp</span></li>
<li><span style="font-weight: 400">Allow customers to share your products on WhatsApp</span></li>
<li><span style="font-weight: 400">Displays checkout form in a popup on the shop and product page</span></li>
<li><span style="font-weight: 400">Option to enable WhatsApp order button only for logged-in customers</span></li>
<li><span style="font-weight: 400">Option to create orders on the admin side when placed through WhatsApp</span></li>
<li><span style="font-weight: 400">Choose the default status for orders from the admin side</span></li>
<li><span style="font-weight: 400">Display the WhatsApp order and share buttons on the shop, product, and cart page</span></li>
<li><span style="font-weight: 400">Add the order on WhatsApp button for specific products or categories</span></li>
<li><span style="font-weight: 400">Customize order on WhatsApp and share button</span></li>
<li><span style="font-weight: 400">Prefilled messages for WhatsApp orders</span></li>
<li><span style="font-weight: 400">Supports variable products</span></li>
<li><span style="font-weight: 400">Enable the WhatsApp option on the checkout page</span></li>
<li><span style="font-weight: 400">Customers will receive a notification upon order confirmation</span></li>
<li><span style="font-weight: 400">Send notification to customers when order status is changed</span></li>
<li><span style="font-weight: 400">Option to hide Add to cart button on product & shop page</span></li>
<li><span style="font-weight: 400">Option to hide WhatsApp button on desktop</span></li>
<li><span style="font-weight: 400">Email notifications for WhatsApp order</span></li>
</ul>
<div class="woo-sc-box normal" style="background-color: #beecba">This Plugin is fully compatible with HPOS(High-Performance Order Storage) and Multisite.</div>
<h3><b>Let Customers Place Orders on WhatsApp from Multiple Pages</b></h3>
<p><span style="font-weight: 400">Make it easy for customers to place orders with the WooCommerce WhatsApp order plugin. Display the “Order on WhatsApp” and “Share Product” buttons on multiple pages of your website. You can add the buttons on the shop, product, and category pages. A checkout form popup will appear on these pages to proceed to place an order on WhatsApp. Customers can also select “Order on WhatsApp” on the checkout page. </span></p>
<p><img class="aligncenter wp-image-18734004073917 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/Screenshot-from-2024-08-13-15-56-44.png" alt="" width="1117" height="668" /></p>
<h3><b>Get All Checkout Details on WhatsApp</b></h3>
<p><span style="font-weight: 400">When a customer places an order on WhatsApp, all checkout form details are automatically passed in the WhatsApp message. This includes the user’s personal information, product details, and shipping information.</span></p>
<p><img class="aligncenter wp-image-18734004073803 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/Chat.png" alt="" width="877" height="765" /></p>
<h3><b>Enable “Share on WhatsApp” Button</b></h3>
<p><span style="font-weight: 400">The order on WhatsApp for WooCommerce plugin allows you to display a “Share on WhatsApp” button on the shop, product, and cart pages. This way customers can easily share products with their family and friends via WhatsApp.</span></p>
<p><img class="aligncenter wp-image-18734002786959 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/2023-10-30_11-49-56.png" alt="Enable “Share on WhatsApp” Button" width="971" height="515" /></p>
<h3><b>Send A “Pay Now” Link on WhatsApp</b></h3>
<p><span style="font-weight: 400">Make payment easy for the customers by sending a “Pay Now” link on their WhatsApp numbers with the WooCommerce order on WhatsApp plugin. In case the payment is pending, you can share a payment link on WhatsApp to make it easy for customers to pay.</span></p>
<p><img class="aligncenter wp-image-18734004073806 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/Payknow.png" alt="" width="877" height="717" /></p>
<h3><b>Add Multiple WhatsApp Numbers for Different Stores</b></h3>
<p><span style="font-weight: 400">Easily cater to more customers by adding multiple WhatsApp order numbers for each store. You can add more than one WhatsApp contact number by clicking the “Add Another” button. You can set the name, contact number, and status for each WhatsApp contact number. You can also set the label for the WhatsApp contact number input.</span></p>
<p><img class="aligncenter wp-image-18734004073808 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/Screenshot-from-2024-08-13-11-32-38.png" alt="" width="839" height="366" /></p>
<h3>Select “Order on WhatsApp” as Payment Method</h3>
<p>The WooCommerce WhatsApp order plugin allows customers to select “Order on WhatsApp” as a payment method. Upon selecting, the user will be redirected to WhatsApp with a “”Pay Now” link. Using this link the customer can complete the order by selecting the desired payment method.</p>
<p><img class="aligncenter wp-image-18734004095262 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/Screenshot-from-2024-08-19-13-07-33.png" alt="" width="845" height="386" /></p>
<h4><b>Works With Both Simple & Variable Products</b></h4>
<p><span style="font-weight: 400">The WooCommerce Order on WhatsApp plugin works well with both simple and variable products. Making it easy for you to sell variable products.</span></p>
<p><img class="aligncenter wp-image-18734002786960 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/2023-10-30_11-50-45.png" alt="Works With Both Simple & Variable Products" width="802" height="599" /></p>
<h3><b>Restrict “Order on WhatsApp” Button for Specific Products or Categories</b></h3>
<p><span style="font-weight: 400">Display the “Order on WhatsApp” button on all pages or restrict them to specific products or categories. Click on the “Apply on All Products” checkbox to display the button on all products. You can also select specific products or categories from the dropdown menu.</span></p>
<p><img class="aligncenter wp-image-18734002769638 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/2023-10-26_11-29-36.png" alt="Restrict “Order on WhatsApp” Button for Specific Products or Categories" width="899" height="280" /></p>
<h3><b>Customize “Order on WhatsApp” Button</b></h3>
<p><span style="font-weight: 400">The WooCommerce WhatsApp order plugin provides you the flexibility to fully customize the “Order on WhatsApp” button. You can add customize teh following:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Order on WhatsApp button text</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Padding and border radius of the WhatsApp order button</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">The background color and text color of the button</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">WhatsApp button border width on the shop, product, and cart page</span></li>
</ul>
<p><span style="font-weight: 400">You can also select the placement of the “Order on WhatsApp” button. Choose to display the button before or after the cart.</span></p>
<p><img class="aligncenter wp-image-18734002786962 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/2023-10-30_11-51-34.png" alt="Customize “Order on WhatsApp” Button" width="687" height="536" /></p>
<h3><b>Customize Share Button</b></h3>
<p><span style="font-weight: 400">The WooCommerce WhatsApp plugin offers you full control over the customization of the share button. You can configure the following options.</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Share button text</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Share button padding and border-radius</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Set the color of the share button background, button text, and border</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">The border width of the share button</span></li>
</ul>
<p><img class="aligncenter wp-image-18734002786963 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/2023-10-30_11-52-08.png" alt="Customize Share Button" width="663" height="556" /></p>
<h4><b>Create Orders in WooCommerce When Placed on WhatsApp</b></h4>
<p><span style="font-weight: 400">WhatsApp order WooCommerce plugin enables you to create orders in WooCommerce when a customer places an order on WhatsApp. You can also set the default order status for WhatsApp orders. Select the order status from the dropdown menu, these include</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Pending Payment</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Processing</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">On Hold</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Completed</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Canceled</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Refunded</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Failed</span></li>
</ul>
<p><img class="aligncenter wp-image-8400448 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/Option-to-Create-Oder-in-WooCommerce.png" alt="Create Orders in WooCommerce When Placed on WhatsApp" width="858" height="301" /></p>
<h4><b>Customers will Receive Notification Upon Order Confirmation</b></h4>
<p><span style="font-weight: 400">Make the order placement process transparent by sending notifications to customers when an order is confirmed. The WooCommerce WhatsApp order plugin allows store owners to send order confirmation messages on WhatsApp with details including order number and status.</span></p>
<p><img class="aligncenter wp-image-18734003507560 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/1qwer.png" alt="Customers will Receive Notification Upon Order Confirmation" width="1352" height="281" /></p>
<h4><b>Send Notification to Customers When Order Status is Changed</b></h4>
<p><span style="font-weight: 400">Keep customers informed on every step of the process by sending notifications for any change in order status. Customers will receive a WhatsApp notification when the order status is changed. For example, suppose the status of an order changes from on-hold to processing or processing to shipped, and so on. In that case, the customer receives notification of order statuses on every change.</span></p>
<p><img class="aligncenter wp-image-18734003507566 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/2024-04-05_12-06-48.png" alt="Send Notification to Customers When Order Status is Changed" width="1337" height="419" /></p>
<h4><b>Enable for Logged-In Users Only</b></h4>
<p><span style="font-weight: 400">With the WooCommerce order WhatsApp plugin, you can enable the “Order on WhatsApp” button only for logged-in customers. This helps you to manage orders more easily.</span></p>
<p><img class="aligncenter wp-image-18734002651711 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/2023-10-02_09-28-45.png" alt="Enable for Logged-In Users Only" width="757" height="202" /></p>
<h4><b>Hide/Show Buttons</b></h4>
<p><span style="font-weight: 400">The WhatsApp order WooCommerce plugin gives you the ability to hide and show specific buttons on certain pages. You can configure the following settings from the backend:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Show the WhatsApp order button on the shop, product, or cart page.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Hide the “Add to Cart” button on the shop, product, or cart page.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow “Order on WhatsApp” on the checkout page.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Hide the “Order on WhatsApp” button for desktop users.</span></li>
</ul>
<p><img class="aligncenter wp-image-18734002769647 size-full" src="https://woocommerce.com/wp-content/uploads/2020/08/H1.png" alt="Hide/Show Buttons" width="1013" height="890" /></p>
<h2>Compatibility</h2>
<p>Our plugins are designed to be highly versatile and also compatible with the most commonly used themes, browsers, builders, and mobile views. We understand the importance of flexibility and integration when it comes to enhancing your website’s functionality. Our plugins can effortlessly integrate with the following:</p>
<h3>Themes Compatibility</h3>
<ul>
<li>Store Front</li>
<li>Avada</li>
<li>Flatsome</li>
<li>Porto</li>
<li>Woodmart</li>
<li>WooCommerce default theme</li>
<li>Divi</li>
</ul>
<h3>Builders</h3>
<ul>
<li>Elementor</li>
<li>Bakery</li>
<li>Divi</li>
</ul>
<h3>Also Compatible with</h3>
<ul>
<li>Multi-Site</li>
<li>Mobile Layouts</li>
</ul>
<h3><strong>How to Get Started</strong></h3>
<ol>
<li>Purchase <a href="https://woocommerce.com/products/order-on-whatsapp-for-woocommerce/"><strong>Order on WhatsApp for WooCommerce</strong></a> from WooCommerce.com.</li>
<li>Download and install the extension.</li>
<li>Activate the extension.</li>
<li>Go to <strong>WooCommerce > Settings > Order on WhatsApp</strong> to enable and configure the settings.</li>
<li><a href="https://woocommerce.com/document/order-on-whatsapp-for-woocommerce/">Read the full installation guide</a>.</li>
</ol>

Order on WhatsApp

<p>Allow customers to Place orders on WhatsApp by adding the “Order on WhatsApp” button on different pages of your eCommerce store and increase conversions!</p>

Product Listing Page with List and Grid View vs Order on WhatsApp