How To Offer Both Delivery And Collection At The Checkout

Your store might want to offer both delivery and collection at the same time to customers. If this is the case, both can be used within WooCommerce Delivery Slots. This guide will take you through the steps you need to set it up.

The first thing you’ll need to do is set up your shipping zone. This will allow you to select which shipping method/s you’d like to use. In this case, we’re going to set up Local pickup (collection) and Flat rate (delivery).

Note: If your shipping method settings look different from the ones below, you can check the official WooCommerce shipping method documentation here.

To create both of these, take the following steps:

  1. In your WordPress dashboard, go to WooCommerce > Settings and click on the Shipping tab.Shipping tab
  2. Click Add shipping zone.Add shipping zone
  3. Once done, a page will appear allowing you to add your shipping zone information.add shipping zone information
  4. In this case, we’re going to call this shipping zone Local and set the region to the United Kingdom. naming shipping zoneUK zone regionThis will restrict both delivery and collection to the United Kingdom only.
  5. Next, we’ll add two shipping methods, Local pickup (collection) and Flat rate (Delivery). 
  6. To do this, click the Add shipping method button in the Shipping methods table and select the shipping method/s you want to add.add shipping method
  7. Once added, you’ll then be able to click the blue Edit text under the shipping method name to add a charge and tax if you wish.edit local pickup
  8. Once happy, click the blue Save Changes button at the bottom of the page.

Change your delivery/collection checkout labels

Now that we have both Flat rate and Local pickup created, we need to make sure the labels at the checkout show ‘Delivery’ or ‘Collection’, depending on which is selected.

To do this, take the following steps:

  1. In your WordPress dashboard, go to WooCommerce > Delivery Slots and click on the General Settings tab.General settings
  2. Scroll down within the General Setup section until you reach Shipping Methods.shipping methods section
  3. Here you’ll be able to change the label for each shipping method. So if you select Collection, the words ‘Collection’ will replace ‘Delivery’ at checkout when that shipping method is selected.
  4. To do this, select the dropdown in the Labels column, and once happy, scroll down to the bottom of the page and click the blue Save Changes button.
change labels

Add delivery/collection to your time/date slots

Now we have our shipping methods and labels set up, let’s add them to specific time/date slots.

To do this, take the following steps:

  1. In your WordPress dashboard, go to WooCommerce > Delivery Slots and click on the Time Settings tab.
  2. Once here, scroll down to the Time Slot Configuration section and view your Time Slots. If you’ve not set these up yet, see our documentation for more details.
  3. Within your Time slots, you’ll see the Shipping Methods section. Here you’ll be able to select which shipping method you’d like to apply to each timeslot by clicking the checkbox next to it.
  4. Once happy, click the blue Save Changes button at the bottom of the page and your time slots will be updated.

You’ll be able to customize this fully by either offering both local pickup and flat rate on each time slot, or by creating time slots specifically to cater to these shipping methods. 

delivery and collection at checkout

WooCommerce Delivery Slots

Choose a delivery date and time for each order. Add a limit to the number of allowed reservations, restrict time slots to specific delivery methods, and so much more.

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.