Give logged-in users of your app an inbox for comments, mentions and workflow notifications, and customize what it says.
The notification center is an inbox inside your published app. Logged-in users open it from the navigation menu to catch up on what needs their attention: comments and mentions on records they follow, and custom notifications that you send from a workflow.Notifications wait in the inbox until the user reads them, so nothing is lost if they weren’t online when it was sent. Unlike push notifications, the inbox needs no browser permission from the user.
In-app notifications are available on paid plans, starting with the Professional plan. On a plan that doesn’t include them, the toggle shows a plan badge and can’t be turned on.
Comments and mentions. When someone comments on a thread a user follows, or mentions them in a Comments block, the user gets a notification in the inbox.
Custom notifications from workflows. Any workflow can send a notification to one or more users with the Send Notification action — for example, when a task is assigned to them, an invoice is due or a request needs approval.
Notifications only go to logged-in users of your app. Visitors who aren’t signed in never see the inbox.
In Softr Studio, open your app and go to Users in the top bar, then select the Notifications tab.
2
Switch on In-app notifications
Under Other channels, turn on the In-app notifications toggle (1). This adds a Notifications link to your app’s navigation menu. Use Notification inbox (2) to customize the inbox — see Customize the inbox below.
The In-app notifications toggle and the Notification inbox settings link, under Other channels.
3
Publish your app
Changes to notification settings take effect once you publish your app. Notifications are only delivered from a published app.
Push notifications sit right below the in-app toggle. They reach users in their browser or device even when your app isn’t open, but users must allow them first. You can use both channels together — the Send Notification action lets you pick Push, In-app or both for every message.
Click Notification inbox next to the toggle to open Notification inbox settings. Every text your users see in the inbox can be changed here, so you can rename it or translate it into your app’s language.
To send your own notifications to the inbox, add the Send Notification action to a workflow.
1
Add the action
In a workflow, add a step, choose Softr Apps, then Send Notification.
2
Choose the In-app channel
Under Channels (1), keep In-app selected. Remove Push if you only want the notification to go to the inbox.
3
Pick the recipient
In User email (2), enter the email of the user to notify, or map it from an earlier step with @ — for example, the email of the user who triggered the workflow. The recipient must be a user of the selected app.
4
Write the message
Fill in the Notification title and, optionally, the Notification body (3). Both accept values from earlier steps, so you can include a record name, a due date or a status.Optionally, set Open URL on click to the page the user should land on when they click the notification. It must start with your app’s domain. If you leave it empty, clicking the notification opens your app’s home page.
The Send Notification action set to the In-app channel, with a recipient, title and body.
The action only delivers from a published app with In-app notifications turned on. If your app isn’t published yet, a real test of the step fails with an “Application is not published” error.
Once the notification center is on, logged-in users see a Notifications link at the top of your app’s navigation menu (1). Clicking it opens the inbox as a panel next to the menu.
The notification inbox, opened from the Notifications link in the navigation menu, with the filter menu open.
In the inbox, users can:
Switch between All notifications and Unread ones.
Use the filter icon (2) to show All notifications or Comments only.
Mark a single notification as read or unread, or use the ⋯ menu to Mark all as read.
Click a notification to open the page it links to.
To check how a notification looks, log in to your published app as the recipient and open the inbox after the workflow runs.