<ul class="wccom-tick-list-primary">
<li>Upload <strong>any file type</strong> to share documents with customers in an accordion-style menu</li>
<li>Display product documentation <strong>from other page URLs</strong>, such as YouTube</li>
<li>Customize the name of tabs and file names in your menu</li>
<li>Display menus below the product short description, or anywhere you can use shortcodes on your site</li>
<li>Display the documentation menu for the corresponding product in a sidebar using our widget</li>
<li>Use one shortcode to display a list of all attached documents on your site (listed by product)</li>
</ul>
<hr />
<h2>Provide Product Documents, such as Assembly Instructions or Videos, to Customers Before Purchase</h2>
<p>Everyone wants to sell more, and one proven way to make it happen is to reduce barriers to purchase. For many customers, the more information they have for a product up-front, the fewer excuses they have to avoid buying. Giving customers access to product documentation can help reduce barriers to purchase, or just give you a slick way to display product information to customers. Product Documents can display documentation below the product short description, in the sidebar using our widget, or anywhere you can use shortcodes!</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2013/08/woocommerce-product-documents-frontend.png"><img class="aligncenter size-large wp-image-1095354" src="https://woocommerce.com/wp-content/uploads/2013/08/woocommerce-product-documents-frontend.png?w=647" alt="WooCommerce Product Documents Frontend" width="647" height="745" /></a></p>
<h3>How can I use Product Documents?</h3>
<p>Want to sell an ebook? Many times, offering sample chapters can be a helpful way to engage readers and encourage them to buy (why else would Amazon gives away chapters for the Kindle edition of books for free?). You can now list sample chapters, sample images, and more in a sophisticated front-end display with virtually no effort.</p>
<p>You can give customers technical specifications or assembly instructions for your products one click by adding documents to your products. Maybe you spent tons of money printing user manuals that many customers end up losing or throwing away? Now you can go completely paperless! How about including a card when shipping products that directs users to your site, where you can feature user manuals and warranties for products without worrying about rising printing costs again? Centralize all of your documents to save on printing costs, reduce barriers to purchase, and help make them easy to find for customers.</p>
<p>Do you link to manufacturers specs or post how-to videos on YouTube? You can link product documents to a URL to get customers the information they need!</p>
<figure id="attachment_1095358" aria-describedby="caption-attachment-1095358" style="width: 423px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2013/08/woocommerce-product-documents-video-url.png"><img class="size-large wp-image-1095358" src="https://woocommerce.com/wp-content/uploads/2013/08/woocommerce-product-documents-video-url.png?w=423" alt="WooCommerce Product Documents Video URL" width="423" height="442" /></a><figcaption id="caption-attachment-1095358" class="wp-caption-text">Include a Video or other URL sources</figcaption></figure>
<h3>Super-Easy User Interface</h3>
<p>Adding new menus, tabs, and files is simple from the product page. Under <strong>Product Data</strong>, you can add as many files or URLs and as many menu tabs/section as you need to so customers have all of the information they need to make a purchase. Imagine having installation instructions, links to helpful videos, technical specifications, and warranty information all in one, easy-to-use menu!</p>
<figure id="attachment_152603" aria-describedby="caption-attachment-152603" style="width: 550px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2013/08/woocommerce-product-documents-editor.png"><img class="size-medium wp-image-152603" src="https://woocommerce.com/wp-content/uploads/2013/08/woocommerce-product-documents-editor.png" alt="WooCommerce Product Documents Tab and Document Addition" width="550" height="365" /></a><figcaption id="caption-attachment-152603" class="wp-caption-text">Backend: Adding Tabs and Documents</figcaption></figure>
<h3>Use shortcodes to embed Product Documents menus anywhere!</h3>
<p>You can use the advanced shortcode to embed the Product Documents menu for the defined product on a page of your choosing. <strong>How do these shortcodes help you?</strong> First, if you have multiple products sharing the same product documents, you can simply copy/paste this shortcode onto every product page that will use those documents. Or, if you want to display the product documents in a blog post, or on a separate page of your website, you can use this shortcode to reference the product documents for the product you need.</p>
<p>The basic shortcode will embed the documentation menu anywhere you put the shortcode on the corresponding product page. We recommend using the <a href="https://woocommerce.com/products/woocommerce-tab-manager/">WooCommerce Tab Manager</a> to put documentation in a custom product tab:</p>
<figure id="attachment_156906" aria-describedby="caption-attachment-156906" style="width: 530px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2013/08/woocommerce-product-documents-tab-manager-example-frontend.png"><img class="size-medium wp-image-156906" src="https://woocommerce.com/wp-content/uploads/2013/08/woocommerce-product-documents-tab-manager-example-frontend-530x550.png" alt="WooCommerce product documents tab manager" width="530" height="550" /></a><figcaption id="caption-attachment-156906" class="wp-caption-text">What your shortcode will look like on the frontend</figcaption></figure>
<h3>Use Widgets to Diplay Documentation on Product Pages</h3>
<p>The Product Documents widget will allow you to put the product documentation on the corresponding product page for all products, with the menu name of your choice. This widget will respond to show the documents for the product being viewed, and can be used instead of showing documents in the short description.</p>
<figure id="attachment_156905" aria-describedby="caption-attachment-156905" style="width: 550px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2013/08/woocommerce-product-documents-sidebar-widget-frontend.png"><img class="size-medium wp-image-156905" src="https://woocommerce.com/wp-content/uploads/2013/08/woocommerce-product-documents-sidebar-widget-frontend.png" alt="WooCommerce product documents widget" width="550" height="267" /></a><figcaption id="caption-attachment-156905" class="wp-caption-text">Displaying your Product Documents in the sidebar</figcaption></figure>
<p>The Product Documents extension lets you <strong>publish all documents</strong> customers need, such as installation instructions or technical specification all in one place, and can <strong>help you save</strong> on printing costs by adding these documents to your product pages. Providing more information before purchase also helps to <strong>reduce barriers to purchase</strong>: you can reference outside <strong>URLs</strong> or <strong>post links</strong> to helpful videos or reviews, and help make documents <strong>easy to find</strong> for customers so they have all of the information needed to purchase.</p>
<h3>How to Get Started</h3>
<ol>
<li>Buy this extension 🙂</li>
<li>Download, install, and activate in your WooCommerce store</li>
<li>Start uploading product documents on the product page under Product Data > Product Documents</li>
<li>That’s it! Sit back and enjoy organized, beautiful product documentation!</li>
</ol>
<p>Check out the full <a href="https://woocommerce.com/document/woocommerce-product-documents/">documentation</a> for more suggestions or to get detailed instructions!</p>
<p><em>Need any more reason to buy? When you purchase a SkyVerge-developed extension, you’re getting the highest quality extensions for your WooCommerce store. Gain peace of mind by knowing that when you purchase our products, your store’s performance is as important to us as it is to you.</em></p>

Product Documents

<p>Give customers access to product documentation and help reduce barriers to purchase.</p>

<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>

Product Documents vs Product Listing Page with List and Grid View