Set up push notifications for your Wix website

Find out to send and manage push notifications with Wix. This article has everything you need to know about integrating the Web Push API into your Wix app.

Set up push notifications for your Wix website Logo
Large cover image for Set up push notifications for your Wix website

Step 1: Set up your Wix project

Progressier can enhance your Wix web app with additional features such as push notifications and the ability to be installed as a Progressive Web App (PWA). You can incorporate Progressier into your project when your app is live and accessible at a custom domain.

Before you start, also ensure your Wix app can be embedded in an  iframe. While this is optional and there is an alternative way to wrap your app with the functionality, the iframe method is the solution that provides the best user experience — provided that your app doesn't require cookies.

Step 2: Set up your Progressier account

Progressier is a web toolkit that allows you to easily add new capabilities to your Wix app (and apps from hosting providers as well) using little to no code at all.

Create your Progressier account . Progressier comes with a 14-day free trial that allows you to integrate it into your Wix app risk-free. You only enter your payment information once everything is working to your liking.

Step 3: Generate your Wix PWA

Next, create your Wix app in Progressier. Go to New PWA, then select Wix in the first dropdown menu. Give your app a name and paste the URL of your Wix project in the third field.

Step 4: Finalize your onboarding process

After logging in, you'll be prompted with a series of tasks to complete to finish your onboarding. Tasks are easy and include uploading your logo, setting up your Wix project correctly, installing your app and sending a test push notification

Step 5: Navigate to your app

Because Wix has some additional limitations compared to other no-code builders, Progressier doesn't directly augment your existing Wix domain with push notifications. Instead, we create a wrapper around your app with the installation and push functionality. This wrapper is available at a custom domain created specifically for your app.

Open your newly-created custom domain. You should see a Floating Action Button at the bottom-right corner. Click on it and then tap Get notifications. The browser will prompt you to allow notifications. Click Allow

Step 6: Send a test push notification

Go to our Push Composer (login required) to compose your first push notification. By default, it will be sent to all your subscribers, but you can target a specific group of users in the Recipients section of the Targeting tab.

Once you've clicked Send now, Progressier will automatically dispatch your notifications and notify each device that have authorized push notifications on your domain. Notifications are typically received within a few seconds.

Pros of adding push notifications to your Wix app

Push notifications can help keep users coming back to the app by providing them with valuable and interesting content. For example, if you have a fitness app, you can send push notifications with daily workout tips or challenges to keep users motivated and engaged.

Also, push notifications can provide a more convenient way for users to receive updates and information from your app, improving the overall user experience. For example, if you have a weather app, you can send push notifications with real-time weather updates to help users plan their day.

The challenges of implementing push notifications in web apps

Apple has announced that push notifications will be coming to iOS in 2023. But in the meantime, the Web Push API only works on desktop and Android, so if your web app is mobile-first, only half of your users will be able to benefit from receiving push notifications.

Some users may consider push notifications to be obtrusive, especially if they're not personalized and used as a marketing tool. Make sure to use them sparingly.

What are the best push services for Wix apps?

There are many different push notification service providers to choose from for your Wix app, and the best one for you will depend on your specific needs and requirements. Some of the most popular push notification service providers include:

- Firebase Cloud Messaging: a cross-platform messaging solution that lets you reliably deliver messages at no cost. You can use FCM to send messages to clients on iOS, Android, and the web, as well as on desktop applications.

- OneSignal: Probably the most popular option for push notifications. OneSignal works well across platforms and provide more options than FCM but can be quite costly, especially at scale.

- Progressier: probably the best option if you develop web apps as it also comes with additional functionality designed to enhance web apps specifically, e.g. targeted push notifications.

Developing your own push notification solution

If you're using Wix, it's likely you value simplicity and getting things done quickly. Building your own push service requires code (a ton of it!) and is a non-trivial engineering effort. While sending a notification to one user is easy, sending it to many simultaneously is pretty hard and requires capabilities that can't be replicated in no-code or low-code platforms.

What devices and browsers are compatible with push notifications?

The Web Push API is compatible with Windows (via Chrome, Edge, Firefox, Opera), macOS (Firefox, Chrome, Edge, Safari 16 on macOS Ventura), Android (Samsung Internet, Chrome, Firefox). Push notifications will also soon be available on iOS with Safari.

Your app here

Boost your app's functionality with push notifications

Experience the convenience of our complete push notification solution

Get started See plans