Navigate to MoEngage Dashboard: Settings -> Channel -> Push -> Web Push. The following options are available: Web Push Settings and Notification Opt-in Configuration.
Web Push Settings
You can configure the default push icon, subdomains, and badges to be used for Android Mobile Push, as shown in the table below.
| Field | Description |
|
Default Push Icon |
This field contains the icon that would be used in the Web Push notification. The MoEngage icon is the default icon. You can change this by uploading your Brand’s logo. |
|
Subdomains |
This field denotes the subdomains for your website and has the following options:
|
|
Badge Icon for Android Mobile Push |
The badge icon is the app icon available at the top section on the left in the push notifications. This option is currently available only for Android Devices. Two options are available for uploading the badge icon for Android mobile push notifications in the MoEngage Dashboard.
MoEngage supports the following file types to be uploaded for the Badge Icon image: .png, .gif, .webp, .ico, .cur, and .bmp. Note:
|
Notification Opt-in Configuration
You can configure the Web Push Opt-In information in this section. Opt-In refers to how push permission is sought from the users on your webpage.
MoEngage provides three types of push opt-in:
-
-
- 1-Click Opt-In
- Two-Step Opt-In
- Self Handled Opt-in
-
The 1-Click Opt-in section has the following options:
| Field | Description |
| Opt-In re-appear time | |
| Hide Moengage Branding | |
| Show Push Permission Opt-in after | |
| Use Assistive Overlay to increase opt-ins | |
| Push Opt-in Preview (Click on text to edit) |
| info |
Information For Safari
|
| warning |
Warning One-Click Opt-In
|
The Two Step opt-in is the recommended option as it is a soft ask. Soft ask means the option is displayed multiple times even if the user does not allow it and this will maximize your reachable users.
On the web page, users are asked a "soft ask" that gauges user preference and proceeds to show the main browser permission upon permission.
The Two Step Opt-in section has the following options:
| Field | Description |
| Show Desktop Banner / Mobile Nudge after |
|
| Opt-In re-appear time | |
| Hide Moengage Branding | |
| Desktop Banner/Mobile Nudge |
|
The Self Handled Opt-in can be enabled only with Web SDK Integration. For information about configuring Self-Handled Opt-In, refer to Configure Self-Handled Opt-In.
| warning |
Warning With Microsoft Edge, Hard-ask on page load does not get rendered using the Self-Handled Opt-In. Hence, it is recommended to invoke Soft-ask first. |
Push Opt-in Re-appear Time
In case the users close the opt-in or banner/nudge, you can configure the time after which to show the opt-in again to the user. This is referred to as Opt-in re-appear time as described.
Hide branding
You can hide the MoEngage logo appearing on Soft Ask and Hard Ask Overlay by checking this box.
Browser Compatibility Matrix
| Operating System | Browser | Web Push Support | Onsite Messaging Support |
|---|---|---|---|
| Windows |
Internet Explorer |
❌ |
❌ |
| Windows |
Google Chrome |
✅ |
✅ |
| Windows |
Mozilla Firefox |
✅ |
✅ |
| Windows |
Opera/ Opera Neon |
✅ |
✅ |
| Windows |
Chromium Edge |
✅ |
✅ |
| Mac OS |
Google Chrome |
✅ |
✅ |
| Mac OS |
Mozilla Firefox |
✅ |
✅ |
| Mac OS |
Opera/ Opera Neon |
✅ |
✅ |
| Mac OS |
Chromium Edge |
✅ |
✅ |
| Mac OS |
Safari |
✅ (macOS 13 or higher) |
✅ |
| Android |
Google Chrome |
✅ |
✅ |
| Android |
Mozilla Firefox |
✅ |
✅ |
| Android |
Samsung Internet |
✅ |
✅ |
| Android |
UC browser |
✅ |
✅ |
| iOS |
Google Chrome |
❌ |
✅ |
| iOS |
Safari |
✅ (Both iOS and Safari 16.4+) |
✅ |
| info |
Note For web push to work on Safari for iOS devices, the following is required:
For more information, refer to the Web Push Integration Steps for Safari on iOS and iPadOS. |