cropped-szbd_logo_globe.png

Shipping Zones by Drawing Plugin for WooCommerce

Shipping Zones by Drawing plugin opens the possibility to make custom shipping areas in WooCommerce. You can define variable shipping rates and use multiple shipping origins.

Previous
Next

Draw your own zones

Define your own shipping areas by drawing into a map or by a radius from your store location

Shipping cost by distance

Use fixed shipping rates or set a rate per transportation distance

Minimum order amount

Set minimum order amounts to control the shipping rate by how much your customers are spending

Multiple shipping origins

If you make deliveries from multiple locations, you can decide from where a shipping method will have it´s origin and thereby offer the most apropiate shipping for the customer

Product Categories

Possibility to distinguish shipping costs and zones depending on the product categories included in the delivery

Shipping Zones by Drawing

1 site licence
$ 39 annually
  • Support and Updates for one year
  • Billed annually
PREMIUM

Plugin Package

Shipping Zones by Drawing + Check My Address
$ 55 annually
  • Shipping Zones by Drawing Premium
  • Check My Address for WooCommerce
Save $13

Usage Examples with Tutorials

USAGE EXAMPLE OF MINIMUM ORDER AMOUNT

Let’s say you aim to offer free deliveries for orders amounts above $150 and charge $10 for delivery for orders amounts below $150.

Besides, only allow deliveries to a certain delivery area, in this example called “Boston”.

This can simply be achieved by adding two shipping methods.

Start by creating a drawn shipping area at Dashboard -> WooCommerce -> Shipping Zones by Drawing. Give it the title “Boston”.

A drawn shipping area at the Shipping Zones by Drawing Plugin

Add a "Shipping Zones by Drawing" shipping method with a flat rate of $0 and a minimum order amount of $150.Choose the "Boston" delivery zone.

Shipping method with zero cost flat rate at the Shipping Zones by Drawing Plugin

Then add a second shipping method with a flat rate of $10 and choose the “Boston” delivery zone.

Configure a $10 delivery method at the Shipping Zones by Drawing Plugin

Now your WooCommerce shipping zone setup should look like the figure below.

Overview of shipping methods in WooCommerce

At the plugin settings page, select the option to only show the lowest cost shipping method at checkout. If you don´t choose this option booth of the delivery methods will be available at checkout.

Lowest cost method option at the Shipping Zones by Drawing Plugin

The setup is now ready and we have accomplished our aim. 

Shipping address within the delivery area “Boston”

Order amount above $150

Order amount below $150

USAGE EXAMPLE OF OVERLAPPING RATES

In this example, we like to offer free deliveries in the inner of the city, a $5 delivery cost in a middle zone, and $10 in an outer region from the city center.

Overlapping rates per shipping zone.Shipping Zones by Drawing Plugin

Let´s start by creating a drawn shipping area at Dashboard -> WooCommerce -> Shipping Zones by Drawing. Give it the title “Boston high”.

Boston outer zone in tutorial

Add a “Shipping Zones by Drawing” shipping method with a flat rate of $10.

Choose the “Boston high” delivery zone.

Continue by drawing a second delivery zone (Boston middle) and adding a second delivery method (Middle Zone) with a $5 flat rate and the new “Boston middle” delivery zone as a restriction. 

Finally, draw a third delivery zone (Boston free) and add a third delivery method (Free Delivery) with a $0 flat rate and the new “Boston free” delivery zone as a restriction. 

Your WooCommerce shipping zone setup should now look like the figure below.

At the plugin settings page, select the option to only show the lowest cost shipping method on the checkout page. If you don´t choose this option all three of the delivery methods will be visible at checkout when the delivery address is in the most central zone.

All done!

The configuration is now ready and the three zones will be overlapping each other. The most cost-friendly alternative will be shown on the checkout page depending on the customer’s delivery address.