In-App Notification Center
The Notification Center is a feature that provides users with updates on community activity. Users can receive notifications via email or in-app for events such as mentions, replies, and new posts. etc.
For events that currently trigger email notifications, Notifications will also be displayed near real-time in the in-app notification center. Users can view and access their notifications from the top-right corner of the screen and can either engage with or mark them as read.
Notification types supported in the notification center:
- Mentions
- Replies
- New topic in a subscribed Category/Group
- Approval joining groups
- Invitations to groups
- Private messages
- Right answer
The notification status can be one of the following:
- Unread: New notifications are marked as unread. They change to read status when clicked/opened, or when "Mark all as read" is clicked.
- New: The New section shows all recent unread notifications.
- Seen: Notifications are marked as seen when the notification bell icon is clicked. This also clears the read counter in red color for New notifications. The seen status doesn't indicate that the notification itself was clicked or opened.
Who has access to the Notification Center:
- All users that are logged into the community have access
Key Points:
- The Notification Center in In-app is available for all the logged in community users and cannot be disabled.This feature aligns with common UX patterns and user expectations, as notification centers are prevalent in many software tools.
- The email notification functionality will remain intact; in-app notifications will be an additional channel for receiving updates.
- Email notification and in-app notifications are two separate channels of notification read/unread state of the notification item of either of these channels will not be in sync.
- All notifications are displayed in chronological order with the recent one on top of the list.
- When clicking an item in the notification center list, the user is redirected to the respective page.
- When clicking on the mark all as read. All the notifications displayed are marked as read.
- Notifications are shown from the past 30 days.
Comparing Email and In-app notifications.
| Features | Email Notification | In-App | |
| System Notification | System Activity ( user registration, activation , moderation..etc) | Yes | No |
| Customization | Turn ON/ OFF types of notification from profile settings page | Yes | No ( Future release ) |
| Modify Phrases text | Yes | Yes | |
| Notification Types | Mentions | Yes | Yes |
| New Replies | Yes | Yes | |
| Notification for a new topic in a subscribed category/product | Yes | Yes | |
| Notification for approval joining groups | Yes | Yes | |
| Invitations to groups | Yes | Yes | |
| Private messages | Yes | Yes | |
| Right answer | Yes | Yes | |
Customization
The texts used in the notification center can be modified using the phrases customization option available in the control and destination. Below are the phrases and default value used
Module : Forum
| Key | Default value | Variables |
| notification.center.information.notifications | Notifications |
|
| notification.center.information.noActivity | You don’t have any activity yet. |
|
| notification.center.information.comeBack | Please come back later. |
|
| notification.center.markAllRead | Mark all as read |
|
| notification.center.information.new | NEW |
|
| notification.center.information.recent | RECENT |
|
| notification.center.information.theEnd | You've reached the end of all notifications from the past 30 days. |
|
| notification.center.information.markAsRead | Mark as read |
|
| notification.center.information.markAsUnread | Mark as unread |
|
| notification.center.messages.mention | <span>{username}</span> mentioned you in <span class="notification-center__item__description__link">{title}</span> |
|
| notification.center.messages.newReply | <span>{username}</span> replied to <span class="notification-center__item__description__link">{title}</span> |
|
| notification.center.messages.newTopic | <span>{username}</span> posted a new topic <span class="notification-center__item__description__link">{title}</span> in the category <span>{categoryName}</span> |
|
| notification.center.messages.newProductUpdate | <span>{username}</span> posted a new product update <span class="notification-center__item__description__link">{title}</span> |
|
| notification.center.messages.topicAnswered | A comment in <span class="notification-center__item__description__link">{title}</span> has been marked as the best answer |
|
| notification.center.messages.privateMessage | <span class="notification-center__item__description__link">{username}</span> sent you a private message |
|
| notification.center.messages.groupInvitation | <span>{username}</span> has invited you to join the group <span class="notification-center__item__description__link">{title}</span> |
|
| notification.center.messages.groupJoinApproval | Your request to join the group <span class="notification-center__item__description__link">{title}</span> has been approved |
|