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
  • 1. Admin Setup
  • Step 1: Enable Push Notifications
  • Step 2: Configure OneSignal Settings
  • Step 3: Customize Order Status Messages
  • Step 4: Save Settings
  • 2. Automatic Notifications for WooCommerce
  • 3. Key Features
  • 4. Troubleshooting

Was this helpful?

  1. Website Plugins
  2. Wordpress

Push notification (WooCommerce)

This documentation provides step-by-step instructions for configuring and using your WordPress site's WebToNative Push Notification feature.

PreviousWordpressNextIn-App Purchase

Last updated 4 months ago

Was this helpful?

1. Admin Setup

Step 1: Enable Push Notifications

  1. Navigate to WebToNative Settings > Push Notification in the WordPress admin dashboard.

  1. Enable the "Enable Push Notification" checkbox to activate push notifications

Step 2: Configure OneSignal Settings

  1. Fill in the required fields:

    • OneSignal App ID: Enter your OneSignal application ID.

    • REST API Key: Enter the REST API key for your OneSignal account.

Step 3: Customize Order Status Messages

  1. In the Customize Messages section:

    • Provide a custom message for each WooCommerce order status (e.g., "Processing," "Completed").

    • These messages will be sent to users as notifications when their order status changes.

Step 4: Save Settings

  • Click Save Changes to apply the configuration.

2. Automatic Notifications for WooCommerce

  • Push notifications are automatically triggered when a WooCommerce order status changes.

  • The system:

    • Fetches the order details and user information.

    • Hashes the user ID with a secret key to generate an externalUserId.

    • Sends the custom message for the new order status via the OneSignal API.

3. Key Features

  1. Dynamic External User ID: Ensures secure identification of users via hashed externalUserId.

  2. Customizable Notifications: Allows custom messages for different WooCommerce order statuses.

  3. Automatic WooCommerce Event Handling: Triggers notifications on order status changes.

4. Troubleshooting

  • Notifications Not Sending?

    • Ensure push notifications are enabled in the settings.

    • Verify the OneSignal App ID and REST API Key.

    • Check that the wton_notification_key is properly set.

  • Frontend Integration Issues?

    • Confirm the WTN.OneSignal object is available in the app environment.

    • Check the browser console for errors related to the script.