Push notifications

Push notifications are short messages that appear on the customer's screen through the browser, even when your store is not open - a new collection, a flash sale, back in stock. GrandNode sends them through Firebase Cloud Messaging (Google), so you need a free Firebase project.

Set up

  1. Create a project in the Firebase console and add a web app. Copy its configuration values.
  2. Open Settings → Push notifications settings, tick Enabled, and enter the Private Api Key, Public Api Key, Auth Domain, Project Id, Storage Bucket, Sender Id and AppId.
  3. Decide whether guests may subscribe (Allow guest notifications) and save.
Push notifications settings with a note that Firebase is used, a warning to press Save after every upgrade, Enabled and Allow guest notifications switches and the Firebase key fields
Settings → Push notifications settings.

As the warning on the page says: press Save on this page again after every GrandNode upgrade - the upgrade rewrites the registration script and the settings have to be written into it again.

Who receives them

When push notifications are enabled, the storefront asks visitors whether they want to receive notifications. Those who allow it appear in Marketing → Push notifications → Receivers, where you can also remove a receiver.

Send a notification

  1. Open Marketing → Push notifications → Send.
  2. Enter the Title and Message text, the Click Url the notification opens (a product, a category, a page), and optionally a Picture.
  3. Click Send. The message goes to all receivers.
The Send push notification page with title, message text, click URL and picture upload, and a Send button
Marketing → Push notifications → Send.

Messages lists the notifications that were sent.

Tips

  • Browsers show the permission prompt only on HTTPS.
  • Send rarely and only what is worth an interruption; a visitor who blocks notifications cannot be asked again.

Question not answered here? Ask the community on GitHub Discussions ↗