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

<ul class="wccom-tick-list-primary">
<li>Reduce Delivery Errors and Costs: Eliminate the risk of undelivered packages due to incorrect address entry, saving time and costs associated with returns and failed deliveries.</li>
<li>Seamless Checkout Experience: Simplify the checkout process with Google Maps’ address autofill, allowing customers to quickly and accurately enter their address, improving conversion rates.</li>
<li>Customizable Shipping Methods: Tailor shipping options to specific locations or regions, offering unique shipping methods, such as free shipping or flat rates, based on the customer’s address.</li>
<li>Interactive Address Selection: Enhance the user experience by letting customers pinpoint their address with a drag-and-drop map feature, ensuring precise location input and boosting satisfaction.</li>
</ul>
<hr />
<p>Tired of undelivered packages due to invalid addresses? Stop delivery delays caused by incorrect entries during the checkout process. Introducing Address Autocomplete for WooCommerce, a smart yet user-friendly extension that syncs your store with Google Maps’ location detector via Google Map API. Let your customers fill in their addresses effortlessly using Google’s address suggestion feature, improving accuracy and speed at checkout.</p>
<h2>Key Features of Address Autocomplete for WooCommerce</h2>
<h3>Street Address Field Display</h3>
<p><img class="size-full wp-image-18734004483804 alignnone" src="https://woocommerce.com/wp-content/uploads/2020/09/street_address_field_display-2.webp" alt="street_address_field_display" width="980" height="602" /></p>
<p>The new Street Address Field Display feature lets admins add address fields directly within the Street Address field at checkout, creating a more streamlined, intuitive experience and improving address accuracy.</p>
<h3>Autofill Address Details with Google Map API</h3>
<p><img class="size-full wp-image-18734004367440 aligncenter" src="https://woocommerce.com/wp-content/uploads/2020/09/autofill_address_details_with_google_maps_contentbanner_1.webp" alt="Autofill Address Details with Google Map API Feature" width="980" height="602" /><br />
Say goodbye to incorrect addresses! With Google Address Autocomplete, users get suggestions as they type, making it easier for them to select their correct address. This ensures faster checkouts and fewer errors.</p>
<h3>Assign Shipping Methods to Specific Locations</h3>
<p><img class="size-full wp-image-18734004367445 aligncenter" src="https://woocommerce.com/wp-content/uploads/2020/09/assign_shipping_methods_to_specific_locations_contentbanner_2.webp" alt=" Assign Shipping Methods to Specific Locations Feature" width="980" height="602" /><br />
Customize shipping methods based on location! For example, offer Free Shipping to customers in Texas. When users select Texas as their state, the checkout page will automatically display the free shipping option.</p>
<h3>Restrict Shipping Methods Based on Region</h3>
<p><img class="size-full wp-image-18734004367453 aligncenter" src="https://woocommerce.com/wp-content/uploads/2020/09/restrict_shipping_methods_based_on_region_contentbanner_3.webp" alt="Restrict Shipping Methods Based on Region Feature" width="980" height="602" /><br />
Easily restrict specific shipping methods from certain zones or regions. Admins can exclude multiple countries or regions from receiving certain shipping options, ensuring the checkout process is tailored to your business needs.</p>
<h3>Real-Time Map Display on Checkout</h3>
<p><img class="alignnone size-full wp-image-18734004367459" src="https://woocommerce.com/wp-content/uploads/2020/09/real_time_map_display_on_checkout_contentbanner_4.webp" alt="Real-Time Map Display on Checkout Feature" width="980" height="602" /><br />
Give customers a real-time view of their selected address with a Google Map display right on the checkout page. The map dynamically updates and shows the location they are entering, adding visual accuracy to the process.</p>
<div class="woo-sc-box info">
Google Map API is required for this feature to work. Here’s how you can get your <a href="https://woocommerce.com/document/address-auto-complete-for-woocommerce/#section-3">Google Map API Key</a>.
</div>
<h3>Drag-and-Drop Map Pointer</h3>
<p><img class="size-full wp-image-18734004367476 aligncenter" src="https://woocommerce.com/wp-content/uploads/2020/09/drag_and_drop_map_pointer_contentbanner_5.webp" alt="Drag-and-Drop Map Pointer Feature" width="980" height="602" /><br />
Allow your customers to pinpoint their exact location by dragging and dropping the pointer on the map. The address fields will auto-fill based on their selected location, reducing the chances of entry errors.</p>
<h2>Use Cases Address Autocomplete for WooCommerce:</h2>
<h3>E-Commerce Store During Holiday Sales</h3>
<p>Customers often rush through the checkout process during busy sales events like Black Friday. Mistakes in address entry can lead to undelivered packages, delayed shipments, and increased support queries.</p>
<p>With Address Autocomplete for WooCommerce, customers are guided by Google Maps’ address suggestions, reducing errors and ensuring that packages are shipped to the correct location, even during peak sale seasons.</p>
<h3>Local Delivery Service with Region-Based Shipping</h3>
<p>A WooCommerce store offering local deliveries can use this Address finder WooCommerce extension to assign specific shipping methods based on the customer’s location. For example, free shipping can be automatically applied for customers living within a specific city or region, while other areas might have different rates.</p>
<p>This enables efficient shipping management, ensuring that the right shipping method is applied based on the customer’s address at checkout.</p>
<h2>How to Get Started</h2>
<ol>
<li>Buy Address Autocomplete for WooCommerce.</li>
<li>Download and install the extension. You can find the installation guide <a href="https://woocommerce.com/document/address-auto-complete-for-woocommerce/#section-2">here</a>.</li>
<li>Activate, set up, and configure the extension.</li>
</ol>
<p>Read the <a href="https://woocommerce.com/document/address-auto-complete-for-woocommerce/">technical documentation</a> to help you walk through the process of setting up address autocomplete, shipping methods, and more.</p>

Address Autocomplete

<p>Reduce delivery delays with Address Autocomplete for WooCommerce—auto-fill accurate addresses effortlessly using Google Maps’ smart suggestions.</p>

Ajax Pagination & Infinite Scroll vs Address Autocomplete