Toast Card
The Toast Card in Rich Landing Bundle is a lightweight notification system that provides instant feedback to customers when they interact with the bundle—such as adding an item, selecting options, or completing an action. It appears as a small popup (usually at the bottom corner) and helps improve user experience by clearly communicating what just happened.
Overview
Toast cards display quick messages like:
- Item added to bundle
- Item removed
- Option selected
These notifications are non-intrusive, auto-dismiss after a few seconds, and enhance the overall interaction flow.
Why Toast Card is Important
- Improves User Experience
Confirms actions instantly without interrupting the flow - Reduces Confusion
Users clearly understand if their action was successful - Enhances Feedback Loop
Makes the interface feel responsive and interactive - Professional UI Feel
Adds modern app-like behavior to your storefront
How to Enable (Step-by-Step)
- Go to “More Features”
- Click on “Toast Card”
- Enable “Show Live Toast Preview” (optional for testing)
- Customize settings as needed
- Save changes
Note: Please avoid selecting products that are out of stock.
Position & Behavior Settings
You can control where and how the toast appears:
- Display Position
- Bottom Left
- Bottom Right
- Top positions (depending on layout)
- Toast Style
- Minimal Flat
- Modern styles (based on theme)
- Animation
- Slide
- Fade
- Slide & Fade
- Auto-Dismiss Duration
- Set how long the toast stays visible (e.g., 5–15 seconds)
Visibility Controls
- Show Icon
Display an icon (e.g., success checkmark) - Show Close Button
Allow users to manually close the toast - Show Progress Bar
Visual indicator of remaining time before auto-dismiss
Typography & Colors
You can fully customize the appearance:
Typography
- Font weight
- Font size (based on theme)
Colors
- Background color
- Text color
- Different states:
- Success (e.g., item added)
- Info
- Error
Real-Time Preview
As shown in the preview:
- When an item is added → Toast appears
- Message: “Item added to bundle!”
- Positioned at the bottom corner
- Disappears automatically after a few seconds
Best Practices
- Keep messages short and clear
- Use success color (green) for positive actions
- Avoid long display durations
- Combine with:
- Animations for smooth UX
- Icons for quick recognition
Summary
The Toast Card is a small but powerful UX feature that improves interaction clarity and responsiveness. By providing instant feedback on user actions, it makes your bundle builder feel more intuitive, modern, and user-friendly, ultimately leading to a better shopping experience.