Installation & Connecting Your Store
Getting POS Cafe online ordering live on your store takes three one-time steps: check the Storefront API connection (it’s set up for you), add the ordering block to a page, and set your ordering page URL.
1. Check the Storefront API connection
Section titled “1. Check the Storefront API connection”The POS Cafe online ordering menu loads live prices and availability directly from your store through Shopify’s Storefront API. This keeps customers on current, market-correct pricing (including the right currency for their region).
The secure key that powers this connection is created automatically when you install POS Cafe, so there’s nothing to connect. To check it:
- Go to Settings → General Online Ordering Settings.
- Find the Online ordering connection card and check its badge.
| Badge | What it means |
|---|---|
| Active | The key is working. No action needed. |
| Needs attention | The connection isn’t working. Select Regenerate to fix it. |
| Not set up | No key was found yet. Select Regenerate to set it up now. |
| Unknown | The status couldn’t be checked. |
Only regenerate the key (Regenerate key when the card is active) if online ordering isn’t loading the right prices.
2. Add the ordering block to a page
Section titled “2. Add the ordering block to a page”The storefront menu is delivered by the “POS Cafe Online” block, which you add in your theme editor. We recommend a dedicated page (for example, an “Order” page).
- In Shopify admin, open Online Store → Themes → Customize.
- Navigate to (or create) the page you want to use for ordering.
- Choose Add section / block and select POS Cafe Online.
- Save.
3. Set your ordering page URL
Section titled “3. Set your ordering page URL”Back in Settings → General Online Ordering Settings, paste the full URL of the page where you added the block into Online ordering page URL. This powers table QR codes that deep-link customers to the correct location and table.