The New Hospitality Ordering Experience

We’re introducing a redesigned Hospitality Ordering flow to make it faster, clearer, and easier for customers to place and manage orders.

The new flow has been designed to reduce friction, improve readability, and better support more complex hospitality use cases such as multi-slot bookings, large meetings, and orders with different delivery moments throughout the day.

This page gives you an overview of what is changing, what is staying familiar, and what you can expect when the new experience becomes available.

The new Hospitality Ordering flow introduces a more modern and efficient experience for customers placing hospitality orders.

Key improvements include:

These changes are designed to make Hospitality Ordering easier to use, especially for customers managing larger or more detailed bookings.

The landing page is the starting point for the Hospitality Ordering flow. In the new experience, we have updated this page to make it more visual, more informative, and easier to use.

The new landing page includes a customisable header component.

This background image can be managed from the module display settings in Kanpla Admin. You can either upload your own image or choose one through our Unsplash integration.

Any changes made to this image will update immediately across both desktop and mobile ordering views

The landing page clearly displays the module title and description.

To keep the page consistent and easy to read, the module description now has a limit of 2 lines after which it will display “show more” which opens a dialogue box displaying the full T&Cs - Kanpla can support with formatting this.
​

In the existing ordering flow, customers begin by clicking a “New booking” or “New order” button. In the new flow, this has been replaced by a booking bar.

The booking bar or stepper on mobile collects the key order information upfront:

Collecting this information at the beginning allows the menu to be filtered more accurately before the customer starts selecting products.

For example, the menu can avoid showing breakfast products for an evening order, evening products for a breakfast order, or products where the selected number of guests does not meet the product’s minimum guest requirement.

Delivery times have been reworked in the new flow.

Previously, delivery time was entered in the basket. It was also possible to apply a specific delivery time to each individual product, which could create friction for larger orders.

In the new experience, delivery times are collected upfront through the booking bar. Customers can create one or more delivery time slots and then add products into those slots.

For example, for a three-hour meeting, a customer may want:

These delivery slots are configured at the start of the flow and remain visible during ordering, making it much clearer which products are being delivered when.

The landing page still includes an overview of upcoming orders, but the table has been redesigned for better readability and clearer information hierarchy.

The table displays the customer’s next five upcoming orders.

The “View all” button now opens a dedicated orders and bookings page. In the existing flow, this opened an orders dialog instead.

The new orders and bookings page gives customers a clearer way to browse, search, and manage their orders.

From this page, customers can switch between upcoming and past orders using the control in the top left-hand corner.

The list follows the same layout as the upcoming orders table on the landing page, creating a consistent experience across both views.

Customers can also:

Clicking into a booking opens the new order detail view.

This view gives customers a full summary of their booking, including:

Customers can also see a receipt breakdown, including discounts, allowances, fees, payment type, and other relevant cost information.

From this view, customers can request an email receipt and add multiple recipients to receive it.

Basic order actions are also available from this flow, including duplication, as supported in the existing Hospitality Ordering module.

When starting a new order in the new flow, customers are taken directly to the menu page.

Because the booking information has already been collected through the booking bar, there is no need to go through the calendar step used in the existing flow.

This creates a faster and more focused ordering experience.

The menu page has been redesigned to make browsing, searching, filtering, and selecting products easier.

The category picker has been improved and now scrolls and sticks as customers move through the menu.

This means customers no longer need to jump back up the page when moving between categories or selecting products.

There is also a “show all categories” button, displayed with a bullet point icon. This is especially useful for menus with a large number of categories.

Search is now available in Hospitality Ordering.

Customers can search using information shown on the product card, making it easier to quickly find a specific product.

Filtering is also available, allowing customers to filter by cuisines, dietary preferences, or other product tags, as supported today.

Product cards have been redesigned to be larger and easier to scan.

The new product card can display:

Clicking into a product opens a new product detail view optimized for desktop.

This view clearly displays the product image and richer product information, including:

Choices can also include images and a more detailed choice view, helping customers better understand the options available before adding a product to their basket.

On desktop, the basket is still permanently visible on the right-hand side of the screen while customers browse the menu on desktop, with improved controls. On mobile, it floats in the footer and can be opened with a touch.

From the basket, customers can:

When reopening a product from the basket, the customer’s previous options and choices are saved, making it easier to review or adjust an item without starting again.

Checkout now takes place on a dedicated checkout page.

Here, customers can review the full order before placing it.

The checkout page includes:

Supported payment options include card, invoice, and mobile payment methods such as Apple Pay and Google Pay, depending on the customer’s configuration.

If order approvals are active, the order will be placed into the usual approval flow after submission. Customers will see that the order has been sent for approval, consistent with the existing Hospitality Ordering module.

For orders with multiple delivery time slots, the ordering experience works slightly differently.

After the customer configures the time slots in the booking bar, they move into the menu and begin adding products to the first time slot.

While working through multiple time slots, the basket shows which time slot the customer is currently ordering for.

Instead of moving directly to checkout after the first slot, the customer is guided to the next time slot.

Customers can also copy products from the first time slot to all or a selected subset of the remaining time slots.

Once products have been added to the final time slot, the button changes to checkout.

On the checkout page, the basket clearly shows which products belong to which delivery time slot, making the final review easier and reducing the risk of mistakes

If you have any questions about the new Hospitality Ordering experience, please reach out to your Kanpla contact or support team.

We’ll be happy to help you prepare for the updated flow.