~/plugins/order-cart

Underpixel Order Cart

A product list and cart for WordPress that sends the whole order as one WhatsApp message. Customers add items, choose pickup or delivery, add their details and press send. You get one tidy message. No WooCommerce needed.

Free on WordPress.orgNo WooCommerce neededWordPress 6.6+ · PHP 8.0+Works with any theme
yourshop.com/order
Product grid with category tabs and quantity steppers
01 / 06Product grid
WHAT IT DOES

Your product list becomes an order form

One tidy WhatsApp message

Items, quantities, total, pickup or delivery, name, address, date and note arrive together. No back-and-forth to work out the order.

No WooCommerce needed

Add products in the block editor and place two blocks on any page. Already on WooCommerce? Turn on WooCommerce mode instead.

Made for phones

A sticky order bar and a bottom sheet keep the order one tap away. One small script, no jQuery, only on pages that use the blocks.

TRY IT · LIVE PREVIEW

Fill the cart, see the message

A working copy of the order bar on a sample bakery page. Add products, change the settings, then press send to see the WhatsApp message. Nothing is sent anywhere.

Live preview · nothing is sentLIVE DEMO

Order Cart settings

Settings → Order Cart
Shop name
Currency symbol
yourshop.com/order

Custom Wedding Cake

price on request

Chocolate Bundt Cake

16.00

Chocolate Truffle Box · 16

13.00

Lemon Meringue Tart

22.00
WA
WhatsApp · demo

Add a product, then press "Send order on WhatsApp".

Demo only, with sample products. Nothing is sent. On a real site the cart and the customer's details stay in their browser until they press the button, and the order goes straight to your WhatsApp.
FREE ON WORDPRESS.ORG · PRO FOR MORE

Start free. Go Pro when orders grow.

Order form

No WooCommerce needed
Free
On WordPress.org
  • Products with photo, short description, price, sold out, sort order and category
  • Product grid block with category tabs that work without reloading
  • Order panel block: quantity steppers, subtotal, Pickup or Delivery
  • Optional name, address, preferred date and note fields
  • "Price on request" items, left out of the total
  • Your own currency symbol, position and decimals
Download free

WooCommerce mode

If WooCommerce is active
Free
On WordPress.org
  • "Order on WhatsApp" on product pages, with the chosen variation and quantity
  • "Send cart on WhatsApp" on the classic cart and the Cart block
  • Variation and add-on details, coupons and line totals in the message
  • WhatsApp only (catalog mode): hides Add to cart, cart and checkout
  • Order on WhatsApp button block for any page or product template
  • Normal checkout keeps working; your products are not changed
Download free
PRO

Pro

For the order form · everything in Free, plus
RM22/month
or RM169/year · 1 site
  • Product options: size, flavour and add-ons with their own price
  • Order list with status, filters, CSV and email copy
  • Prep list: what to make for each day
  • Bank details and QR shown after the order
  • Promo codes with minimum spend and expiry
  • Shop hours, closed days and pre-orders
Get Pro
Pro adds to the order form, not WooCommerce mode. 1 site; you pay in US$ (US$4.99/month or US$39/year).
SETUP GUIDE

How to set it up.

STEP 1

Install Order Cart

  1. In WordPress, go to Plugins → Add New Plugin and search for Underpixel Order Cart.
  2. Click Install Now, then Activate. WooCommerce is not needed.
STEP 2

Add your WhatsApp number

Go to Settings → Order Cart.

  • WhatsApp number: digits only, with the country code and no + sign, for example 60123456789.
  • Shop name: used in the first line of the message.
  • Currency symbol: the symbol, before or after the amount, and the decimals.
  • Pick up or delivery and Customer details: choose which fields to ask for and which are required.
Order Cart settings with WhatsApp number, shop name, currency symbol, pickup or delivery and customer details
Settings → Order Cart
STEP 3

Add your products

Open Order Cart → Add New in the admin menu. Each product is edited in the normal block editor.

  • Title, photo and a short description.
  • Price, or leave it empty for price on request. These can still be ordered and are left out of the total.
  • Sold out, sort order and a category. Categories become the filter tabs above the grid.
STEP 4

Add the two blocks to a page

On any page, add the Product grid block and the Order panel block. The grid shows your products with category tabs; the panel holds the order, the subtotal and the send button.

Order Cart product grid with category tabs, Order buttons and quantity steppers
Product grid block
Order Cart order panel with quantity steppers, Delivery or Pick up, name, address, date, note and subtotal
Order panel block
On phones, a sticky order bar shows the item count and total. View order opens the order panel as a bottom sheet. Order Cart uses your theme's colours and fonts, and looks best with the free Uppixe theme.
STEP 5

Edit the message

Settings → Order Cart has one message template, with placeholders for shop, items, total, name, method, address, date and note. Empty placeholders remove their own line. A real message looks like this:

Hi doce forno! I'd like to order:
• 2× Pistachio Rose Layer Cake (RM68.00)
• 1× Chocolate Truffle Box · 16 (RM13.00)
• 1× Custom Wedding Cake (price on request)

Total: RM81.00 (excl. items priced on request)
Delivery
Name: Aisyah
Address: 12 Jalan Harmoni, Petaling Jaya
Date: 2026-10-24
Note: Write "Happy Birthday Ana" on the cake, please.
The cart and the customer's details stay in their browser. Nothing is stored on your server and no cookies are set. The message is only sent when the customer presses the button.
STEP 6

WooCommerce mode (optional)

If WooCommerce is active, Settings → Order Cart shows two more options.

  • WooCommerce mode adds Order on WhatsApp under the add to cart form on product pages, and Send cart on WhatsApp on the classic cart and the Cart block. Variations, quantities, add-on details and coupons go into the message.
  • WhatsApp only (catalog mode) hides Add to cart, the mini cart, the cart and checkout. Prices and variation choices stay.
WooCommerce product page with a Size variation and an Order on WhatsApp button
Product page: Order on WhatsApp
WooCommerce Cart block with a Send cart on WhatsApp button under Proceed to Checkout
Cart block: Send cart on WhatsApp
FAQ

Common questions

No. Order Cart has its own product list. If you already use WooCommerce, turn on WooCommerce mode instead.
Digits only, with the country code and no + sign, for example 60123456789. Spaces and dashes are removed for you.
Nowhere on your site. The order exists in the customer's browser until they send it as a WhatsApp message. You receive it in WhatsApp.
Yes. Settings → Order Cart has one editable template. Empty placeholders remove their own line.
Yes. The WhatsApp buttons are added next to Add to cart and Proceed to checkout; nothing is removed. Only the "WhatsApp only" option hides Add to cart, the cart and checkout.
Email underpixel2015@gmail.com with your site address and a screenshot. We reply within one business day.
underpixel start --project yours

Let’s build yours.

Tell us about your business. You get a clear quote before any work starts.