Skip to main content
All CollectionsPoster AppsPoster QR
How to get online orders from Poster QR
How to get online orders from Poster QR

Create a Poster QR website and start accepting online orders for delivery or takeout from your customers

Max avatar
Written by Max
Updated over a week ago

Default Poster QR allows only viewing the menu online. In this guide, we explain how to create a website for online orders with Poster QR, so your customers can also place orders while browsing your QR Menu.

Online orders in Poster QR

In case you're already using QR Menu by Poster QR upgrade it to online ordering by contacting our support team in chat @joinposter or by email contact@joinposter.com.

In case you're creating your Poster QR for the first time, here are a few steps to make it a website for online orders right away:

  1. Go to Applications → App Marketplace in the management console.

  2. Find Poster QR and click Connect.

  3. Select Website for orders plan and click Get started.

  4. The website will be ready in a few moments.

☝️ Visit your website by clicking My site at the top right of Applications → Poster QR

Menu items and control

Poster QR automatically pulls the menu from your management console to your online ordering website.

Add new items in Menu → Products or Dishes of your management console and they will appear in Poster QR → Menu.

Show and hide items or categories

  1. Go to Poster QR → Menu.

  2. Enable Promo to promote the item over the others at the top of your website.

  3. Disable Show to hide displayed items or categories.

  4. Changes will go live instantly on My site at the top right.

☝️ Changing product name, image, or price in Poster QR does not affect products in the management console of Poster.

Move items and categories

Drag and drop items or categories to change their sequence on your website:

  1. Go to Poster QR → Menu.

  2. Hover over the item or category you want to move.

  3. Click and hold ::: to drag it wherever you need.

  4. Move items between or within categories.

Customer navigation and subcategories

Poster QR has two category levels: main and nested. Customers can see only the main level categories once they open your website. To reveal subcategories tap the main category and dive deeper without scrolling through the entire menu.

Group categories like 'Cocktails' and 'Coffee' under the main category ‘Drinks’, while 'Appetizers' and 'Pasta' belong to the ‘Food’ category. This way, guests will immediately spot the main categories 'Food' and 'Drinks', helping them quickly decide what they'd like to try today.

To create or detach subcategories:

  1. Go to Poster QR → Menu.

  2. Hover over the category you want to move.

  3. Click and hold ::: to drag it wherever you need.

  4. Create subcategories by dragging one category over another.

  5. Detach subcategories from their parent category by moving them away.

💡 Two-level menu becomes available if one of the categories has a subcategory. To have the menu displayed in a single level as before, move all subcategories to the main level in the Poster QR → Menu tab.

Customize website design:

Logo and favicon

💡 Add a logo or favicon in Settings of Poster QR back office.

Themes, color and styles

Customize your website design to stand out. To do this, go to the Design section and select a theme style, as well as an main color for buttons and fonts.

☝️ Theme Style: Auto enables Light or Dark mode depending on the viewer's device theme.

Add a cover image that customers will see immediately after scanning the QR code on the main page of your QR hub, which includes the menu, and feedback. This could be a location photo, a current promotion, or customer greetings, in JPG, PNG, WEBP formats, with a 3:2 aspect ratio.

Add swiping slides to your homepage

Showcase discounts, special deals, and brand messages with smooth-swiping slides on your homepage.

  1. Go to Web structure → Main page and click Add slide.

  2. To upload a new image click the blank slide area or drag and drop your image into it.

  3. Click Save to apply changes.

💡 Find all image requirements to Covers, Sliders, Menu items and more down in the article.

Create custom pages on your website

Display side info on your website such as career opportunities, volunteer initiatives or gig schedules happening at your location.

To preview a page without publishing, navigate to Website structure → Sub-pages and disable the Display on site toggle. This makes the page viewable through a direct link, allowing for real-time edits. To hide the page entirely, enable the Hide switch.

Image formats for Poster QR:

Format

Resolution

Size

Cover QR Hub

jpg, png, webp

1080 x 720 px or any other 3:2 ratio

up to 5 MB

Cover

jpg, png

1100×400 px

up to 5 MB

Menu item

jpg, png

500×500 pх

up to 5 MB

Logo

jpg, png

150×75 px

up to 5 MB

Favicon

png

16×16 pх

up to 5 MB

☝️ To get a contactless QR menu for your cafe go to QR Codes in Poster QR back office and download QR stickers for tables and counter area.

Add contact info:

  1. Go to Settings → Contact information in Poster QR back office.

  2. Enter business phone, email, and social media.

  3. Pin your address on a map to display it to the customers.

Accept online orders

Once an order is placed on the website, waiters or cashiers receive a POS notification, showing the number of pending orders.

To accept an online order on the POS:

  1. Go to Orders at the top left.

  2. Accept new order with Online status.

  3. Proceed with such orders, as usual. Print tickets, apply discounts, edit info, etc.

  4. Hand over to delivery or takeout and go to payment.

☝️ Set up Working hours and Addresses in Access → Locations to receive orders during business hours only. Location addresses are automatically added to your Contact info.

☝️ Customers ordering for the first time are automatically added to your customer database in Marketing → Customers as New Customers.

Feel free to contact our customer support if you have any questions or concerns. We're available in chat @joinposter.com and email contact@joinposter.co


The following guides might be helpful too:

Did this answer your question?