Jump to Content
WonderPush Documentation
GuidesAPI ReferenceAnnouncements
DashboardPricingLoginSign-up for freeWonderPush Documentation
Guides
DashboardPricingLoginSign-up for free
GuidesAPI ReferenceAnnouncements

Welcome

  • WonderPush Documentation

WEB PUSH QUICKSTART

  • Web Push Notifications
    • What are Web Push Notifications?
    • Subscription Prompts
    • Subscribe to topics
    • Migrating to a new domain name, host name or site URL.
    • Service Worker Integration
    • Website SDK Reference
    • Importing Web Push Subscribers
    • Troubleshooting
    • Multidomain website integration
    • iOS web push
    • Progressive Web Apps
  • Google Tag Manager Push Notifications
    • Effortless segmentation using Google Tag Manager
  • Shopify Push Notifications
    • Customize your Shopify cart reminder
    • Tracking orders on Shopify
  • WordPress Push Notifications
    • AMP Web Push setup for WordPress
    • Subscribe to WordPress Categories
    • Sending push notifications to WordPress users
  • WooCommerce Push Notifications
  • Available Web Push Integrations
    • AMP Web Push Notifications
    • Blogger Push Notifications
    • Drupal Web Push Notifications
    • Joomla Web Push Notifications
    • Magento Web Push Notifications
    • React Push Notifications
    • Squarespace Push Notifications
    • Weebly Push Notifications
    • Wix Push Notifications

MOBILE PUSH QUICKSTART

  • Android Push Notifications
    • Upgrading to Android SDK v4.3.0 to support Android 13
    • Upgrading to Android SDK v4
    • Change icon and color
    • Firebase
    • Huawei mobiles support
    • Android SDK Reference
    • Troubleshooting
  • iOS Push Notifications
    • Manual iOS Integration
    • Carthage Integration
    • Cocoapods Integration
    • Adding a Notification Service Extension
    • Supporting iOS Live Activities
    • Upgrading to iOS SDK v4
    • iOS SDK Reference
    • Troubleshooting
  • Cordova Push Notifications
    • Upgrading to Cordova SDK v3
    • Cordova SDK Reference
    • Change icon and color
    • Troubleshooting
  • Ionic Push Notifications
    • Ionic with Cordova Push Notifications
    • Change icon and color
  • Flutter Push Notifications
    • Upgrading to Flutter SDK v2
    • Flutter SDK Reference
    • Change icon and color
    • Troubleshooting
  • React Native Push Notifications
    • Upgrading to React Native SDK v2
    • React Native SDK Reference
    • Setting up deep linking from push notifications in your ReactNative app
    • Change icon and color
    • Troubleshooting
  • Upgrading to our latest SDK

POPUPS

  • Getting started with popups
    • Website compatibility
    • Mobile applications support
  • Providing content and style for your Popup
  • Popup SDK reference
  • Popup use cases
    • Newsletter popup template
    • Survey popup template
    • Push subscription popup template
    • Push subscription with tags template
    • Onboarding carousel popup template
    • Contact form popup template
    • Reservation form template
    • Toast popup template
    • Discount popup template
    • Product promotion popup template
    • Rating form popup template
    • Video popup template

Create and Automate

  • Push notification editor
  • Automation overview
    • Scheduled sending
    • Periodical sending
    • Delivering notifications at the right moment
    • Segment-based automation
    • Event-based automation
    • URL-based automation
  • Confirmed receipts
  • Personalized content
  • A/B testing
  • Default welcome notification
  • Abandoned cart reminder
  • E-commerce web push for Marketers
  • Favorite topics auto-tagging

Segmentation

  • Segmentation overview
    • Pre-configured segments
    • Creating segments
    • Dynamic segments
    • Segmentation reference
    • Defining a test segment
    • Web Desktop vs Web Mobile
  • Events
  • Tags
  • Properties
  • Geo-targeting
  • The Installation object

Guides

  • Using the dashboard
    • Segments
    • Notifications
    • Popups
    • Profile
    • Billing
    • Settings
    • Platforms
    • Pressure
    • API Credentials
    • Staff
    • Views
    • Deletion
    • Security
    • Web Plugins
    • UTM Parameters
  • GDPR Compliance
    • Control your subscription to web push notifications
    • Data Collected by SDKs
    • Privacy Policy FAQ
    • Understanding data flow in WonderPush
  • Rich media
  • Using the REST API
    • Sending notifications
    • Metrics
    • Import push tokens
    • REST API
  • User IDs
  • Soft opt-out
  • Pressure management
  • In-app messaging
  • Deep linking
  • Optional data payload
    • Deprecated ways of handling notification clicks
  • Cross-domain subscription
  • Parameterized segments
  • Test users
  • 2-Factor Authentication
  • Emojis 👍
  • Sponsored push notifications

Reference

  • REST API
  • Website SDK
  • Android SDK
  • iOS SDK
  • Cordova SDK
  • Flutter SDK
  • React Native SDK
  • Popup SDK

TROUBLESHOOTING

  • Technical issues
    • Troubleshooting Android
    • Troubleshooting Website
    • Troubleshooting iOS
    • Troubleshooting Cordova
    • Troubleshooting React Native
    • Web SDK Performance
    • Troubleshooting Flutter
  • Testing your content
  • Billing
  • FAQ

Move in & out

  • Migrate to WonderPush
    • Websites
    • OneSignal websites
    • Batch websites
    • Accengage websites
    • Android apps
    • OneSignal Android apps
    • Batch Android apps
    • Accengage Android apps
    • iOS apps
    • OneSignal iOS apps
    • Batch iOS apps
    • Accengage iOS apps
    • Cordova apps
    • OneSignal Cordova apps
    • Batch Cordova apps
    • Accengage Cordova apps
  • Move out of WonderPush

Quick access

  • Login
  • Sign-up for free
  • Dashboard

Adapt popup colors and fonts to my look and feel

Suggest Edits

Customizing colors and sizes

Titles

h1 {
  color: red !important;
}

Updated over 2 years ago


  • Table of Contents
    • Customizing colors and sizes