Online Order Form

What Is the Online Order Form?

The online order form is a customer-facing page where people browse your items, choose what they want, and submit an order. When they submit, the order arrives in Puree ready for you to review and turn into a quote.

Puree styles the page to match your own website — your logo, fonts and colours — so it feels like part of your site rather than a third-party checkout. The form itself in the middle of the page works the same for everyone; everything around it is customised to your brand.

Most caterers link to their order form from a button on their own website. The customer clicks through, orders, and never really notices they've moved to a different page.

Two Form Layouts

Under Settings → Order Form View you choose between two layouts. Both capture the delivery details at the top of the page and take the customer through to the same checkout — only the way items are presented changes.

• Cart View (Grid) — photo cards in a grid with an add button. This is the more traditional shopping-cart style and works best when you have good photography for your items
• Form View (List) — a text list with a quantity box against each item. No photos, more like a printed menu

If you'd like to use the cart view but don't have photos of everything, you can generate them with AI Photos & Settings rather than organising a photo shoot.

Creating an Order Form

Go to Online → Order Forms and click New Order Form. Give it a name (e.g. "Corporate Lunch Orders" or "Daily Catering") and a slug. The slug becomes part of the public web address customers use, so it can only contain letters, numbers and underscores.

Most caterers only need one form, but you can create as many as you like — for example a corporate lunch form, a weekend event form and a school lunch form, each with its own URL, items and settings.

Each form in the list has an active toggle. Switching a form off takes its public URL offline, so customers can no longer reach it — useful if you want to pause ordering without deleting the form and everything you've set up on it.

Managing a Form

Click Manage on a form and you'll see four tabs across the top:

• Settings — everything about how the form behaves, covered below
• Items — which menu items appear on the form
• Packages — which packages appear on the form

There used to be an Unavailable Dates tab here too. Days you're closed are now kept once for your whole business on the Calendar & Google Calendar, and each order form chooses whether to honour them from its Settings tab.

The Save button sits at the top of the page — make your changes on a tab and save when you're done.

Form Settings

The settings tab is grouped into sections:

• Basic Information — the form name and slug, a description that appears on the page, where that description sits (above the form, or below the hero image), and a minimum total order value so customers can't place an order that's too small to be worth fulfilling
• Order Settings — whether delivery is allowed, which days of the week customers can order for, and the wording of the delivery address and delivery date labels if "delivery" isn't the right word for your business
• Order Form View — cart view or form view, as described above
• Payment Methods — invoiced, pay in advance, or pay by card with Stripe. See Online Order Form — Payment Methods
• Default Templates — a default set of terms and conditions and a default introduction commentary, both applied automatically when you process an order from this form. Setting these saves you picking them every time, and lets you use wording specific to online orders such as "Thanks for your online order"
• Hero Image — a banner image at the top of the page, with standard, full width and tall layout options
• Collection Settings — covered below
• School Mode — turns the form into a school lunch ordering form. See School Orders Online
• Additional Fields — optionally ask customers how many people they're catering for. The number is shown to you when you process the order and is included in the order email; it does not flow into the quote line items
• Time Increment, Delivery Times and Cutoff Times — covered below
• Delivery Postcodes — covered below

Delivery Times

Set the earliest and latest delivery time you'll accept, and the time picker on the form is limited to that window. The time increment controls the minute steps in that picker — set it to 15 and customers pick 10:00, 10:15, 10:30; set it to 30 and they pick 10:00, 10:30. Anything from 1 to 60 minutes is allowed.

Not every caterer promises to arrive on the dot. The optional delivery time range text lets you say what the selected time actually means — for example "Delivery will be within a 1 hour window of your selected time". It's shown next to the time on the form and in confirmation emails. Collection has the same setting.

Customers can add more than one delivery time to a single order. When they do, each item gets a dropdown so they can say which delivery it belongs to — handy when morning tea goes out at 10am and lunch at midday on the same order.

Cutoff Times

Cutoff times stop customers ordering for a date you can no longer cater for. Under Cutoff Times you set a number of hours' notice for each day of the week, and Puree works back from your earliest delivery time to show you the latest moment an order for that day can come in.

The classic example is Monday morning — you don't want an order for 8am Monday landing at 5pm on Friday. Set enough notice hours on Monday and the form won't let that happen. Because the notice is set per day, you can be stricter on the days that need more preparation.

Collection Option

If you offer collection as well as delivery, enable it in the Collection Settings section:

1. Tick Allow collection?
2. Add your collection addresses — the pickup locations shown to customers
3. Set the earliest and latest collection time to constrain the time picker
4. Optionally add collection time range text to explain the window

When enabled, customers see Delivery and Collection radio buttons at the top of the form. Selecting collection hides the delivery address and time fields and instead shows your collection address and a collection time picker. If you've added more than one collection address, the customer chooses which one they're collecting from. The form adapts instantly — no page reload required.

