{"id":334499,"date":"2026-07-08T09:21:06","date_gmt":"2026-07-08T09:21:06","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/pretty-alert\/"},"modified":"2026-07-08T13:06:25","modified_gmt":"2026-07-08T13:06:25","slug":"pretty-alert","status":"publish","type":"plugin","link":"https:\/\/cs.wordpress.org\/plugins\/pretty-alert\/","author":15243917,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.1","stable_tag":"1.1.1","tested":"7.0","requires":"5.0","requires_php":"","requires_plugins":null,"header_name":"Pretty Alert","header_author":"Your Name","header_description":"Replace the default browser alert() with beautiful, customizable alert boxes.","assets_banners_color":"74747d","last_updated":"2026-07-08 13:06:25","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/fiverr.com\/dodomoh","header_plugin_uri":"http:\/\/devmarks.mypressonline.com\/pretty-alert\/","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":33,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1.0":{"tag":"1.1.0","author":"medlemark","date":"2026-07-08 09:35:17"},"1.1.1":{"tag":"1.1.1","author":"medlemark","date":"2026-07-08 13:06:25"}},"upgrade_notice":{"1.0.0":"

Initial release. No upgrade needed.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3600049,"resolution":"256x256","location":"assets","locale":"","width":250,"height":250}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3600049,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772-250.png":{"filename":"banner-772-250.png","revision":3600049,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1.0","1.1.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3600049,"resolution":"1","location":"assets","locale":"","width":1920,"height":1461},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3600049,"resolution":"2","location":"assets","locale":"","width":1920,"height":1630},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3600049,"resolution":"3","location":"assets","locale":"","width":1920,"height":1587},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3600049,"resolution":"4","location":"assets","locale":"","width":1920,"height":1706},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3600049,"resolution":"5","location":"assets","locale":"","width":1920,"height":1286},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3600049,"resolution":"6","location":"assets","locale":"","width":1920,"height":1511},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3600049,"resolution":"7","location":"assets","locale":"","width":1900,"height":992},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3600049,"resolution":"8","location":"assets","locale":"","width":1897,"height":986},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3600049,"resolution":"9","location":"assets","locale":"","width":1896,"height":992}},"screenshots":{"1":"General Settings","2":"Types & colors","3":"animations & sounds","4":"overrides","5":"console intercept","6":"Analytics","7":"alert test informational","8":"alert test default","9":"alert test error"}},"plugin_section":[],"plugin_tags":[2566,229,613,1159,491],"plugin_category":[59],"plugin_contributors":[270556],"plugin_business_model":[],"class_list":["post-334499","plugin","type-plugin","status-publish","hentry","plugin_tags-alert","plugin_tags-javascript","plugin_tags-modal","plugin_tags-notification","plugin_tags-popup","plugin_category-utilities-and-tools","plugin_contributors-medlemark","plugin_committers-medlemark"],"banners":{"banner":"https:\/\/ps.w.org\/pretty-alert\/assets\/banner-772-250.png?rev=3600049","banner_2x":"https:\/\/ps.w.org\/pretty-alert\/assets\/banner-1544x500.png?rev=3600049","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/pretty-alert\/assets\/icon-256x256.png?rev=3600049","icon_2x":"https:\/\/ps.w.org\/pretty-alert\/assets\/icon-256x256.png?rev=3600049","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/pretty-alert\/assets\/screenshot-1.png?rev=3600049","caption":"General Settings"},{"src":"https:\/\/ps.w.org\/pretty-alert\/assets\/screenshot-2.png?rev=3600049","caption":"Types & colors"},{"src":"https:\/\/ps.w.org\/pretty-alert\/assets\/screenshot-3.png?rev=3600049","caption":"animations & sounds"},{"src":"https:\/\/ps.w.org\/pretty-alert\/assets\/screenshot-4.png?rev=3600049","caption":"overrides"},{"src":"https:\/\/ps.w.org\/pretty-alert\/assets\/screenshot-5.png?rev=3600049","caption":"console intercept"},{"src":"https:\/\/ps.w.org\/pretty-alert\/assets\/screenshot-6.png?rev=3600049","caption":"Analytics"},{"src":"https:\/\/ps.w.org\/pretty-alert\/assets\/screenshot-7.png?rev=3600049","caption":"alert test informational"},{"src":"https:\/\/ps.w.org\/pretty-alert\/assets\/screenshot-8.png?rev=3600049","caption":"alert test default"},{"src":"https:\/\/ps.w.org\/pretty-alert\/assets\/screenshot-9.png?rev=3600049","caption":"alert test error"}],"raw_content":"\n

