Online Ordering

Use this guide to set up and launch Online Ordering in your Shopify POS Cafe app, allowing customers to browse your menu, customize orders, and pay online for pickup.

Step 1: Enable Modifiers for Online Sales

  1. Go to Modifier Sets in POS Cafe.
  2. CLick the checkbox to select all modifier sets, then click Update Online Sales Channel, click Enable, and click Ok.
Enable Online Sales Channel for Modifiers

Step 2: Enable POS Cafe Products for Online Sales

  1. Go to Cafe Collections in POS Cafe.
  2. Click on a collection title.
  3. CLick the checkbox to select all products in that collection, then click Update Online Sales Channel, click Enable, and click Ok.
  4. Click the back arrow, and repeat for all your Cafe Collections
Enable Online Sales Channel for Products

Step 3: Set Store Hours for Online Orders

Online Ordering follows your store hours in POS Cafe. Customers cannot place orders outside these times.

  1. Go to Locations in POS Cafe.
  2. Click on the name of your location.
  3. Set the hours in which customers can order online for immediate pickup.
  4. Click Save at the top of the screen.
Set Location Hours for Online Orders

Step 4: Configure In-store Pickup For Locations

  1. In Shopify admin, go to Settings → Shipping and Delivery.
  2. Scroll to Pickup in store and click Set up.
  3. Click on the location you are setting up online ordering for.
  4. Toggle the location status switch.
  5. In the field Expected pickup date enter Usually ready in one hour (we will make this more user-friendly later).
  6. Change the Ready for pickup notification to match your brand's voice.
  7. Click Save.
Set Up In-Store Pickup Location Pickup Settings Pickup Settings

Step 5: Disable Shipping for Cafe Items

  1. In Shopify admin, go to Settings → Shipping and Delivery.
  2. Create a new Custom Shipping Profile (e.g., “Cafe Items”).
  3. Click Add products.
  4. Add all products you do not wish to be available for shipping to this profile and click Done
  5. Do not add any shipping zones — this removes shipping as an option.
  6. Click Save.
Create Custom Shipping Profile Custom Shipping Options

Step 6: Update Pickup Messaging in Your Theme

  1. In Shopify admin, go to Online Store.
  2. Click on the three dots next to the word Customize and click Edit Default Theme Content for your current theme.
  3. Use the magnifying glass in the theme content window to search for Usually ready in one hour and replace everywhere it occurs with your desired prep time (e.g. 'Usually ready in 8 minutes').
  4. Save changes. Note: this messaging now applies to all items offered for in-store pickup.
Edit Default Theme Content Theme Content Search

Step 7: Add Online Ordering to Your Storefront

  1. In Shopify admin, go to Online Store → Customize for your theme.
  2. Navigate to the page where you want to insert online ordering.
  3. Add Section → Apps → POS Cafe Online.
  4. Configure settings:
    • Use Collection Picker to include extra products (e.g., bottled drinks).
    • Enable Cart Note for customer instructions (optional).
    • Adjust colors to match your branding.
Add Online Ordering App Section Online Ordering Settings

Step 7: Managing Orders in POS

  1. In Shopify POS, tap Add tile, Fulfillment, then View Pickup Orders to add the Pickup tile to your grid.
  2. A number will appear on the tile to notify you when an online order has been placed.
  3. To manage online orders
    • If you're using Shopify's inbuilt receipts and connected receipt printer: Tap the tile, then an order to view its details and print the order ticket for preparation.
    • If you're using Fresh KDS: Orders automatically display on your Fresh KDS screen when they are placed.
    • If you're using POS Cafe's external receipt printer functionality: Orders automatically print to your connected receipt printer/s when they are placed.

Tips

  • Regularly update collections and modifier sets to keep your online menu accurate.
  • Test your online ordering flow to ensure pickup times and instructions display correctly.
  • Consider using QR codes on tables to link directly to your ordering page.