Frontegg raises $5M in seed round to accelerate SaaS innovation Read more

Notification Center

Notify your customers on every important event over any of their configured channels

View demo Start Now
CATEGORY
  • image description
    Account
    Visibility
Frontend Support
  • image description
    React
  • image description
    Angular
    • image description
      Vue
    • image description
      Javascript
Backend Support
  • image description
    NodeJS
  • image description
    Python
    • image description
      .Net
    • image description
      JAVA
    • image description
      Go
    • image description
      Ruby on Rails

Component description

Allow your customers to receieve the right amount of product communication in their preferred channels. Offer a flexible, multi-channel notifications center that delivers important event insights on a schedule, to specific targets and to pre-set subgroups.

Frontegg™ Notification Center plugs directly into your application through a simple SDK. Your customers can customize who receives which notifications and how--via their preferred channel, including SMS, Slack and email.

The in-app experience can be fully customizable and adjusted to the look and feel of your app.

Integration of this feature within your SaaS app can be completed in under an hour.

Read more

Main features

image description
image description
image description
image description
image description

Notifications
movie

image description
View demo

Typical costs during own
implementation

If you were to develop your own custom reporting feature,
it would typically involve:

  • Development costs
    4 Engineer
    months
    ~$48K
  • Maintenance costs
    2 Engineer
    months
    ~$24K
  • Cloud and I/S costs
    ~$7K per
    year

In-app integration performed in minutes

Frontend native component and REST API or SDK on the backend.

Start integration
  • Typically deployed in ~1 day (including all channel support)
import React from 'react';

function NotificationsWrapper() {
  const providerOptions = {
    ...
  }
  return (
    <div>
      <Frontegg.ContextProvider value={providerOptions}>
        <Frontegg.Notifications />
      </Frontegg.ContextProvider>
    </div>
  );
}

export default NotificationsWrapper;
import { NotificationsClient } from '@frontegg/client'


const notificationsClient = new NotificationsClient();
await notificationsClient.init('YOUR-CLIENT-ID',
'YOUR-API-KEY');

const notification = {
  title: 'Notification Title',
  body: 'Notification Body',
  severity: 'info',
  channels: {
    webpush: true / false 
  }
}

await notificationsClient.sendToUser(userId, tenantId, notification)