WooCommerce Blocks: Local Pickup

Local Pickup in Blocks is a new enhanced delivery method that allows you to easily offer one or more pickup locations to your customers. We’ve made it easier for you to setup local pickup options by providing a new, simple to use Local Pickup settings page.

This new method provides a streamlined customer experience by:

Not requiring a buyer to enter a shipping address to select a pickup location
Allowing you to include directions and/or pickup instructions for one or more locations
Calculating taxes based on the pickup location rather than the store address
Delivering a clean, modern UI that allows a buyer to easily toggle between the shipping and delivery methods you offer

Setup and configuration

↑ Back to top

1. To enable and use Local Pickup, your checkout must be using the Checkout block. You can follow this guide to replace your old Checkout.

2. Once that’s done, you can navigate to WooCommerce -> Settings -> Shipping, there, you will see the new Local Pickup tab.

3. Enable local pickup by clicking the “Enable local pickup” checkbox.

4. (Optional) You can rename the method name from Local pickup to anything else in the Title input.

5. (Optional) Choose how much to charge for Local pickup by enabling the “Add a price for customers who choose local pickup” checkbox, this will show a cost and tax status inputs.

Adding Locations

↑ Back to top

In order for Local Pickup to show up at checkout, you must add at least one location.

1. In the Local Pickup page, you can see the locations section below

2. Click on “Add pickup location” to open the modal.

3. A pickup location supports a name, a full address, and a dedicated details section. All of those fields are visible to the customer, who can use them to find the location. The address is also used to calculate taxes for the order if the customer chooses that location.

4. After you’re done adding locations, click “Save changes”.

Customizing the look of Local Pickup

↑ Back to top

Once Local Pickup is enabled, you will see 2 new blocks in Checkout, Shipping Methods block and Pickup Options block.

The Shipping method block is clickable and allows you to toggle between Pickup options and Shipping options. This is the same behavior that customers will see.

All block titles and descriptions are customizable, as well as providing some extra customization options.

(Optional) You can edit the method labels, “Shipping” and “Local Pickup” to what you prefer.

“from FREE” and “FREE” are dynamic subtitles that will change depending on the cheapest shipping option a customer can select. When all options in that method are free, then “FREE” would be visible.

You can toggle that text and icon off and on from the block settings in the sidebar:

The Pickup options supports adding inner blocks as well as adding a description and a title.

Pickup locations won’t surface in Checkout if you have the shipping option “Hide shipping costs until an address is entered” enabled.
When you have multiple packages in Checkout, those packages would be visually combined into a single package for Pickup options, this is so that the same selection is made to all packages so that taxes for that order use the same address.
When you have multiple packages in which one of them isn’t collectible (doesn’t support local pickup), Local Pickup will be disabled.

WooCommerce Blocks: Local Pickup

Setup and configuration

Adding Locations

Customizing the look of Local Pickup

Difference from legacy local pickup

Local Pickup doesn’t require an address

Local Pickup has a dedicated section

Local Pickup supports location-based taxes

Caveat