Build a WooCommerce food ordering system with SMS notifications

WooCommerce food ordering system with SMS notifications

Looking to create a WooCommerce restaurant ordering system thatโ€™s capable of sending SMS order updates to site admins and customers? This guide is here to help.

To begin, weโ€™ll discuss why SMS updates are so crucial for restaurant websites. Then, weโ€™ll walk you through the steps to create your own WooCommerce restaurant ordering system complete with the capability to send SMS notifications.

Plugins used in this tutorial

  • WooCommerce Restaurant Ordering โ€“ A simple-to-use plugin that lets you add a sleek yet functional ordering system to your restaurant website in minutes. Easily showcase your menu, accept orders, set open and close times, and more.
  • WP SMS โ€“ A powerful SMS notification plugin that allows you to share order updates with customers and your kitchen staff. It integrates with Twilio, BulkSMS, Clickatell, Plivo, etc., and is fully GDPR compliant.

Ready? Letโ€™s get started.

Why is SMS important for online restaurant ordering?

SMS is the best way to send real-time updates to your customers. They have a much higher open rate; most people read text messages within minutes of receiving them.

When customers order food online, they want to know the status immediately and see important updates about their orders right away. With SMS, you can send messages to instantly notify customers about order confirmation, preparation updates, delivery or pickup status, and more. This helps you build trust and improve their overall experience.

A side benefit is that SMS can be used to send promotional offers and discounts to your customers to encourage repeat orders and increase sales.

Tutorial: How to create a WooCommerce restaurant ordering system with SMS notifications

First, weโ€™ll set up WooCommerce Restaurant Ordering and use it to create the food order form. Then, weโ€™ll add WP SMS and enable SMS notifications. Note that this tutorial assumes that you have already installed and configured the WooCommerce plugin on your site.

Step 1: Add a food ordering form to your website

Barn2โ€™s WooCommerce Restaurant Ordering is a robust plugin that simplifies the online ordering process for restaurants, cafes, and other food businesses. It lets customers easily browse your menu offerings, select items, and place orders efficiently.

WooCommerce Restaurant Orderingโ€™s top features

  • Customers can view your entire menu and place their orders from an easy-to-navigate ordering form on your website.
  • You can showcase menu options in a list format or columns of two or three together with images, short descriptions, prices, etc.
  • It lets you set opening and closing times for your restaurant website, similar to a physical location. Customers canโ€™t place orders during the times your website is โ€œclosedโ€.
  • You can customize the ordering process by letting customers place their orders with one click or add a lightbox to every food so they can select their desired quantity and additional options like toppings, sides, special instructions, etc.
  • It is fully responsive and creates a smooth ordering experience on all mobile phones, tablets, laptops, etc.

Follow these steps to set up WooCommerce Restaurant Ordering on your website.

1. Add each food as a new product and assign categories

Here, weโ€™ll add each menu item as a new product. Then, add products to relevant categories.

1. Log into your WordPress dashboard, and navigate to Products โ†’ Add New.

2. Enter the name of your dish as the product name, for example, โ€œMargherita Pizzaโ€.

3. Add a description of the food. Feel free to include details like ingredients, portion size, and any special notes.

4. Update the short description with a summary or key selling points of the item.

5. Update the product image and gallery images. Make sure you use high-quality, mouth-watering photos.

6. Locate the โ€œProduct categoriesโ€ box on the right-hand side of the screen. Create and assign relevant categories, such as โ€œPizzasโ€, โ€œPastasโ€, or โ€œAppetizersโ€. This helps customers easily find what theyโ€™re looking for.

7. Update the remaining details โ€” product type (simple or variable), price, stock information, etc.

8. Scroll up and hit โ€œPublishโ€ on the right side.

9. Rinse and repeat until youโ€™ve added all the products and categories your restaurant offers.

2. Add and customize the WooCommerce restaurant ordering form

1. Get the WooCommerce Restaurant Ordering plugin and add it to your website.

2. Choose the page you want customers to order from. Once installed, the plugin creates a standalone page called โ€œRestaurant Orderโ€ to house the food ordering form. You can select that or any other page on your site. For this tutorial, Iโ€™ll select โ€œRestaurant Orderโ€.

3. Pick the categories for each food that you offer. (Youโ€™ll get to select from the product categories you created earlier).

4. Tick the โ€œOrder formโ€ checkboxes to choose the fields and details you want shown in your ordering menu. I recommend selecting all the options here.

5. Choose the number of columns to display food items in from the โ€œlayoutโ€ option.

6. Update the details about your restaurant, i.e., Name and Address. You can also add important info about delivery or pickup, such as delivery fees, timelines, key policies, etc.

7. Select โ€œAdd opening hoursโ€. This will take you to WooCommerce โ†’ Settings โ†’ Restaurant Ordering, from where you can add details.

