How to create your site for delivery and pickup
Use Poster Site to create a website with items from your Poster management console.
Poster Site pulls your products from the management console and gives guests a fast, mobile shopping experience.
Connect Poster Site:
Launch your site in minutes—no coding.
- Go to App Marketplace or Applications → App Marketplace.
- Find Poster Site and click Connect.
- Open the link to view your site.
Before taking orders, prepare the basics in Poster: add clear names, recipes, and modifiers for the items you will sell online.
Help guests find dishes faster with a clean, two‑level menu.
- Create main categories and subcategories.
- Example: put Cocktails, Coffee, and Tea inside Drinks; put Soups, Pasta, and Breakfasts inside Cuisine.
Make a category main
- In Poster Site, open Menu.
- Drag a category to the top level or into another category.
💡 A two‑level menu appears when at least one category has a subcategory.
Prefer a single‑level menu? Move all subcategories to the main level.
Sort categories and items
Put best‑sellers front and center. Hide items you won’t sell online.
- In Poster Site, open Menu.
- Turn off the Show switch for categories or items you don’t sell online.
- Drag to reorder categories and items.
💡 Example: move Coffee to Hot drinks, or move Pancakes from Desserts to Breakfasts.
Descriptions and photos
Answer guest questions before they ask—add short, helpful descriptions and great photos.
- In Menu, click Edit next to an item.
- Add images, update names, or change prices.
- Use filters No description and No photo to fill gaps quickly.
- Write a clear description. Mention allergens or calories if needed.
- Add helpful icons like 🔥 (spicy) or 🦐 (allergen).
- Upload sharp images so guests can decide faster.
💡 Use JPG, PNG, or JPEG up to 5 MB. Recommended size: 1000 × 1000 px. Find all image requirements to Covers, Sliders, Menu items and more down in the article. - Check Promo to pin items with a Popular badge. Clear Show for items that are sold out.
💡 The + Add‑ons label appears automatically for items with modifiers.
☝️ Product names, images, and prices in the Poster management console do not change when you edit them here.
Add swiping slides to your homepage
Capture your visitors' attention with swipeable images on top of your QR menu. Showcase discounts, special deals, and brand messages with smooth-swiping slides on your homepage.
- Go to Web structure → Main page and click Add slide.
- To upload a new image click the blank slide area or drag and drop your image into it.
- Click Save to apply changes.
Create custom pages in your QR Menu
Display side info unrelated to the menu. Career opportunities, volunteer initiatives or gig schedule taking place in your location.
Logo and favicon
Build trust with familiar branding in the header and browser tab.
In Settings → General, upload:
- Logo: 150 × 75 or 75 × 75 px (JPG, PNG, JPEG; up to 5 MB).
- Favicon: 16 × 16 px icon.
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.
|
Format |
Resolution |
Size |
Cover |
jpg, png, webp |
1080 x 720 px or any other 3:2 ratio |
up to 5 MB |
Slider |
jpg, png |
2500×1000 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 |
Add contact info:
- Go to Settings → Contact information in Poster QR back office.
- Enter business phone, email, and social media.
- Pin your address on a map to display it to the customers.
Design the site
Make your brand unmistakable and increase conversions with consistent colors and typography.
- Open Design in the Poster Site editor.
- Choose a theme style and an accent color for buttons and text.
Know CSS? Add custom styles.
Example: bold green category chips
.btn.btn-light.ms-2.rounded-pill.flex-grow-0.px-5 { color: green; font-weight: bold; } |
Example: background image
div { background-image: url("https://www.onlygraphicdesign.com/wp-content/uploads/2021/06/hero-bg.jpg"); } |
Offer pickup for speed and delivery for convenience—all managed in one place. Beyond serving guests, delivery becomes a powerful growth channel for your restaurant. Here’s how to configure it properly.