You can also run a collection-only form by turning Allow delivery? off in Order Settings. At least one of delivery or collection must be enabled.

Collection orders appear in Orders Received with the order type "Customer to collect". You process them the same way as delivery orders. For more detail, see our collection feature article.

Choosing Which Items to Include

The Items tab lists your item categories, much like the quote builder. Open a category and tick the items you want on the form — or use the select-all control to take a whole category at once. Work through each category in turn until the form has everything you sell online.

Each item has three controls:

• Include — whether the item appears on the form at all
• Favourite — star an item to feature it. On a cart-view form with favourites set, the page opens on a Favourites filter showing just those items, so customers see your best sellers first instead of the full list
• Photo — whether the item's photo is shown

Items pull their names, descriptions and prices from your existing item setup — so make sure your Items & Categories are up to date before publishing the form. If an item has a minimum quantity, the quantity box shows it as a hint and warns the customer if they try to order fewer.

Per-Item Availability

By default every included item is available whenever the form is open. Some items need tighter rules. Each item on the Items tab carries a small availability badge — it reads Always for most items, and highlights in amber when custom rules apply, so you can see at a glance which items are restricted. Click the badge to change them.

Switch the item from Always to Custom and you can set:

• A date range — mince pies available from 1 December to 20 December, and hidden the rest of the year
• Days of the week — perhaps that item is available Monday to Friday only. At least one day must be ticked
• Notice hours — a longer cutoff for that one item, on top of the form's day-by-day cutoff times. Useful for anything that needs ordering in well ahead, like a celebration cake

Items that fail any of these rules simply don't appear for the date the customer has chosen.

Packages on the Form

The Packages tab works the same way as Items: tick the packages you want on the form, and star any you want treated as favourites. See Packages for how packages themselves are built.

Packages are grouped on the form by their package category, and each category becomes a filter button so customers can jump straight to it. Give your packages a category — "Platters", "Grazing", whatever suits — so they land under a heading that makes sense. Any package without a category is grouped under Other.

Postcode Validation and Delivery Fees

If you only deliver to certain areas, enable postcode validation. Enter the postcodes you deliver to, and customers outside your delivery area either see a warning (they can still proceed) or are blocked from ordering, depending on which option you choose.

Postcode patterns support wildcards (e.g. SW1* matches all SW1 postcodes), numeric ranges (e.g. 2000-2099), and comma-separated lists. There's a test box on the settings page so you can check a postcode behaves the way you expect before going live.

The same list can carry a delivery fee per postcode, so the fee is calculated as soon as the customer enters their address. If you don't deliver by postcode at all, you can hide the postcode field entirely. See Online Order Form — Delivery Fees by Postcode for the detail.

Unavailable Dates

Days you're closed are now kept in one place for your whole business, on the Calendar & Google Calendar, rather than per order form. Hover any day there and click the ✕ to close it.

Each order form then chooses whether to honour that list, with the Block the dates marked unavailable in my calendar setting on the Settings tab. When it's on, customers can't pick a closed day and an order can't be submitted for one. Turn it off for a form that should keep taking orders regardless, such as a shop that stays open over a shutdown.

Sharing the Link

Each order form has its own public URL made up of your business name and the form's slug. Add that link to a button on your website, put it in your email signature, or include it in marketing material. If you use a Custom Domain & Website Hosting, the form can sit on your own domain instead.

What the Customer Sees

The order comes together in one page. The customer picks delivery or collection, chooses a date from the dates you've made available, picks a time within your window, enters their address and postcode, and can add free-text special instructions. If a delivery fee applies to their postcode, it appears straight away.

They then browse items — filtering by category, by dietary code, or by your favourites — add quantities, and proceed to checkout, where they enter their contact details and pay by whichever method you allow. Both you and the customer get a confirmation email.

When a Customer Places an Order

Submitted orders land in Online → Orders Received with all the items, contact details, delivery address and requested date and time. From there you assign a customer and convert the order into a quote, with your default terms and introduction commentary already applied. See Online Order Form — Processing Orders for the full workflow.

Tips

• Keep your item names and descriptions customer-friendly — they'll see exactly what you've entered
• Star your best sellers as favourites so a cart-view form opens on a short, scannable list rather than your whole menu
• Set cutoff times day by day rather than picking one number for the week — Monday almost always needs more notice than Thursday
• Use per-item availability for anything seasonal, so you don't have to remember to add and remove it
• Set a minimum order value so you don't get orders too small to be worth delivering
• Create separate forms for different services (e.g. daily lunches vs event catering) to keep each one focused
• Use postcode validation if you have a limited delivery area to avoid disappointing customers