Step 1: Complete your Squarespace project
Progressier allows augmenting your Squarespace web app with additional functionality, including push notifications and PWA installation. You can add Progressier to your project once it's ready to go and your app is available at a custom domain.
Before you start, also ensure your Squarespace 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: Create a Progressier account
Progressier is a no-code tool that lets you quickly add new features to Squarespace web apps without any programming. It typically takes just a few minutes to set up Progressier with a Squarespace app.
Create your Progressier account . Progressier comes with a 14-day free trial that allows you to integrate it into your Squarespace app risk-free. You only enter your payment information once everything is working to your liking.
Step 3: Make your Squarespace project a PWA
Progressier will turn your Squarespace project into a PWA. Enter your app's name, tell us how it was built (you might want to choose Squarespace when prompted) and copy-paste your app's URL in the Domain field.
Step 4: Complete the setup of your Squarespace PWA
Complete the tasks shown on the screen to finish making your Squarespace app universally installable and augment it with push notifications. It even comes with a complete solution for designing app screenshots and gathering reviews.
Step 5: Allow push notifications on your domain
To add push notifications to your Squarespace app, we create a wrapper around it at a custom domain with the necessary installation and push functionality. This approach is used due to limitations in Squarespace compared to other no-code builders.
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 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 has authorized push notifications on your domain. Notifications are typically received within a few seconds.
Why add push notifications to your app?
Push notifications allow you to send timely and relevant information to users, even when they are not actively using the app. They can also help to increase user retention by keeping users engaged with the app. And last but not least, they can be used to drive traffic to specific parts of the app or to promote certain features.
What are the cons of push notifications in web apps?
Use notifications with restraint as some users find them intrusive and/or annoying. Also, instead of using push notifications as a marketing tool, consider using them to provide value to your users. For example, you could use push notifications to alert users to new features or updates or to remind them of important tasks or deadlines. This can help build trust and engagement with your users.
What are the best push services for Squarespace apps?
Here are some popular examples of push services Squarespace app owners like to use:
- Firebase Cloud Messaging (FCM): The free push messaging solution developed by Google. It's completely free to use but is fairly limited when it comes to sending personalized push notifications
- OneSignal: OneSignal is a cross-platform push notification service that enables developers to send targeted messages to their users. You can compare it with Progressier here.
- Progressier: Progressier is a PWA toolkit that allows developers and no-code makers to effortlessly send push notifications for marketing or targeted messaging purposes. It is built specifically for web apps and may not be the best option for websites or native apps.
Building your own integration with the Web Push API
It's not really possible to build a functional push service with Squarespace as it requires capabilities beyond those provided by no-code platforms.
Which devices and browsers support push notifications?
You can send push notifications to users on most browsers, including Chrome (Windows, Android, macOS), Firefox (Windows, Android, macOS), Edge (Windows, Android, macOS) and Safari (iOS, macOs).
