You can send web notifications to your customers using the Pushnami integration. Your customers receive a notification on their desktop if they use browsers, such as Chrome and Firefox. 

Before you begin, ensure that you have a Pushnami account. You'll need API keys from your Pushnami account to integrate it with Blueshift. 

Set up integration

Integrating your Pushnami account with Blueshift includes the following steps:

  • Set up Pushnami on your site.
  • Get the API key from Pushnami.
  • Add an adapter for the Braze app.
  • Add a Cloud App template.

Set up Pushnami on your site

Ensure that you have installed Pushnami's code on your site, and can send web notifications to your customers using Pushnami. For more information, see the Pushnami documentation. [You must sign in using credentials registered with Pushnami to access the documentation.]

Get the API key from Pushnami

Before you integrate Pushnami with Blueshift, complete the following steps to get the API key from your Pushnami account.

  1. Sign in to your Pushnami account.
  2. Using the drop-down on the top, select the site to which you want to push notifications from Blueshift.

    Screen_Shot_2020-08-18_at_5.32.59_PM.png

  3. On the top-right corner of the screen, click on your account name and select Settings & API Keys.
    settings_pushnami.png
  4. On the Account Settings page, click on GENERATE API TOKEN.
  5. Copy the API key from the Generate API key dialog that appears and save it in a secure location.
    sample_pushnami_api_key.png

Add an adapter for the Pushnami app

To add a Pushnami adapter in Blueshift, complete the following steps:

  1. Sign in to the Blueshift app, and click Apps in the left navigation menu.
  2. Go to All Apps, search for, and select Pushnami.
  3. You can also go to Web Push Apps and select Pushnami.
  4. Click Configure to view all the configured adapters.
  5. Click +ADAPTER to add an adapter.

    webpush_pushnami.png

  6. Add a Name for the adapter. If you have multiple adapters, the adapter name helps you to identify the integration.
  7. Provide the API Key.
  8. Add information for any Additional Headers.
  9. Click Save to add the adapter.

    The adapter is now added and you can use it in your Cloud App template.

Create a Pushnami cloud app template

A Cloud App template is required to send a payload to Pushnami from a campaign.

To add a Pushnami Cloud App template, complete the following steps:

  1. Go to Creatives > Cloud App.
  2. Click +TEMPLATES on the Cloud App Templates page.
  3. Select the Pushnami app.

    Note: Only apps that support Cloud Apps templates and have atleast one adapter configured are displayed on the Cloud App Templates page.

  4. Configure the template including the name, tags and other relevant information. For more information, see Cloud Apps templates.

    pushnami_template.png

    Field Description
    Template Name Specify a name for the template to identify it on the index screen. 
    API Endpoint Specify the API endpoint that receives the request that we make. 
    Adapter Select the adapter to use to send the payload.
    Tags

    Specify tags to organize this template.

    Since this template is a Blueshift resource that you use in campaigns, you can use tagging to organize it under folders.

    For more information on this, see Tagging.

  5. On the Content tab, fill the form to specify the data and the format in which to send the data to Salesforce.

    You can also switch to JSON and specify the content in JSON format. However, once you switch to JSON, you cannot use the form layout again.

    pushnami_template_content.png

Test Send

You can also use the options in the left panel to create a template and test sending a notification from Blueshift to a user.

To send a test notification, complete the following steps:

  1. Provide the subscriber ID of the user to whom you want to push a notification
  2. Specify the content of the notification such as:
    • Its title
    • Message
    • Link
    • The icon that you want the user to see
  3. Click Test Send.

    notification_template.png

    The user should see a browser notification that you push from our platform. 

    web-push-notifications.png

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.