Notification Preview Guide

Suggest Edits

The exact look and feel of a notification depend on multiple different factors - the device, the OS, and the browser. In order to find out how the notification would look to someone who has your browser, OS, and device, you can simply click on 'Send me a test notification' before pushing/scheduling your campaign.

Here is a compilation of previews for the three browsers and the four OS's that supports web push notification. Use this as a guide when you are drafting your campaign

Device Specific

Windows 7 and 8.1 Desktop

718718

Windows 10 Desktop

392392

Notifications in Windows 10 goes to the Action Center.

Mac Desktop

718718

Mac Notification Center

285285

Android Mobile

856856

Android - Chrome

1. With a banner image and short title

577577 405405

2. With a banner image and a longer title

583583 401401

3. Without a banner image and a short title

585585 413413

4. Without a banner image and a longer title

578578 388388

Windows - Chrome

1. With a banner image and short title

597597 398398

2. With a banner image and a longer title

579579 390390

3. Without a banner image and short title

579579 409409

4. Without a banner image a longer title

579579 382382

Linux - Chrome

1. With a banner image and short title

578578 393393

2.WIth a banner image and a longer title

580580 384384

3. Without a banner image and short title

589589 413413

4. Without a banner image and a longer title

578578 388388

MAC - Chrome

1. Default Notification

581581 388388

2. Sticky Notification - that requires interaction

585585 411411

Android - Firefox

578578 395395

Windows - Firefox

586586 409409

Linux - Firefox

580580 403403

MAC - Firefox

583583 407407

MAC - Safari

592592 399399

Android - Opera

1. With a banner image and short title

606606 430430

2. With a banner image and a longer title

606606 436436

3. Without a banner image and a short title

606606 436436

4. Without a banner image and a longer title

606606 436436

Windows - Opera

1. With a banner image and short title

606606 305305

2. With a banner image and a longer title

606606 309309

3. Without a banner image and a short title

606606 295295

4. Without a banner image and a longer title

606606 295295

Mac - Opera

1. With a banner image and short title

605605 287287

2. With a banner image and a longer title

605605 284284

3. Without a banner image and a short title

605605 285285

4. Without a banner image and a longer title

605605 285285

Android - Edge

1. With a banner image and short title

606606 835835

2. With a banner image and a longer title

606606 430430

3. Without a banner image and a short title

606606 446446

4. Without a banner image and a longer title

606606 440440

Windows - Edge

1. With a banner image and short title

607607 307307

2. With a banner image and a longer title

607607 309309

3. Without a banner image and a short title

607607 305305

4. Without a banner image and a longer title

607607 299299

Updated about 2 years ago

What’s Next
Did this page help you?