Push Notification Template
The Push Notification template editor in Siren allows you to create and manage push notifications for mobile and web applications. You can customize the content, appearance, and behavior of your push notifications across different platforms.
Preview Area
On the left side of the editor, you will find a preview area that shows how your push notification will appear on different platforms. You can toggle between Android, iOS, and Web views to see platform-specific previews.Basic Configuration
1
Title
The main heading of your push notification. This is the first thing users will see.
2
Message Content
The main body text of your push notification. Keep it concise and clear.
- Use the Insert Variable button to add dynamic content like
{{user_name}}or{{order_id}}.
3
Additional Settings
Configure the behavior and delivery of your push notifications:
| Setting | Description |
|---|---|
| Time to Live | How long (in seconds) the message should be kept if the device is offline |
| Duration | How long the notification should be displayed |
| Analytics Label | A label to track this notification in analytics |
| Priority | Delivery priority (high, normal, low) |
| Additional Data | Key-value pairs of custom data to send with the notification |
Platform-Specific Settings
Android Settings
Configure how your push notification appears and behaves on Android devices:| Setting | Description |
|---|---|
| Image URL | URL of an image to display in the notification |
| Destination URL | URL to open when the notification is tapped |
| Icon URL | URL of the notification icon |
| Color Hex Code | Notification color in hex format (e.g., #FF0000) |
| Sound | Sound to play when the notification arrives |
| Badge | Number to display as a badge on the app icon |
| Tag | Identifier used to replace an existing notification |
| Ticker | Text that appears in the status bar when the notification first arrives |
| Collapse Key | Key used to collapse similar notifications |
iOS Settings
Configure how your push notification appears and behaves on iOS devices:| Setting | Description |
|---|---|
| Image URL | URL of an image to display in the notification |
| Subtitle | Additional text displayed below the title |
| Icon URL | URL of the notification icon |
| Sound | Sound to play when the notification arrives |
| Badge | Number to display as a badge on the app icon |
| Collapse Key | Key used to collapse similar notifications |
Web Settings
Configure how your push notification appears and behaves in web browsers:| Setting | Description |
|---|---|
| Image URL | URL of an image to display in the notification |
| Icon URL | URL of the notification icon |
| Badge | URL of the badge icon |
| Tag | Identifier used to replace an existing notification |
| Link | URL to open when the notification is clicked |
Best Practices
- Keep the title under 50 characters for optimal display
- Limit the message content to about 150 characters
- Use images and icons to make your notifications more engaging
- Test notifications on different platforms to ensure proper display
- Use variables to personalize notifications when possible