For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
LoginTalk to us
DocumentationSDKsConnectAPI Reference
DocumentationSDKsConnectAPI Reference
    • Home
    • Release Notes
  • Getting Started
    • Quickstart
    • Dashboard
    • Alarms
    • Versioning
  • Core Features
    • Integrations
    • Templates
      • Handlebars
      • Fyno Shorty
      • Fyno Verify
      • Dynamic Content
      • Template Group
      • Creating a Template
        • SMS Templates
        • WhatsApp Templates
        • Email Templates
        • Chat Templates
        • Push Templates
        • InApp Templates
        • Voice Templates
        • Web Push Template
        • AMP Email Template
        • RCS Template
      • External Templates
      • Reusable Components
      • Maker Checker Approval
      • Copying Templates & Components
    • Routes
    • Notification Events
    • Requests/Go Live
    • Logs
  • Advanced Features
    • Workflows
    • Campaigns
    • User Profiles
    • Approval Request
  • Settings
    • Profile Settings
    • Workspaces
    • Workspace Settings
LogoLogo
LoginTalk to us
On this page
  • Preview
  • How to add dynamic content in template?
  • How to test WebPush template?
  • How to raise Approval requests
Core FeaturesTemplatesCreating a Template

Web Push Template

Was this page helpful?
Previous

AMP Email Template

Next
Built with

Fyno’s web push templates allow you to create templates for both desktop and mobile web across Windows and MacOS devices.

  • Title: This is the title for your template. While it’s optional, it aids in summarizing and providing context to the template.

  • Message Content: This constitutes the body of the template, where the primary content is placed. It’s a mandatory field that must be filled out.

  • Icon URL: This is the icon you wish to display on the notification.This is primarily used for displaying brand logos. You can either provide a URL or upload an image for this purpose. The recommended size of the icon is 1:1 ratio. This is a mandatory field.

  • Action URL: This is the link that clicking the notification will redirect to. You can enter a valid HTTP/HTTPS URL or a route beginning with ”/” if you intend to route users within the same path.

  • Action Buttons: (Optional)

    • Button Title- Provide a name for the button.
    • Link - Along with the button, provide the link that clicking the button would lead to. You can either enter a valid HTTP/HTTPS URL or a route starting with “/” if you want to route them within the same path. For example, you can specify either https://www.myntra.com/cart?product-id=123 or /cart?product-id=123.
    • Icon - Enter a value in the format of ‘/img/icon.png’. This icon will not be rendered in the preview but will render in the actual notification sent.
      You can add upto 3 Action buttons
  • Tag: Only one notification with the same ID will be shown on the device. Use the same ID to update an existing notification instead of showing a new one. The character limit is set at 64 characters.

  • Image: Specify an image link for the image you wish to send along with the web push message. Alternatively, you can also upload an image. Supported file formats are JPG,JPEG, PNG. Recommended Size is less than 1 MB. Recommended ratio for the image is 2:3. The supported file formats are JPG, JPEG, and PNG for desktop and mobile web.

  • Time to Live: It defines how long the push message is preserved for delivery if the device is offline or due to OEM device restrictions.The default is 259,200 seconds.

  • Additional Data: This is an additional field that can be used to send some extra information along with the notification and used to render something on the device.

Preview

On the right hand side, you can see the Web Push Preview. It can be viewed at Device level. As of now, we support 2 devices.

  • Mac OS
  • Windows

How to add dynamic content in template?

You can add dynamic content in your templates using one of the 4 options mentioned below.

  • Placeholders
  • System Variables
  • Handlebars
  • Components

How to test WebPush template?

You can use this feature to conduct thorough testing of a template prior to its inclusion in any Notification Event. This ensures the early detection and resolution of any potential issues, ensuring a seamless user experience.

1Click ‘Run Test’ on the top right hand side of the template.
2It opens the pop up as shown below.
3You can either enter the Web push token of the recipient where the Web Push should be sent or you can enter distinct_id. Please make sure to enter Distinct_id of Test User profiles
4Select a WebPush service provider which is already configured in Fyno.
5When you click ‘TEST’, it will send WebPush notification to the recipient with the selected service provider. You will see the success or failure message along with the link for Sent Logs.

How to raise Approval requests

If your workspace has maker-checker workflow enabled for template management, the ‘Go Live’ action requires an additional approval step. You’ll need to choose from your designated approvers who will review and authorize the template changes.

You can read more about it here