The WonderPush Developer Hub

Welcome to the WonderPush developer hub. You'll find comprehensive guides and documentation to help you start working with WonderPush as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

Shopify Push Notifications

How to set up web push notifications on your Shopify store

Recover abandoned carts with automated web push reminder for Shopify stores.

Setting up push notifications for your Shopify store is easy. Web push notifications are the ideal solution to re-engage users and bring them back to your website.

Estimated setup time: 10 minutes.

If you haven't already, sign up for a free account on wonderpush.com.

This guide is for Shopify websites. For other websites, follow the Guide about Push notifications for Website

Before we start: create your project

Click on New Project:

Choose a name for your project and select Website as a platform then click Create:

Already have a project?

Just add the Website platform to any existing project by going to Settings, selecting the first tab named after your project and clicking Edit. You'll be presented a form that lets you add a platform.

Step 1. Fill-in website info

Choose Shopify as your setup type:

Then fill in your website information:

Site name
Enter the name of your website. This name might be displayed when users subscribe to push notifications.

Site URL
Enter the base URL of your site (e.g. https://example.com). This will be the default URL users will be redirected to when they click on a notification.
If your site is accessible from both www. and non-www. URLs (e.g. example.com and www.example.com) we recommend you redirect traffic to one of the URLs and use that to fill-in the URL field.

Enter Icon
Enter the URL to your website icon or choose a file from your computer. Your website icon will be displayed in notifications. It should be a square image file. Prefer HTTPS.

Step 2. Configure subscription prompts

In this section, you can configure subscription prompts for your website. Subscription prompts are ready-made user-interfaces you can use to let users subscribe to push notifications.

To activate a subscription prompt, simply click the switch in front of its name so that it shows as ON. To customize it, click on Customize.

You can find out more about subscription prompts in our dedicated guide.

Step 3. Install our Shopify app

In the section Install & Configure Shopify App enter your .myshopify.com store URL and click Continue:

Your myshopify.com store URL is the default URL provided by Shopify when you first created your store. You can find it by logging into your Shopify admin and look at the address bar of your browser.

Then click the link Install WonderPush Shopify app.

Click Install unlisted app to install the WonderPush app:

WonderPush should be configured out of the box:

Receive your first push!

Head over to your website and refresh the page until you see the subscription dialog you've previously configured and click the positive button:

Wait a couple of minutes and receive the default welcome notification:

Congratulations, you're done!

Bonus: customize your cart reminder

A cart reminder automatically sends push notifications to users that leave without buying the contents of their shopping cart.

By default, the cart reminder is active. You can make sure of this by going to your WonderPush dashboard and making sure the Cart reminder notification is active:

If you can't find the cart reminder notification, because you've deleted it or because your project was created before Sept 1st 2019, you can still create it yourself.

In the WonderPush Shopify app, make sure “The abandoned cart reminder is Enabled”:

You can customize the user experience of the cart reminder to best suit your needs:

  • the product used for the notification title: latest added, cheapest or most expensive,
  • the notification message, which appears just below the title,
  • the destination where the user is taken upon notification click,
  • whether to display a product image or not.

Hit Save to persist your changes.

That's it!

Users that add something to their cart and leave your Shopify site without buying will receive a notification after 30 minutes.

Shopify Push Notifications


How to set up web push notifications on your Shopify store

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.