OneSIgnal custom UI

os.md

One Signal

Create a custom subscription button

function subscribe() {
  OneSignal.push(["registerForPushNotifications"]);
  event.preventDefault();
}

var OneSignal = OneSignal || [];
/* This example assumes you've already initialized OneSignal */
OneSignal.push(function() {
  // If we're on an unsupported browser, do nothing
  if (!OneSignal.isPushNotificationsSupported()) return;
  OneSignal.isPushNotificationsEnabled(function(isEnabled) {

      if (isEnabled) {
          // The user is subscribed to notifications
          // Don't show anything
      } else {
          document.getElementById("subscribe-link").addEventListener('click', subscribe);
          document.getElementById("subscribe-link").style.display = '';
      }
  });
});

Change the Onesignal setting to disable the default subscription mechanism

<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
var OneSignal = window.OneSignal || [];
    OneSignal.push(function() {
        OneSignal.init({
            appId: "dca7ff36-aca9-4c51-aaf8-21a559216225",
            autoRegister: false,
            notifyButton: {
                enable: false, // Here we disable 
            },
        });
    });
</script>

Send specific notifications

You maybe want to send target notifications, you can do it through tags.

Subscribe a user to a specific tag

OneSignal.sendtag('bitcoin','+50')