About this plugin
Tired of the ugly, boring browser alert() dialogs? Pretty Alert replaces the default JavaScript alert() function with beautiful, customizable alert boxes that match your website’s design.
This plugin is perfect for developers who want to keep using the simple alert() function in their code but want a better user experience. No need to change your existing JavaScript code – just install and enjoy beautiful alerts!
Key Features
Multiple Alert Engines: Select your preferred alert library engine from SweetAlert2 (with Toast mode), Toastr (jQuery toasts), Notie, Simple-Notify, and Toastify or stick with the native Pretty Alert custom modal
10 Beautiful Themes: Classic, Basic, Clean, Pro, Native, Sleek Dark, Glassmorphism, Cyberpunk, Minimalist, and Royal Luxury themes to match any website
info() to trigger custom alert modals
confirm() dialogs returning Promises
Tabbed Admin UI: Tab-based settings dashboard for an organized administration experience
Customizable Button Text: Change the “OK” button text to anything you want
pot file included
Analytics Tracking: Track impressions and clicks (optional)
Display Rules: Show alerts only on specific pages or post types
Alert Types: Success, Warning, Error, Info alerts with different colors/icons
Sound Alerts: Optional sound notifications
Delay Options: Set delays before alerts appear
Animations: Fade, slide, zoom, and bounce animations
Auto-close Timer: Set alerts to auto-close after X seconds
Shortcode Support: [pretty_alert message="Your message"]
Fully Responsive: Works on all screen sizes
Accessibility Ready: ARIA labels, keyboard navigation, screen reader support
Page Load Alerts: Show alerts automatically when pages load
Supported Alert Engines
Pretty Alert allows you to choose which engine powers your alerts and confirmations:
- Default: Native Pretty Alert custom modal with full theme and animation customization.
- SweetAlert2: Extremely popular alert and confirmation dialog library with optional top-right Toast Mode.
- Toastr: Classic jQuery-powered non-blocking toast notifications.
- Notie: Clean, minimalist notification and confirmation suite with zero external dependencies.
- Simple-Notify: Elegant status notification toasts for error, warning, success, and info messages.
- Toastify: Ultra-lightweight vanilla JavaScript toast notification stack.
How It Works
alert() function and replaces it with a custom implementation. When your JavaScript code calls alert("message"), it automatically shows your beautiful custom alert instead of the browser’s default one.
Important Note: The custom alert is not synchronous like the native one. Script execution continues immediately after showing the alert. This is actually better for user experience but different from the blocking behavior of native alerts.
Translations
-
Pretty Alert is fully translation ready! Included languages:
-
English (default)
Want to contribute a translation?
po
Translate all strings using Poedit or similar tool
mo file
Submit your translation or place in /wp-content/languages/plugins/