Push Magnet

GIF
Receive notifications on mobile
Customers can accept branded permissions dialog
Our landing page
Notifications editor
Notifications history
Analytics
Settings
Desktop notification

Inspiration

Our customers tell us that push notifications have become an increasingly important part of their digital marketing strategy and critical to the overall growth and success of their business.

Push notifications offer value and growth by enabling increased sales through higher conversions and fostering greater customer loyalty. They increase engagement and retention, as well as having far better interaction rates than traditional marketing channels, such as email.

What it does

Push Magnet brings the power of push notifications to your Square Online store!

With the release of the Snippet API, Push Magnet is the first app that is able to offer push notifications to square users and ready to be released on the store today.

Features

Push notifications - Pash Magnet allows merchants to send customers push notifications.

Notification editor - The notifications editor allows merchants to easily preview and edit notifications across a range of platforms.

Basic Analytics - Merchants can see how many subscribers they have and the number of notifications sent. We have plans to dramatically enhance this area to include open rate, conversion rate, segmentation and tracking.

History - Merchants can see a history of their sent notifications.

Settings - Merchants can change the notification icon and the content on the notification subscription dialog on their store page.

How we built it

Push Magnet utilises the Square Snippets API to inject scripts into the merchant's store site that enables push notifications. We use a Service Worker that listens for the push notifications even when browser is not open.

Our front end code is built using Typescript, React and Grommet UI. Our back end code is built using Typescript, node.js, Firebase Realtime Database and Firebase Functions. This enables us to be scalable and deliver features to our customers fast!

Challenges we ran into

One big challenge we had to overcome was hosting the notifications service worker on the same domain as the merchants square site. Currently this is being achieved using a reverse proxy for the domain, allowing us to proxy the request to our static hosting server. We'd love to have a chat about how we can solve this problem in a way that will work for Square hosted sites, and for custom domains without the need to add a proxy layer.

Accomplishments that we're proud of

We're really proud being able to present a branded dialogue to the customer when they reach the merchants store. We worked hard to ensure that we use the merchants branded colours and even made the copy customisable on the merchant's settings page.

What we learned

We learned a lot about web push notifications and how they can be used to increase sales, conversion and engagement for e-commerce stores. They are becoming an increasingly important tool in digital marketing.

What's next for Push Magnet

We feel we are ready to launch in the Square app store and offer our services more widely. We also have a roadmap of features we'd love to implement - some of which may require some collaboration so we can more easily hook into the cart and thank you page in the checkout process.

Here is our roadmap: