Composer (Send Notification)

This feature allows you to create a new notification to schedule your message to be sent at a later time.

Push notifications grab users’ attention with text, images, or buttons when they’re not on your site. This guide helps you set them up.

Ask permission to send push notifications

To receive push notifications, users must subscribe (also known as “opt-in”). This process involves setting up and displaying a Configure Opt-in Box (Prompts) that requests their permission.

Once the prompt appears, users will need to actively accept the request to begin receiving notifications from your site.

Web push notification design

You can fully customize the appearance of your push notifications by following these detailed guides. Tailor every aspect, including icons, images, action buttons, and other visual elements, to match your brand and create a more engaging user experience.

These guides will walk you through the process step-by-step, ensuring your notifications are both functional and visually appealing.

1. Title

The title of the push notifications doesn’t support custom fonts or styling like bold, italics, or underlines, it is controlled by the operating system.

• Around 60-80 character limit.
• Supports: Emojis 😃

2. Message

The localized text provides the main content of the notification, delivering the core message to the user. However, push notifications do not support custom fonts or advanced styling options such as bold, italics, or underlining.

The appearance and overall style, including font type and size, are determined by the operating system

• Around 150 characters limit.
• Supports: Emojis 😃

3. URL

This is a URL that directs your users to a specific webpage you want them to visit.

When users click on the notification, they will be taken directly to this designated page, making it an essential tool for guiding traffic to relevant content, promotions, or any important section of your website.

By strategically choosing this URL, you can ensure that users are led to the exact location that aligns with your goals, whether it’s a product page, a blog post, or a special offer.

4. Custom Icon

The most effective way for users to instantly recognize your brand is through a clear and memorable icon.

You can set up a default icon for your brand in the Website Settings, ensuring it consistently appears in your notifications.

This icon will help reinforce brand recognition whenever users receive a message from you.

Additionally, if you want to personalize or highlight specific notifications, you have the option to change the icon for individual messages as needed, allowing for greater flexibility while maintaining brand visibility.

• Recommended size is 256×256 pixels.
• Supports: PNG, JPG

5. Include UTM Params

UTM parameters are specific query parameters that you append to URLs to track and measure the effectiveness of your marketing campaigns.

By including these parameters, you can gain valuable insights into how different sources, mediums, or campaigns contribute to traffic and engagement on your website.

These parameters help you understand which marketing strategies are working best, allowing you to optimize your efforts based on real data.

You have the flexibility to modify these values to better align with your specific requirements and marketing objectives.

• Source = webpush
• Medium = push
• Name= 2024-09-09-flash-sale

Example URL with UTM parameters appended from the settings:

https://abc.com?utm_source=webpush&utm_medium=push&utm_campaign=2024-09-09-flash-sale

6. Campaign

You can monitor and analyze the outcomes of the prompts associated with a particular campaign you are managing.

By tracking these results, you can gain insights into how well your prompts are performing within the context of the campaign, allowing you to evaluate their effectiveness and make informed adjustments.

This process helps ensure that your campaign’s objectives are being met and provides valuable data on user interactions and engagement with your prompts.

You can check this guide to learn more about Campaign Feature.

7. Add Large Image (Supported on Chrome 56+)

8. Action Buttons

9. Set Notification Expiry

10. Auto-hide Notification (Chrome)

11. Select Audience

12. Advanced Options

13. When to post

14. Preview