Tired of the ugly, boring browser alert() dialogs? Pretty Alert<\/strong> replaces the default JavaScript alert()<\/code> function with beautiful, customizable alert boxes that match your website's design.<\/p>\n\n

This plugin is perfect for developers who want to keep using the simple alert()<\/code> function in their code but want a better user experience. No need to change your existing JavaScript code - just install and enjoy beautiful alerts!<\/p>\n\n

Key Features<\/h4>\n\n

10 Beautiful Themes<\/strong>: Classic, Basic, Clean, Pro, Native, Sleek Dark, Glassmorphism, Cyberpunk, Minimalist, and Royal Luxury themes to match any website\nConsole Interception<\/strong>: Automatically override console.log(), console.warn(), and console.info() to trigger custom alert modals\nConfirm Override<\/strong>: Prettier window.confirm() dialogs returning Promises\nTabbed Admin UI<\/strong>: Tab-based settings dashboard for an organized administration experience\nCustomizable Button Text<\/strong>: Change the \"OK\" button text to anything you want\nMultilingual Ready<\/strong>: Full translation support with .pot file included\nAnalytics Tracking<\/strong>: Track impressions and clicks (optional)\nDisplay Rules<\/strong>: Show alerts only on specific pages or post types\nAlert Types<\/strong>: Success, Warning, Error, Info alerts with different colors\/icons\nSound Alerts<\/strong>: Optional sound notifications\nDelay Options<\/strong>: Set delays before alerts appear\nAnimations<\/strong>: Fade, slide, zoom, and bounce animations\nAuto-close Timer<\/strong>: Set alerts to auto-close after X seconds\nShortcode Support<\/strong>: [pretty_alert message=\"Your message\"]<\/code>\nFully Responsive<\/strong>: Works on all screen sizes\nAccessibility Ready<\/strong>: ARIA labels, keyboard navigation, screen reader support\nPage Load Alerts<\/strong>: Show alerts automatically when pages load<\/p>\n\n

How It Works<\/h4>\n\n

