<h2>Create custom fields for products using the extensive capabilities of WS Form PRO</h2>
<p><a href="https://wsform.com">WS Form PRO</a> is a powerful form development plugin for WordPress.</p>
<p>This extension allows you to create customizable products using <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">60+ field types</a>, <a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">conditional logic</a>, <a href="https://wsform.com/knowledgebase/repeatable-sections/" target="_blank" rel="noopener noreferrer">repeaters</a>, <a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">multiple steps</a> and more!</p>
<p>You can use this extension to request additional information about a product before it is added to the cart. Furthermore, it works with popular WooCommerce extensions such as QuickView, Wishlist and Dynamic Pricing.</p>
<div class="woo-sc-box normal">This extension requires you to own the <a title="WS Form PRO" href="https://wsform.com/" target="_blank" rel="noopener noreferrer">WS Form PRO</a> plugin.</div>
<h2>Example Use Cases</h2>
<ul>
<li><a href="https://woocommerce.wsform.com/product/t-shirt/" target="_blank" rel="noopener noreferrer">Interactive product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/make-a-donation/" target="_blank" rel="noopener noreferrer">Donation or ‘name your price’ products</a></li>
<li><a href="https://woocommerce.wsform.com/product/repeatable-sections/" target="_blank" rel="noopener noreferrer">Repeatable sections of fields</a></li>
<li><a href="https://woocommerce.wsform.com/product/woocommerce-field-types/" target="_blank" rel="noopener noreferrer">Placing ‘Add to Cart’ in a desired location</a></li>
<li><a href="https://woocommerce.wsform.com/product/multi-tab/" target="_blank" rel="noopener noreferrer">Multi-step product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/calculations/" target="_blank" rel="noopener noreferrer">Complex price calculations</a></li>
<li><a href="https://woocommerce.wsform.com/product/file-upload/" target="_blank" rel="noopener noreferrer">File uploads</a></li>
<li><a href="https://woocommerce.wsform.com/product/google-map/" target="_blank" rel="noopener noreferrer">Google maps</a></li>
<li><a href="https://woocommerce.wsform.com/product/color-swatches/" target="_blank" rel="noopener noreferrer">Color swatch selectors</a></li>
</ul>
<p>… and more! Visit the <a href="https://woocommerce.wsform.com/" target="_blank" rel="noopener noreferrer">demo website</a> to see more examples.</p>
<h2>Key Features</h2>
<ul>
<li>A fully integrated solution that fits seamlessly into your product pages</li>
<li>Assign forms to individual products, all products, product categories and tags</li>
<li>Use any <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">WS Form PRO field type</a></li>
<li>Create dynamic product pricing by using the <a href="https://wsform.com/knowledgebase_category/field-types-ecommerce/" target="_blank" rel="noopener noreferrer">WS Form e-commerce field types</a> with real-time price updates</li>
<li>Customize the position of ‘Add to Cart’, ‘Quantity’ and other WooCommerce product page elements in your form</li>
<li>Customize the WooCommerce ‘Add to Cart’ button and price format</li>
<li><a href="https://wsform.com/knowledgebase/calculated-fields/" target="_blank" rel="noopener noreferrer">Calculated fields</a></li>
<li><a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">Conditional logic</a></li>
<li><a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">Multi-step forms</a></li>
<li>Run <a href="https://wsform.com/knowledgebase/introduction-actions/" target="_blank" rel="noopener noreferrer">WS Form actions</a> when an order is paid (e.g. Send a product customization to a <a href="https://wsform.com/knowledgebase/slack/" target="_blank" rel="noopener noreferrer">Slack</a> channel, or <a href="https://wsform.com/knowledgebase/run-wordpress-hook/" target="_blank" rel="noopener noreferrer">run a WordPress hook</a>)</li>
</ul>
<h2>How it Works</h2>
<p><img class="size-full wp-image-5281625 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_add_form.jpg" alt="Adding a form to a product" width="980" height="559" /></p>
<p>Adding a form to a WooCommerce product is easy! Simply click on the WS Form tab under ‘Product data’ and choose a template or choose an existing form. You can also start with a blank template and create a fully customized form for your product.</p>
<p><img class="size-full wp-image-5281627 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_form_assigned.jpg" alt="Assigned form" width="980" height="385" /></p>
<p>Managing your product customization is easy. Simply click ‘Edit Form’ to make changes to your form.</p>
<p><img class="size-full wp-image-5281634 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_layout_editor.jpg" alt="Layout Editor" width="980" height="615" /></p>
<p>Use the powerful features of the WS Form PRO <a href="https://wsform.com/knowledgebase/the-layout-editor/" target="_blank" rel="noopener noreferrer">layout editor</a> to edit your product customization.</p>
<p><img class=" wp-image-5281628 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_fields.gif" alt="WooCommerce Fields" width="421" height="212" /></p>
<p>Use the WooCommerce field types to fully customize where product components are positioned on your product page.</p>
<p><img class="size-full wp-image-4796928 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/5.-T-Shirt-customization.jpg" alt="T-Shirt Customization" width="980" height="559" /></p>
<p>Create product customizations that dovetail seamlessly into your website.</p>
<p><img class="size-full wp-image-4796926 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/3.-Your-product-is-customized-with-the-form.jpg" alt="Multi-Tab Forms" width="980" height="559" /></p>
<p>Create multi-step product customizations using all of the features available in WS Form PRO!</p>
<p><a class="woo-sc-button custom" href="https://woocommerce.wsform.com" target="_blank" rel="noopener noreferrer">View a demo of the WS Form Product Add-Ons extension</a></p>

