Public Display
Understand how diners see and interact with allergen information on your public menu.
Diner Experience
When diners view your menu, they can:
- See allergen badges on each item
- Filter items by allergens to avoid
- View detailed allergen information
- Flag potential inaccuracies
Allergen Badges
Badge Display
Items show colored badges:
| State | Display | Meaning |
|---|---|---|
| Contains | Red badge | Has this allergen |
| Safe | Green badge | Verified safe |
| Unconfirmed | Gray/hidden | Not verified |
Badge Placement
Badges appear:
- Next to item name in list view
- Below description in detail view
- In filter results summary
Badge Overflow
When items have many allergens:
- First 3-4 badges shown
- “+N more” indicator for additional
- Tap to see full list
Allergen Filter
How Diners Filter
- Tap the Filter button on the menu
- Select allergens to avoid
- Menu updates to show safe options
- Flagged items display warnings
Filter Modes
Diners can choose filtering strictness:
| Mode | Behavior |
|---|---|
| Strict | Only show items marked Safe |
| Standard | Show Safe items, warn on Unconfirmed |
| Basic | Hide Contains, show everything else |
Filter Results
After filtering:
- Safe items - Highlighted, shown prominently
- Contains items - Hidden or marked with warning
- Unconfirmed items - Shown with “unverified” note
Item Detail View
When diners tap an item, they see:
Allergen Section
Full allergen breakdown:
Allergens:
✓ Safe for: Peanuts, Tree Nuts, Shellfish
⚠ Contains: Milk, Wheat
? Unconfirmed: Sesame, SoyIngredients List
If you’ve added ingredients:
Ingredients: flour, butter, sugar, eggs, vanillaAllergen Notes
Any notes you’ve added:
Note: Prepared in a facility that also processes peanuts.Flagging Items
How Diners Flag
- Tap the flag icon on any item
- Select the allergen in question
- Choose suggested correction
- Add optional notes
- Submit flag
What Diners See After Flagging
- Confirmation message
- “Thank you for helping improve accuracy”
- Option to provide contact info
Flag Visibility
Flags are not visible to other diners. Only you see flags in the dashboard.
Combo & Variant Display
Combo Allergens
Combos show allergens from ALL possible options:
Family Meal
Contains: Milk, Wheat, Eggs, Shellfish
Note: Allergens shown for all possible choices.
Your selection may contain fewer allergens.Variant Allergens
Variants show:
- Parent item’s combined allergens
- Per-option allergens when selected
Pizza
Contains: Milk, Wheat
Your selection (Veggie):
Contains: Milk, Wheat
Safe for: Eggs, ShellfishUnconfirmed Handling
Default Display
Unconfirmed allergens display as:
- Not marked as safe
- Neutral indicator
- “Unverified” label
Diner Expectations
Diners should understand:
- Unconfirmed ≠ Safe
- Ask staff if uncertain
- Err on side of caution
Messaging
Your menu shows:
Items marked “Unconfirmed” have not been verified for this allergen. Please ask your server for more information.
Mobile Experience
Responsive Design
Allergen display optimizes for mobile:
- Badge icons scale appropriately
- Filter is easily accessible
- Detail view scrolls smoothly
Accessibility
- Screen reader support for badges
- High contrast color options
- Text labels available for icons
Customization
What You Control
In Allergens > Settings, configure:
| Option | Description |
|---|---|
| Badge Style | Icons, text, or both |
| Color Scheme | Standard or high contrast |
| Show Unconfirmed | Display or hide unverified |
| Filter Default | Default strictness mode |
What You Don’t Control
These are fixed for consistency:
- Badge meanings (red=contains, green=safe)
- Filter functionality
- Flag submission process
Best Practices
Maximize Clarity
- Verify thoroughly - Fewer unconfirmed items
- Add ingredients - Diners appreciate transparency
- Use notes - Explain cross-contamination risks
- Keep updated - Recipe changes = allergen updates
Support Diners
- Train staff - They answer allergen questions
- Respond to flags - Shows you care about accuracy
- Provide alternatives - Help diners find safe options
Common Questions from Diners
“What does Unconfirmed mean?” We haven’t verified this allergen status. Please ask your server.
“Is [item] safe for me?” Check the allergen section on the item. If it shows Safe for your allergen, it’s been verified. If uncertain, ask staff.
“I think this information is wrong.” Please use the flag feature to let us know. We review all flags within 24 hours.
“Can you make this without [allergen]?” Ask your server about modifications. Our allergen info reflects standard preparation.
Troubleshooting
”Badges not showing”
Check that:
- Item has been published
- Allergens have been marked
- Display settings aren’t hiding badges
”Filter not working”
Verify that:
- Items have allergen data
- Filter mode matches expectations
- Page has fully loaded
”Diner can’t submit flag”
Ensure:
- Flagging is enabled in settings
- Item is on the public menu
- Connection is stable