Others

Setup Pushpad

16min

Overview & Purpose:

Pushpad offers a web push notification service; it is the easiest way to add push notifications to websites and web apps. Push notifications are delivered to you even when you are not on the website. Pushpad supports all major browsers and uses W3C Push API for Chrome, Firefox, Edge, Opera, and the Apple Push Notification service for Safari.

By using Pushpad you can receive notifications from the browser even when you are not on the OnPrintShop page in the browser. You can receive important notifications from the browser in the system tray even when the browser is minimized which will help you not miss any important notifications, improve production efficiency, and get the order in time to the end-users.

How to integrate:

Read below a systematic guide to integrate Pushpad with your OnPrintShop website.

1. Log in/Register with Pushpad

Document image

  • Complete the verification process and login into your Pushpad account.

2. Create New Project

After login, you will land on your dashboard. To get started you will have to create a new project, new sender, collect your subscription list, and send awesome notifications:

Document image

  • Click on the New project to get started.

3. Create New Sender

Before creating a project you need to create a sender; the website that collects subscriptions and sends push notifications:

Document image

  • Click on the New sender link.The sender is the owner of subscriptions:
Document image

  • Give the name of your project.
  • Enter your domain name.
  • Click on the Create Sender.

4. Create New Project

  • Go to the Projects.
  • Click on the New Project button:
Document image


5. Get Project ID

To get Project ID, go to the project dashboard:

Document image

  • Click on the Settings.
  • In the Settings, you will get the Project ID:
Document image

  • Copy and Save the Project ID.
  • Change other Settings, if you wish to such as Notifications TTL.
  • Click on the Update Project.

6. Get Access Token

To integrate the Pushpad notifications on your website go to your account:

Document image

  • Click on the Access tokens. This will take you to the Access tokens page:
Document image

  • Click on the Add Access Token button:
Document image

  • To generate the Access Token, enter a token description.
  • Also, restrict access of the token to some projects.
  • Click on the Click Access Token. The Access token will be generated:
Document image

  • Copy and save the Access token generated.

7. Configuration into Admin Panel

To integrate the Pushpad services into your website, enter the Access Token and Project ID to get started.

  • On your Admin Panel, go to the Store Configuration >> External Service Settings >> Others Tab >> Pushpad >> ‘Edit’ Option:
Document image

  • Under the Settings section, paste the Access token and Project ID.
  • Choose which notification should be displayed from the given list of notifications.
  • Define the message title and content to be displayed when such an event occurs in the system.
  • Once you have configured all the messages and the settings, click on the Save button to save the details.
  • Click on the Save & Continue button.