8. Tick the โ€œEnable restaurant opening hoursโ€ checkbox. Then, add opening and closing times for each day of the week.

9. Add messages to be displayed on the front end of your site during opening and closing hours.

10. Scroll down and hit โ€œSave changesโ€.

Note: Head to WooCommerce โ†’ Settings โ†’ Restaurant Ordering to amend the settings, and find additional options (for instance, customize the information shown in product lightboxes, update order methods, etc.).

Step 2: Enable SMS notifications on your restaurant website

WP SMS is a powerful plugin that allows you to send order notifications via text message to your customers and restaurant staff directly from your WordPress site. Out of the box, it integrates with over 300 SMS gateways and makes it easy to create and manage SMS marketing campaigns. Plus, itโ€™s GDPR-compliant.

You can use WP SMS to send order notifications, such as:

  • Order confirmation SMSโ€™ to confirm the order as soon as itโ€™s placed.
  • Preparation updates to notify customers when their order is being prepared.
  • Delivery updates to inform customers when their order is out for delivery and provide an estimated arrival time.
  • Promotional SMS messages to share offers, announce new launches, etc.
  • Cart recovery messages to encourage customers to complete their order(s).
  • Feedback requests after the order is delivered.

1. Configure the general settings

1. Get the WP SMS plugin and add it to your site.

2. Navigate to SMS โ†’ Settings โ†’ General.

3. Enter the mobile number for which you want to get admin notifications about your WP SMS account.

4. In the โ€œMobile Number Field Sourceโ€ field, select โ€œAdd mobile number field to existing billing and checkout pagesโ€.

5. The โ€œMobile Field Mandatory Statusโ€ lets you specify whether you want the mobile field to be optional or required. I recommend that you make this required.

6. Update the placeholder label for the mobile number field.

7. If you plan to deliver orders internationally, tick the โ€˜International Number Inputโ€™ checkbox. Then add the country code prefix. Otherwise, leave this blank.

8. Update the minimum and maximum lengths for the mobile number field. I recommend that you update these in line with your countryโ€™s requirements to make sure customers enter their phone numbers correctly.

9. Tick the โ€œGDPR Compliance Enhancementsโ€ checkbox.

10. Hit โ€œSave Changesโ€.

2. Set up your SMS gateway

1. Within SMS โ†’ Settings, navigate to the SMS Gateway tab.

2. Choose your preferred SMS gateway to send messages from the list and enter the required credentials (API Username, password, and sender number).

3. In the โ€œDelivery methodโ€, select โ€œSend SMS instantly: Activates immediate dispatch of messages via API upon requestโ€.

4. Tick the โ€˜Restrict to Local Numbersโ€™ checkbox.

5. Hit โ€œSave Changesโ€.

3. Enable WooCommerce order updates

1. Navigate to SMS โ†’ Integrations โ†’ WooCommerce.

2. Go to the โ€œOrder Meta Boxโ€ section and set it to โ€œActiveโ€ status.

3. Go to the โ€œNotify for new orderโ€ section and tick the โ€œSend SMSโ€ box.

4. Enter the numbers of admins who need to be notified about orders received (such as your kitchen staff and other restaurant admins) in the SMS receiver section, separated by commas.

5. Customize the message content for each order notification by selecting the fields to appear.

6. Go to the โ€œNotify to customer orderโ€ section and tick the โ€œSend SMSโ€ box. This will send a confirmation SMS to customers once their orders are successfully placed.

7. Customize the message content for each order notification by selecting the fields in the โ€œMessage bodyโ€ field.

8. Go to the โ€œConfirmation Checkboxโ€ section and activate it.

9. Go to the โ€œNotify of order statusโ€ section and tick the โ€œSend SMSโ€ checkbox. This will send an SMS with updates about changes in order status (e.g., new orders, completed orders, etc).

10. Customize the message content for each order notification by selecting the fields in the โ€œMessage bodyโ€ field.

11. Go to the โ€œNotify of specific order statusโ€ section and activate it.

12. Customize the message content for each order notification by selecting the fields in the โ€œMessage bodyโ€ field. This is useful if you want to tailor the messages for specific order status updates.

Ready to set up your WooCommerce restaurant ordering system?

In this tutorial, I showed you how to set up a WooCommerce restaurant ordering form on your website using:

  • WooCommerce Restaurant Ordering โ€“ To add a robust restaurant ordering system to your WordPress site in minutes. You can easily showcase your menu, accept orders, set open and close times, and more.
  • WP SMS โ€“ To share order updates via text with customers and your kitchen staff. It integrates with over 300 SMS platforms like Twilio, BulkSMS, Clickatell, Plivo, etc., and has GDPR compliance enhancements baked in.

Start accepting orders via your website today!