Simplifying Flat Rate Shipping in WC 2.4

One of our main goals with the upcoming 2.4 release has been usability, particularly for new users. A good example of this being the new onboarding wizard which should help new users get started without seeing complex settings screens.

Shipping has always been problematic in terms of complexity, but has gotten worse over the year(s) due to feature requests and trying to account for more advanced use cases. Flat Rate Shipping is supposed to be simple. But lets look at the 2.3 UI for this a moment:

Rather than having just a ‘flat rate’ we have additional costs (that can be per order, class or item), shipping classes with more costs and fees, add-on rates… A new user, or user new to eCommerce in general, is not going to understand all of these options. It’s just overwhelming. And using the various options correctly is not easy and mistakes are easy to make.

In support we see flat rate troubling users often. In our premium support area, at least 15% of all shipping tickets have been related to flat rate shipping. And so with 2.4 we challenged ourselves to simplify this shipping method.

Lets look at what we can do with the current UI. We can:

  1. Set a cost for the order (flat rate)
  2. Set a cost for each type of product by shipping class
  3. Set a handling fee per type of product, with a minimum fee if needed
  4. Charge the additional costs per order, class, or item.
  5. Offer extra rates with a small increase in cost (add-on rates)

With any simplification points 1 to 4 need to be ‘supported’ to prevent breakage to existing flat rates. Also:

  • Point 1 is the most important field as its key to having a flat rate.
  • Point 2 should only be shown when needed i.e. when the user has product shipping classes, not beforehand.
  • Point 3 should not be a separate field; the costs are merged anyway, so extra fields will cause confusion when it behaves no differently in use.
  • Point 4 only applies to point 2 and 3 and should somehow be reworded or moved to prevent confusion with the main cost field (1).
  • Point 5, which is for extra rates, should be supported if in use, but is too hard for new users to make use of and thus should be dropped from the UI (with a code fallback to keep it possible and easy to implement if needed).

Here is our solution.

Removing all the things

This may shock users at first, but lets look at our new Flat Rate UI for a new user without shipping classes setup yet, and no existing settings.

That’s it. Nothing scary – just a cost field to add a flat rate, as it says on the tin. This covers point 1.

Now lets assume the user creates a product shipping class. This is what they will see:

Still not overwhelming. The user has created a shipping class and thus knows what they are. There is also only one cost field; no extra fee field. Finally, the calculation type field which applies only to shipping class costs is visible at this point. This covers points 2, 3 and 4.

What about backwards compatibility?

If a user of 2.3 flat rates upgrades, an upgrade routine will map their old settings to the new settings.

What about add-on rates?

Users of the overly complex add-on rates will still see this field and it will continue to function. New users will never see this field – it will remain hidden. We’ll eventually deprecate this fully.

Hooks will allow easy flat rate additions though usage of a few lines of code, such as:

https://gist.github.com/mikejolley/67580b9e8b1c2ed1081f

This gives full control over the extra costing too.

What about power users?

What if you want to charge a flat rate per item? Or a percentage based cost? Or enforce a minimum ‘fee’? You could in the old version, and you can in the new version. The cost fields support sums.

100 for the order, and 10 per item

There are also cost and fee placeholders:

100 cost and a 10% fee of at least $2.

Again, new users don’t need to worry about this, but it’s there when needed and will work after upgrading.

What about international shipping?

The international delivery shipping method, loosely based on flat rate shipping, will be identical bar some extra availability fields to limit countries that can use it.

Trying it out

Want to experiment with Flat Rates? Until merged into master, the branch is here. The code is now in our master development branch.

Thanks for reading!


20 responses to “Simplifying Flat Rate Shipping in WC 2.4”

  1. Hi, thanks for explanation. How can I add more than one rate? Regards

  2. Liking this update. Can I use minimum/maximum in the Cost field (for power users), e.g.:

    if [qty] >3, 2.00*[qty]

    or should I go with a table rate for shipping plugin that has more features?

    1. Table rates would be needed for that. There is no conditional logic in a flat rate.

  3. I understand the need to simplify, but the ability to define additional shipping methods, such as ‘Next day delivery’, is a common requirement. I think a lot of people were using the old UI feature. Now we have to buy a plugin. I suspect the decision was to also create a revenue opportunity, otherwise, the ability to create shipping methods would have simply been moved out of flat rate to another shipping option page. Please, please can you provide a UI to do this without requiring paid plugin? Thank you.

    1. No paid plugin is needed. We offer filters/code snippets, and future versions of core will do it natively once shipping zones arrive.

      1. So how can we offer 1 day 2 day flat rate shipping options right at this moment ??

        1. Using the snippet/example

  4. We had an additional shipping option in flat rate which was for next day shipping at an extra fee. Since the update – our next day shipping option has now vanished. How do we add this back on on?

  5. sexualvivation Avatar
    sexualvivation

    Hi Mike,
    Do you have examples of how/where the add on coding would be copied and pasted?

    1. Your theme functions.php file.

      1. Thank you. It worked. I am having an issue with my search bar. Each search return to my home page. Do you know how I may correct the problem. It previously worked, but is not working properly now.
        Thank you

  6. Is there a way to add extra flat rates? We have about 3 big shippers with all different rates. I would like to have a f.e. dropdown for buyers so they can choose which shippingcompany they want to use.

  7. Am i missing it?
    1st item ships for $7. if they order more than 1 item, then shipping rate goes up $3 per additional item.

    Is there an easy way to do this?

    1. If you see the docs you’ll see we offer a [qty] multiplier.

  8. Sorry, just hit the post comment by accident… Is there a list or guide to these cost sum “shortcodes” such as [qty] or [fee percent]? A little more info on this would solve all my problems.

    Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *