Store & Menu Page Relationship

The menu always shows subcategories and products available in a selected store. Your customers have a correct menu with products available in the store. This connection is important as not all stores have the same menu or have all products available at the same time. This is a reason your customer should be always directed to the store most suitable for them, either through Web App flow where they explicitly select a store, or in Direct Linking where you should make sure your customer is browsing through the correct store menu. 

 

Menu Page Layout

Desktop                                                                                                                                                                                          Mobile 

 

Main content area

Desktop                                                                                                                                                                                         Mobile 

 

Store Info

The store info section gives the context to your customers about the store. It shows the name of the store and a brief description. Customers can access all details and see the location of the store, working hours, and full description.

 

Subcategories

Subcategories are an overview of your menu structured in sections defined in PAR Ordering CMS. They serve the customer to quickly browse through the menu. They are always positioned on the top of the menu so your customers can always switch between subcategories.

 

Menu Products

This is the main content area of the Menu Page. Your customers will spend the majority of their time exploring your menu and looking through the products you offer. In this area your items and combos are shown in the order you define in the PAR Ordering CMS.

 

Side content area

Desktop                                                                                                                                                                                         Mobile 

 

Offers and Rewards

* Shown only if your brand has enabled offers or loyalty features. 

This section gives quick access to offers available to you customers and rewards if the Loyalty feature is enabled. Customers can browse through offers and rewards, and add them to the cart. Bear in mind that it's restricted that customers can add only one offer or reward to the cart per order.

 

Order Type Configuration

Customers can change the order type, adjust the time when the order should be served or delivered, or change the delivery address.

 

Cart

All products that your customer adds to the cart will show up here. It's a place your customers use to review the products they added to the cart, modify or remove them. This section shows only once the customer added a product to the cart. It shows all products that are added, a summary, and the total of the order.

 

Cross-selling

This section shows up to 5 products you defined for cross-selling in PAR Ordering CMS. It adjusts based on what your customer added to the cart in order to always suggest the best-suited products to your customers and aims to increase the size of the order.

 

Header & Footer

Header

Header exists on the majority of Web App pages. It serves the purpose of navigation accessible to users. The most important header feature is the "Register" call-to-action to nudge your customers to register or sign in. This is available when the customer is in a guest session.

* If your brand has the Loyalty feature enabled, guest customers will see the call-to-action to register in order to benefit from loyalty perks.

For registered customers, the header acts like a customer dashboard with access to account settings, their past orders, and payment methods. 

* If your brand has the Loyalty feature enabled, registered customers will see the number of points they accrued that can be spent on loyalty rewards.

 

Marketing Website Links *

* If your Marketing Website is also hosted on PAR Ordering platform, links created in the header of your Marketing Website will be shown on Web App header as well in the same order.

 

Footer

Footer hosts the language switcher, high contrast, and custom links your brand needs in the footer.

 

Marketing Website Links *

* If your Marketing Website is also hosted on PAR Ordering platform, links created in the footer of your Marketing Website will be shown on Web App footer as well in the same order.. This behaves as a second footer shown below Web App footer.

 

Direct Linking to Menu Page

URL Parameters

URL parameters are a way to pass information about a click using the URL itself. Parameters are added to the end of a URL after a ‘?’ symbol, and multiple parameters can be included when separated by the ‘&’ symbol. Parameters have a key value pair format and can be required or optional.

Example: ?id=123&order-type=1

Store Parameter in Direct Link *required

In order to load Menu Page, Store ID must be specified.

Example Direct Link URL:

https://order.yourdomain.example/venue/?id=123

"/venue" indicates that it's a Store Menu Page

"id=123" is the ID of a specific store. Without Store ID, Menu Page can't load. Store ID is the same in PAR Ordering CMS URL and Web App URL for a single store.

 

Order Type Parameter in Direct Link *required

In order to load Menu Page, the order type needs to be specified.

Example Direct Link URL:

https://order.yourdomain.example/venue/?id=123&order-type=4

"order-type=4" indicates that it's a directory for Dine-in Pickup order type. This direct link would open Menu Page with the list of restaurants offering Dine-in Pickup order type.

 

Menu Page supported order types:

Order type	URL parameter
Dine-in Pickup	order-type=4
Table Service	order-type=1
Takeout	order-type=6
Delivery	order-type=7
Foodspot	order-type=9

 

If the order type isn't specified in the URL as a parameter, upon landing on the page, customers will be asked to choose the order type they would like to order. 

 

Table Number Parameter in Direct Link *optional

When the table number parameter is specified in the URL, the customer will automatically have the table number entered upon landing on the Menu Page. This is a great feature if you include the table number in the URL directed from a QR code, as it will optimize the experience for your customers.

If the parameter doesn't exist in the URL, the customer can add manually the table number through Web App.

Example Direct Link URL:

https://order.yourdomain.example/venue/?id=123&order-type=1&table-number=1

* Supported for Table Service.

 

Foodspot Code Parameter *optional

You can provide direct links to your customers and ease the navigation to your foodspot menu. When Foodpot code is added to Direct Link as a parameter, customers will by accessing the link have Foodspot already selected with the first available time if foodspot offers multiple deliveries for the same day.

This URL can be used in combination with the Dynamic Links feature, and QR codes can be provided in the office which has Foodspot. Ideally you provide QR codes in marketing materials in specific Foodspot.

https://order.yourdomain.example/venue/?id=123&order-type=9&foodspot-code=CODE

* Supported for Foodspot

Please make sure not to publicly show direct links to foodspots, as it may bring confusion to customers that aren't users of the foodspot.

 

Order For Time Parameter in Direct Link *optional

* Order For Time shouldn't be specified upfront, only through ordering flow specified explicitly by your customer.

Order For Time parameter is encrypted as it consists of ASAP (as soon as possible) or a specific time. Time as a parameter is encrypted as URL is in UTC time which usually differs from restaurant or customer device time. As such it's hidden to avoid confusion. Please do not specify nor change these parameters. Our suggestion is to not specify the time when direct linking to Menu Page, as Web App, will appropriately give the option to your customers to specify the time they would like for their order.

Example Direct Link URL:

https://order.yourdomain.example/venue/?id=123&order-type=4&time=JTIyQVNBUCUyMg%3D%3D

* Supported for Dine-in Pickup, Takeout, Delivery, and Foodspot (if multiple delivery times are available in Foodspot).

 

Customer Delivery Address Parameter in Direct Link *optional

* Customer delivery address shouldn't be specified upfront, only through Delivery flow specified by your customer.

Delivery Address parameter is encrypted as it consists of the full customer address and all additional details. As such, please do not specify nor change these parameters. When parameters aren't specified in the URL, the Web App will take care to ask customers for delivery addresses before letting them proceed to Menu Page. Note that if the delivery address customer specifies is in the zone of a different store, the customer will be redirected to that store and be able to make a purchase.

Example Direct Link URL:

https://order.yourdomain.example/venue/?id=123&order-type=7&delivery-address=JTdCJTIyaWQ

 

Products in Cart Parameter in Direct Link *optional

* Products in the cart shouldn't be specified upfront. This parameter will adjust based on what your customers are adding to the cart by themselves.

Products in cart parameters are encrypted as they handle cart quantity, items, combos, offers, rewards, modifiers, and comments. This parameter is generated for every order in real-time based on what your customers are adding to the cart.

Example Direct Link URL:

TBD

 

Wording and screenshots in this article are examples for presentational purposes. You can customize all texts across the PAR Ordering platform to match your brand's tone of voice in the Customization Center.