Pretty Alert hooks into the native window.alert()<\/code> function and replaces it with a custom implementation. When your JavaScript code calls alert(\"message\")<\/code>, it automatically shows your beautiful custom alert instead of the browser's default one.<\/p>\n\n

Important Note<\/strong>: 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.<\/p>\n\n

Translations<\/h3>\n\n
    \n

  • Pretty Alert is fully translation ready! Included languages:<\/p><\/li>\n

  • English (default)<\/p><\/li>\n<\/ul>\n\n

    Want to contribute a translation?<\/p>\n\n

    Copy languages\/pretty-alert.pot to pretty-alert-[locale].po<\/p>\n\n

    Translate all strings using Poedit or similar tool<\/p>\n\n

    Compile to .mo file<\/p>\n\n

    Submit your translation or place in \/wp-content\/languages\/plugins\/<\/p>\n\n\n

      \n
    1. Upload the pretty-alert<\/code> folder to the \/wp-content\/plugins\/<\/code> directory<\/li>\n
    2. Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n
    3. Go to Settings \u2192 Pretty Alert to configure your alert settings<\/li>\n
    4. That's it! Your alert()<\/code> calls will now show beautiful dialogs<\/li>\n<\/ol>\n\n\n
      \n

      Does this break my existing JavaScript code?<\/h3><\/dt>\n

      No! Pretty Alert is designed to be a drop-in replacement. Your existing alert(\"message\")<\/code> calls will continue to work, but will show the beautiful custom alert instead.<\/p><\/dd>\n

      Why does the script continue running after my alert?<\/h3><\/dt>\n

      The native alert()<\/code> function blocks JavaScript execution until the user clicks OK. This is terrible for user experience. Pretty Alert uses an asynchronous approach that doesn't block execution. If you need to run code after the user closes the alert, use the callback function:<\/p>\n\n

      `javascript\n<\/code><\/pre>\n\n
      alert(\"Are you sure?\", {\n    success: function() {\n        console.log(\"User clicked OK!\");\n        \/\/ Your code here\n    }\n});<\/p><\/dd>\n
      Can I use different alert types?<\/h3><\/dt>\n
      Yes! You can create different types of alerts:<\/p>\n\n
      javascript\n\/\/ Basic alert\nalert(\"Default alert\");<\/p>\n\n
      \/\/ Success alert\nalert(\"Operation completed!\", { type: \"success\" });<\/p>\n\n
      \/\/ Warning alert
      \nalert(\"Warning!\", { type: \"warning\" });<\/p>\n\n
      \/\/ Error alert\nalert(\"Something went wrong\", { type: \"error\" });<\/p>\n\n
      \/\/ Info alert\nalert(\"Information\", { type: \"info\" });<\/p><\/dd>\n
      How do I test the alerts?<\/h3><\/dt>\n
      Go to Settings \u2192 Pretty Alert<\/p>\n\n
      Click the \"Test Alert\" button<\/p>\n\n
      You can also test directly in browser console:<\/p>\n\n
      javascript\nalert(\"Test message\");<\/p><\/dd>\n
      Can I restore the original alert() function?<\/h3><\/dt>\n
      Yes, if needed:<\/p>\n\n
      javascript\nalert.restore();<\/p><\/dd>\n
      Can I use HTML in alert messages?<\/h3><\/dt>\n
      By default, messages are escaped for security. If you need HTML, you can enable it in the settings or use the custom content option.<\/p><\/dd>\n
      Does it work with page builders?<\/h3><\/dt>\n
      Yes! Pretty Alert works with Elementor, Gutenberg, WPBakery, and other page builders. You can also use the shortcode [pretty_alert] in any content area.<\/p><\/dd>\n
      Can I show alerts only to logged-in users?<\/h3><\/dt>\n
      Yes! Use the Display Rules in settings to control where alerts appear.<\/p><\/dd>\n
      Can I intercept console.log, console.warn, and console.info calls?<\/h3><\/dt>\n
      Yes! In the \"Console Intercept\" settings tab, you can enable override options. Once enabled, calls like console.log(\"data\")<\/code> will trigger custom alert boxes on the page, perfect for debugging or visibility. Original browser console outputs are preserved.<\/p><\/dd>\n\n<\/dl>\n\n\n
      1.1.0<\/h4>\n\n
        \n
      • Added 5 new premium themes (Sleek Dark, Glassmorphism, Cyberpunk, Minimalist, Royal Luxury)<\/li>\n
      • Added console interception support (console.log, console.warn, console.info)<\/li>\n
      • Added clean tab-based settings navigation in the WordPress admin panel<\/li>\n
      • Redesigned and optimized alert icons with badges, borders, and hover micro-animations<\/li>\n
      • Resolved multiple security issues and added strict nonces and capabilities checks<\/li>\n<\/ul>\n\n
        1.0.0<\/h4>\n\n
        Initial release<\/p>\n\n
          \n
        • 5 beautiful themes (Classic, Basic, Clean, Pro, Native)<\/p><\/li>\n
        • Analytics tracking with CSV export<\/p><\/li>\n
        • Display rules for pages\/post types<\/p><\/li>\n
        • Multiple alert types (success, warning, error, info)<\/p><\/li>\n
        • Sound notifications<\/p><\/li>\n
        • Animation effects<\/p><\/li>\n
        • Auto-close timer<\/p><\/li>\n
        • Page load alerts<\/p><\/li>\n
        • Shortcode support<\/p><\/li>\n
        • Full RTL and accessibility support<\/p><\/li>\n
        • Translation ready (.pot file included)<\/p><\/li>\n<\/ul>","raw_excerpt":"Replace default browser alerts with beautiful, customizable boxes. Perfect for developers wanting better notifications without code changes.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/334499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/cs.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/cs.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=334499"}],"author":[{"embeddable":true,"href":"https:\/\/cs.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/medlemark"}],"wp:attachment":[{"href":"https:\/\/cs.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=334499"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/cs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=334499"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/cs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=334499"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/cs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=334499"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/cs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=334499"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/cs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=334499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}