Creating the first notification

creating the first notification

Step 1 - creating the notification

1. Go to brandflow.net/app/push-notifications/lists and click on the button

2. Fill up the form with the following data:

Notification title : Hi! I'm a web push notification

Icon Url : https://mdbootstrap.com/img/logo/mdb192x192.jpg

Message : Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Website URL : https://yourwebsite.com (of course you can place here any URL you wish)

3. Click the button. Your notification will be saved as a draft, so you can come back to it later if you don't want to send it right now.

Step 2 - sending the notification

1. From the "All lists" drop-down list, choose the default All lists option

2. In the second drop-down list, Choose segment choose the option All

3. Click on the button to see a live preview of the notification. It will be visible only to you.

4. If everything is fine, click on the button. All subscribed users will receive your notifications immediately.

Important disclaimers

  1. Push notifications on iPhone devices can be displayed only by applications so web push doesn't work in this case.
  2. The Safari browser supports Web Push on Mac OS but not for all browser versions.
  3. Different browsers display notifications differently (sometimes with rounded corners or a text limit). Therefore we cannot influence the final notification appearence.

Rate this lesson

Previous lesson Next lesson

Spread the word:
Do you need help? Use our support forum

About the author

User avatar
Michal Szymanski
Co-Founder at MDBootstrap & BrandFlow. Entrepreneur, UI/UX designer, marketing analyst. Dancer & nerd.
Sign up to follow your progress and get additional benefits