Underpixel Order Cart

Description

Underpixel Order Cart turns a simple product list into an order form. Customers add items, fill in their name, address and preferred date, and send the whole order to your WhatsApp number as one tidy message.

Made for bakeries, restaurants, florists, small shops and wholesalers who take orders on WhatsApp.

• Add products in the normal block editor: title, photo, short description, price, sold out, sort order and category.
• “Price on request” products can still be ordered. They are left out of the total.
• Product grid block with category filter tabs that work without reloading the page.
• Order panel block with quantity steppers, subtotal, Pickup or Delivery, and optional name, address, date and note fields.
• Sticky order bar and bottom sheet on phones.
• Edit the whole message in Settings, with placeholders for shop, items, total, name, method, address, date and note.
• Currency symbol, position and decimals are yours to choose.
• Works with any theme and looks best with the free Uppixe theme. It uses your theme’s colors and fonts.
• Fast: one small script with no jQuery, loaded only on pages that use the blocks.
• Optional WooCommerce mode (see below).

WooCommerce mode

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

• WooCommerce mode adds an “Order on WhatsApp” button under the add to cart form on product pages, and a “Send cart on WhatsApp” button on the cart page (classic cart and Cart block).
  • Variable products: the button is ready once the customer chooses a variation, and the message names it, for example “Size: Box of 12”. The quantity box is used too.
  • The cart message lists every line with its variation and add-on details (the same extra details other plugins show in the cart, such as “Gift wrap: Yes”), the line totals after coupons, and the total.
  • Prices in these messages use your WooCommerce currency settings.
  • Products with no price get the button too, and are sent as “price on request”.
  • Grouped products: the button sends the grouped product’s name as “price on request”. External/affiliate products keep their own Buy button.
  • Normal add to cart and checkout keep working.
• WhatsApp only (catalog mode) hides Add to cart, the mini cart, the cart and checkout. Prices and variation choices stay, and the Order on WhatsApp button stays visible. Old “add to cart” links show a notice that points to the WhatsApp button.
• The Order on WhatsApp button block puts the button anywhere: in a block theme’s product template, or on any page for a product you choose.
• Compatible with WooCommerce High-Performance Order Storage and the Cart and Checkout blocks. The plugin does not copy or change your WooCommerce products.

WhatsApp is a trademark of WhatsApp LLC. This plugin is not affiliated with or endorsed by WhatsApp.

Privacy

The cart and the customer’s details stay in the visitor’s browser (localStorage). Nothing is sent to your server, no cookies are set and nothing is stored on the server. The plugin does not track visitors.

The visitor’s name and address stay saved in their own browser so they do not have to type them again next time. They can remove them by clearing the fields in the order panel or by clearing their browser data for your site.

External services

When a customer presses “Send order on WhatsApp”, “Send cart on WhatsApp” or an Order button on a product, their browser opens a link to wa.me, which is a WhatsApp service. The link contains the order text the customer wrote: the items, total and any details they typed. Nothing is sent before the customer presses the button, and the plugin itself never contacts WhatsApp.

• WhatsApp Terms of Service: https://www.whatsapp.com/legal/terms-of-service
• WhatsApp Privacy Policy: https://www.whatsapp.com/legal/privacy-policy

Source code

The block editor scripts in build/ are compiled from src/ (included) with @wordpress/scripts.