Notification Preview Guide

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

718

Windows 10 Desktop

392

Notifications in Windows 10 goes to the Action Center.

Mac Desktop

718

Mac Notification Center

285

Android Mobile

856

Android - Chrome

1. With a banner image and short title

577 405

2. With a banner image and a longer title

583 401

3. Without a banner image and a short title

585 413

4. Without a banner image and a longer title

578 388

Windows - Chrome

1. With a banner image and short title

597 398

2. With a banner image and a longer title

579 390

3. Without a banner image and short title

579 409

4. Without a banner image a longer title

579 382

Linux - Chrome

1. With a banner image and short title

578 393

2.WIth a banner image and a longer title

580 384

3. Without a banner image and short title

589 413

4. Without a banner image and a longer title

578 388

MAC - Chrome

1. Default Notification

581 388

2. Sticky Notification - that requires interaction

585 411

Android - Firefox

578 395

Windows - Firefox

586 409

Linux - Firefox

580 403

MAC - Firefox

583 407

MAC - Safari

592 399

Android - Opera

1. With a banner image and short title

606 430

2. With a banner image and a longer title

606 436

3. Without a banner image and a short title

606 436

4. Without a banner image and a longer title

606 436

Windows - Opera

1. With a banner image and short title

606 305

2. With a banner image and a longer title

606 309

3. Without a banner image and a short title

606 295

4. Without a banner image and a longer title

606 295

Mac - Opera

1. With a banner image and short title

605 287

2. With a banner image and a longer title

605 284

3. Without a banner image and a short title

605 285

4. Without a banner image and a longer title

605 285

Android - Edge

1. With a banner image and short title

606 835

2. With a banner image and a longer title

606 430

3. Without a banner image and a short title

606 446

4. Without a banner image and a longer title

606 440

Windows - Edge

1. With a banner image and short title

607 307

2. With a banner image and a longer title

607 309

3. Without a banner image and a short title

607 305

4. Without a banner image and a longer title

607 299

What’s Next