View the web version

Hi there, hope you're having a great Friday!

This is Colm and Simon from CommerceGurus, with a handpicked weekly roundup of eCommerce articles.

Create an Online Food Ordering System with WooCommerce

If you work with cafes, food trucks or restaurants, they might want to expand to offer take away and delivery-only options. Many such businesses have implemented a food ordering system that allows patrons to place orders using a web browser.

The easiest way to create an online food ordering system in WooCommerce is by using Barn2's excellent WooCommerce Restaurant Ordering plugin.

It features a UX that takes inspiration from major food ordering apps making it intuitive and easy-to-use for patrons.

Maria has taken an in-depth look at this plugin and examined what exactly it can do.

Create a WooCommerce-powered Food Ordering System

Google Search Console Warning: INP could be Improved

Many folks have reported on getting messages from Google this week saying that their INP could be improved. But what exactly is Interaction to Next Paint (INP)?

INP observes all user interactions in a page view and reports the longest.

INP is classed as ‘Good’ if the final reported value is less than 200 ms. INP is classed as ‘Needs Improvement’ between 200ms and 500ms. Any measurement above 500 ms is classed as ‘Poor’.

As Barry Pollard reports in this excellent thread:

INP is often caused by the proliferation of too much JavaScript on our sites. Do a spring clean, look at your tag managers to remove old tags, remove those old plugins you tried once and don't use. Or limit them to the pages they are being used on.

Read about INP and How to Improve it

WooCommerce Publish Public Roadmap

Many people running WooCommerce stores aren't aware of what developments the Woo team are currently working on, and what is coming down the line.

To this end, WooCommerce has published a public roadmap to better inform store owners of any exciting new developments.

The plans currently involve High Performance Order Storage which should speed up the admin area significantly, as well as a new product creation and onboarding experience.

The heading "Shopper experience" is currently pending but I'm intrigued by the subtitle: UX/UI improvements to make shoppers happy and am waiting to see what comes out of that.

Check out the WooCommerce Public Roadmap

WooCommerce Code Snippet:  Count External Product Clicks

Rodolfo from Business Bloomer has an interesting code snippet which counts the number of times customers click on the 'Buy product' button that displays on the single product page. 

This is then displayed as a counter in the Products Table in the backend. He uses it to calculate the click through rate (% clicks / views) to see how popular each external product is.

Lean How to Count External Product Clicks

Free Faces

This attractive website features a curated collection of typefaces that are available under a variety of free licences.

You can filter by cursive, display, monospace, sans serif, serif and slab and each font has its own page where you can see it in action.

Note that if you are using our Shoptimizer theme, it does support custom typefaces like these. You can follow our theme documentation guide on how to include them.

Check out Free Faces

That's it for this edition. Simply reply to this email if you have any questions or suggestions, we read every message. Have a great week and best of luck with your projects!

Colm and Simon from CommerceGurus