OneSignal Push Notification Integration

Community resources Freelance & Jobs
1

Hi guys, I am trying to integrate push notifications to Webflow, and I decided to use OneSignal to try out. I am almost done except uploading the OneSignal SDK files to the top-level root of my “site directory”. I have searched through this forum and there seems to be others who have the same issue. Somehow, there is no definitive answer to integrating push notifications. Can someone please help? Is it possible to integrate push notifications to Webflow websites?

2 Likes
3

Using some tools it’s possible to hack it together, but not just with Webflow’s functionality.

1 Like
4

Would love to know how to do this.

2 Likes
5

Looking into this and getting hung up on the SDK upload step, as well.

Does anyone have experience setting up OneSignal with a Webflow site?

1 Like
6

The way to get this working is by using the non-https solution even if you site is https.
Here’s a How-To Guide I made: Integrate web push notifications into your Webflow project

Screen Shot 2021-04-02 at 4.53.39 PM
Screen Shot 2021-04-02 at 4.53.39 PM1179×872 90.5 KB

After you have set the option “My site is not fully https” and finished all you other configuration, click on save. You will be taken to another step where you have to copy a small code into your webflow site. You do this in the custom code section.

7

Unfortunately OneSignal has stopped supporting Webflow. I hope Webflow makes some changes so we’re able to host push notifications in the future.

Here’s what they sent me:

Hello, we stopped supporting new apps from using Blogger, Bubble, Squarespace, Webflow, Weebly, Wix, HTTP sites, and website builders that don’t support uploading Service Workers to a server (which are required for web push).

We used to provide a workaround subdomain like https://LABEL_HERE.os.tc so we would host the Service Worker files for you, but this isn’t going to be supported anymore for several reasons, the most important being:

  1. This doesn’t work for iOS Web Push: Mobile Web Push for iOS/iPadOS
  2. It provides a bad User Experience for your users
  3. Chrome is making a change detailed in their storage partitioning plans / CHIPS which when enabled prevents our SDK from checking unsubscribe stats when using the https://LABEL_HERE.os.tc/unsubscribe page.

If you currently use the the os.tc subdomain, you can continue to use it but will no longer be able to prompt for push notifications. Your existing subscriptions will continue to receive notifications. Starting September 8th, Chrome’s change will prevent users from being able to unsubscribe when they visit the https://LABEL_HERE.os.tc/unsubscribe page. They will need to unsubscribe from the browser notification settings.

Sorry for the inconvenience. We know a lot of people want this. For blogger, hopefully the Google Team will support this someday: Is it possible that i can build progressive web app for my Blogger blog - Blogger Community

If you use one of these types of site builders, you may be able to work around this by following our Typical Website setup and put a CDN in front of your domain to host the OneSignalSDKWorker.js file. But this is quite technical and we don’t have any guidance on how to setup the CDN.

Please let us know if you have any additional questions, we will do our best to assist.