How to build a grocery store website with WooCommerce

Decide which products you will sell, where you will deliver, and whether customers can collect orders. Group the catalogue into simple departments such as fruit and vegetables, dairy, bakery, frozen food, drinks and household goods.

Write down your delivery areas, minimum order value, delivery charges, collection hours, returns policy and what happens when a fresh item is unavailable. This prevents checkout rules from being rebuilt later.

Run the WooCommerce setup process and enter your store address, currency, product type and business details. Then review the pages it creates for the shop, cart, checkout and account area. WooCommerce's own store-building sequence covers products, payments, taxes, shipping, security, design and publishing.

The manual route is fine for a small catalogue and gives you full control over the layout. Its drawback is time: you must choose and configure the theme, menus, product templates, filters and mobile layout yourself.

Add each item under Products, with a clear name, price, main image, description, SKU and stock status. Use product categories for departments, then add global attributes such as brand, dietary type, size, flavour or packaging where customers may filter or compare products. WooCommerce supports categories, tags and attributes for organising and filtering products.

Use variations only when the customer is choosing between genuine options, such as 500 g and 1 kg. For weighted or variable-price fresh goods, decide whether you will sell fixed pack sizes or use a separate extension. Do not promise an exact weight if the fulfilment team will substitute or adjust it.

Open the product inventory settings and decide whether WooCommerce should manage stock quantities, hold unpaid orders, hide out-of-stock products or leave them visible. Test the result with a product that has one item left. A common failure is letting customers buy stock that was sold in the physical shop because stock control was left disabled or updated manually.

Enable a payment gateway, set the checkout fields you actually need, and configure taxes with advice from an accountant. WooCommerce provides tax settings, but it does not decide when or what your business must charge.

Create shipping zones for the places you serve and add the appropriate methods, such as flat-rate delivery, free delivery above a threshold or local pickup. Add shipping classes if bulky, chilled or restricted products need different charges. Test an address inside each zone and one outside it.

WooCommerce can handle basic zones and collection. You need an extension when you require delivery slots, route planning, postcode-based fees, minimum-order rules, multiple collection locations or detailed substitutions. Be careful with pickup add-ons: some do not support the newer cart and checkout blocks, so confirm compatibility before changing a live store.

Build a homepage with clear department links, search, featured offers and delivery information. Check the shop, product, cart, checkout, account and order-confirmation pages on a phone as well as a desktop. Make sure filters return the right products and that unavailable items cannot be purchased.

Place test orders using each payment method, shipping zone and collection option. Check confirmation emails, stock reduction, tax totals and the fulfilment details shown to staff. Take a backup before updates and use a staging copy where possible; theme or extension updates can otherwise disrupt checkout.

If you do not want to assemble the storefront manually, use Bacola, a grocery-focused WooCommerce theme with product filters, Elementor layouts and ready-made demos for food retailers. Install and activate the theme from the WordPress dashboard, import a suitable demo if available, then replace its products, branding, delivery text and homepage content.

This saves design time, but it does not replace the WooCommerce work. You still need to configure payments, taxes, stock, shipping, collection and legal pages, then test the complete checkout before accepting orders.