WebToNative
  • Getting started
  • Plugin Setup
    • OneSignal Set Up
    • Google AdMob Setup
    • In App Purchase - iOS Setup
    • In App Purchase - Android Setup
    • Firebase Notification Integration - iOS Setup
  • Social Login Integrations
    • Getting the SHA Key for Google Login
    • Create Google OAuth Client Id
    • Facebook Login Configuration
  • Javascript APIS
    • Getting Started
    • Status Bar
    • Pull To Refresh
    • Close App
    • Device Info
    • Clear App Cache
    • OneSignal Push Notification
    • Download Files
    • Printing Options
    • AdMob
    • Geo Location
    • Load In External Browser
    • Barcode Scan
    • In App Purchase - iOS Integration
    • In App Purchase - Android Integration
    • Social Login
    • Facebook App Events
    • Bottom Navigation
    • Clipboard
    • Screen Control
    • Background Location
    • Native Contacts
    • iOS App Tracking Transparency
    • Google Firebase Analytics
    • Haptic Feedback
    • Google Firebase Notification
    • Apps Flyer
    • App Review
    • Calender - iOS
    • Calendar - Android
    • Biometric Authentication
    • Media Player
    • Notification View
    • Offer Card
    • Cookie Update
    • App Launch Detection
    • Download Manager
    • Dynamic App Icon
    • File Sharing
  • Website Plugins
    • Wordpress
      • Push notification (WooCommerce)
      • In-App Purchase
        • In-App Purchase (IAP) Configuration Guide for iOS and Android
        • In-App Purchase (WooCommerce)
        • In-App Purchase
      • Offercard
      • Biometric Authentication
      • Social Login
      • Webtonative media player
        • WebToNative Radio Player
        • MediaPlayer Native Control
    • Bubble.io
      • Customize Status Bar
      • Device-Based Element Visibility
      • Pull to Refresh (Android)
      • OneSignal Push Notification
        • Set External ID
        • Send Push Notification
        • Set/Remove Email or SMS Phone
        • Set Tag
      • Close App
      • Get Device Info
      • Clear App Cache (Android)
      • Screen Control
      • Facebook Events
        • Regular
        • Purchase
      • AdMob
      • Offercard
      • In-App Purchase
        • In-App Purchase (Android/iOS)
        • Get IAP Canceled Subscription List (iOS)
      • Social Login
      • Biometric Authentication
  • Shopify
    • Social Login
    • In-App Purchase
      • In-app purchase
    • Push Notification
      • Abandoned Cart
    • Status Bar Customization
    • Native Device Visibilty
    • Set Onesignal Tags
    • Pull to Refresh
    • Account Deletion
    • Biometric Authentication
  • Upload Apps
    • Android App
    • Ios App
Powered by GitBook
On this page
  • OneSignal Configuration Guide
  • Step 1: Create a OneSignal Account
  • Step 2: Create a New App
  • Step 3: Configure the App
  • Step 4: Get the App ID
  • Step 5: Obtain the REST API Key
  • Integration in Bubble Plugin

Was this helpful?

  1. Website Plugins
  2. Bubble.io

OneSignal Push Notification

PreviousPull to Refresh (Android)NextSet External ID

Last updated 4 months ago

Was this helpful?

OneSignal Configuration Guide

This guide will help you configure OneSignal and obtain the necessary credentials (API Key and App ID) for integrating OneSignal push notifications into your Bubble.io plugin.


Step 1: Create a OneSignal Account

  1. Visit and create an account if you don’t already have one.

  2. Log in to your OneSignal dashboard.


Step 2: Create a New App

  1. In the OneSignal dashboard, click on the New App/Website button.

  2. Enter a name for your app and click Next.


Step 3: Configure the App

  1. Select Platform:

    • Choose the platform(s) you want to configure (e.g., Web, iOS, Android).

    • Follow the provided steps for each platform. For the Bubble plugin, you can select "Web Push" as a start.

  2. Complete Platform Setup:

    • Configure the platform settings (e.g., site URL for Web Push).


Step 4: Get the App ID

  1. After completing the platform setup, navigate to the Settings > Keys & IDs section in the OneSignal dashboard.

  2. Copy the App ID. You'll need it for integration.


Step 5: Obtain the REST API Key

  1. In the same Settings > Keys & IDs section, locate the API Key (REST API Key).

  2. Copy the API Key. Keep it secure, as it is required for making API requests.


Integration in Bubble Plugin

Use the following details to configure push notifications in your Bubble plugin:

  • App ID: The App ID from OneSignal.

  • API Key: The REST API Key for authentication.

Add API Key to Plugin Settings

  1. In the Bubble editor, navigate to the Plugin Settings of the installed plugin.

  2. Locate the fields for:

    • OneSignal API Key: Paste the REST API Key here.


OneSignal's website