9:41
Notifications
Order Updates
Push
SMS
Email
Promotions & Deals
Push
SMS
Email
Delivery Updates
Push
SMS
Email
Product Back in Stock
Push
SMS
Email
💬 WhatsApp Notifications

Receive delivery updates via WhatsApp

Screen Annotations — CON-104 Notification Preferences

Screen ID: CON-104
Flow: Profile → Notifications
Previous: CON-100 Profile Main
Next: CON-105 Help & Support
Header: White header with back button and "Notifications" title. No action buttons on the right.
Notification Categories: Four sections, each with Push, SMS, and Email toggles:
Order Updates: Push ON, SMS ON, Email OFF
Promotions & Deals: Push ON, SMS OFF, Email ON
Delivery Updates: Push ON, SMS ON, Email OFF
Product Back in Stock: Push OFF, SMS OFF, Email OFF
Toggle Component: Using the shared .toggle component (48x28px). Active state uses --color-primary (#043F2D) background with knob shifted right. Inactive state uses --color-border grey background.
WhatsApp Notifications: Separate section with chat bubble icon, "WhatsApp Notifications" title, toggle (enabled), and descriptive note "Receive delivery updates via WhatsApp". This is a popular channel in South Africa for delivery updates.
No Bottom Navigation: Sub-screen of Profile, so bottom nav is hidden.