WS Form PRO Product Custom Fields Add-Ons

<p>Create custom fields for products with 60+ customization field types. Customize product pages with tabs, conditional logic, repeaters, calculations, multi-step and more!</p>

<p><span style="font-weight: 400">The WooCommerce pagination plugin provides three different pagination options to help you improve your website’s catalog browsing experience. Replace your current pagination with:</span></p>
<ul>
<li><strong>Infinite scroll</strong> ― load more products as customers scroll down the page.</li>
<li><strong>Ajax pagination</strong> ― enable Ajax pagination to load more products without page reloads.</li>
<li><strong>Load More button</strong> ― add an Ajax-based Load More button and allow customers to load more products with one click, without refreshing pages.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<p><span style="font-weight: 400">Provide customers with WooCommerce pagination, infinite scroll, or load more buttons so that your customers no longer need to reload pages to navigate through the product catalog. Display ‘back-to-top” and “show less” buttons and make it easy for customers to scroll back to the top.</span></p>
<p><span style="font-weight: 400">Customers can easily navigate through the entire catalog by using one of three pagination methods provided by the WooCommerce product pagination plugin. It will improve website engagement and retention by decreasing load times and making content browsing seamless.</span></p>
<h2>Ajax Pagination and Infinite Scroll Features</h2>
<ul>
<li><span style="font-weight: 400">Three different product loading methods:</span></li>
</ul>
<ol>
<li><span style="font-weight: 400">Infinite scroll</span></li>
<li><span style="font-weight: 400">Ajax based pagination</span></li>
<li>Load more button</li>
</ol>
<ul>
<li><span style="font-weight: 400">Select the number of products to load initially</span></li>
<li>Choose the number of products to load on click</li>
<li><span style="font-weight: 400">Choose pagination style and type</span></li>
<li><span style="font-weight: 400">Upload custom “loading icon” for infinite scroll and load more button</span></li>
<li><span style="font-weight: 400">Customize position and color for Ajax pagination and infinite scrolling.</span></li>
<li><span style="font-weight: 400">Enable the “Back to Top” button</span></li>
<li><span style="font-weight: 400">Display the “Show Less” button when the Load More button is enabled</span></li>
<li><span style="font-weight: 400">Customize load more button text, background, and text color</span></li>
</ul>
<h3>Ajax-based pagination</h3>
<p><span style="font-weight: 400">WooCommerce load more products plugin enables you to replace the default pagination with an Ajax-based pagination style. It allows you to display more products without reloading the page. You can choose from different pagination types, such as arrows or next/previous.</span></p>
<p><img class="aligncenter wp-image-18734002842419 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_15-50-22.png" alt="Ajax-based pagination" width="850" height="573" /></p>
<h3>Enable infinite product scroll</h3>
<p><span style="font-weight: 400">Load more products as the user scrolls down with the WooCommerce infinite scroll plugin. Choose how many products to display initially and select the number of products after which the footer will show and you can load more products if you want with the laid more button.</span></p>
<p><img class="aligncenter wp-image-18734002842422 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_15-48-17.png" alt="Enable infinite product scroll" width="858" height="553" /></p>
<h3><b>Display Load More button</b></h3>
<p><span style="font-weight: 400">Instead of loading products on a scroll or with pagination, you can place an Ajax-based Load More button to let customers load more products with a single click. The WooCommerce pagination plugin allows you to upload the product loading icon and customize the text of the “Load More” button.</span></p>
<p><img class="aligncenter wp-image-18734002842424 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_16-07-56.png" alt="Display Load More button" width="836" height="533" /></p>
<h3><strong>Choose from multiple pagination styles</strong></h3>
<p><span style="font-weight: 400">With the WooCommerce custom pagination plugin, you can choose from multiple Ajax pagination styles which include:</span></p>
<ul>
<li>Highlighting selected links</li>
<li>Large number of links</li>
<li>Custom input</li>
<li>Round corner pagination</li>
<li>Pagination link application</li>
<li>Simple application</li>
<li>Next and Previous links</li>
</ul>
<p><img class="aligncenter wp-image-18734002842421 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/image5-1.png" alt="Choose from multiple pagination styles" width="676" height="200" /></p>
<h3><b>Add a Show Less button</b></h3>
<p><span style="font-weight: 400">When you have enabled the “Load More” button, the WooCommerce infinite scroll plugin allows you to display a “Show Less” button. The “show less” button can be customized to fit your store’s theme.</span></p>
<p><img class="aligncenter wp-image-18734002842428 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_16-08-48.png" alt="Add a Show Less button" width="822" height="542" /></p>
<h3><strong>Include a Back-to-Top icon</strong></h3>
<p><span style="font-weight: 400">The “back to top” option makes it easier for customers to scroll back up using the WooCommerce load more products plugin. It allows you to customize the “back to top” icon, and change the icon color, and position.</span></p>
<p><img class="aligncenter wp-image-18734002842430 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_16-06-22.png" alt="Include a Back-to-Top icon" width="953" height="464" /></p>
<h3><b>Extensive customization options</b></h3>
<p><span style="font-weight: 400">The WooCommerce product pagination plugin empowers you with a wide range of customization options. You can choose the color, position, product loading icons, and text for each product loading type. Moreover, you can customize the “Load More” and “Back to Top” buttons as per your requirements.</span></p>

Ajax Pagination & Infinite Scroll

<p>Load products quickly with Ajax pagination, infinite scroll, and a Load More button.</p>

WS Form PRO Product Custom Fields Add-Ons vs Ajax Pagination & Infinite Scroll