Add dismissible and non-dismissible notices throughout your WordPress website.
Add dismissible and non-dismissible notices throughout your website.
- Customize the colors and icons used by your Courier Notices no coding needed
- Add new "types" of notices as needed
- Comes with a common library of useful notices (Modal, Header, Footer)
- Place courier notices within the header, footer or anywhere using CSS selectors (similar to selectors in jQuery)
- Display popover/page take over modal style notices
- Can be used in conjunction with other popular plugins
- Go to Plugins > Add New in your WordPress admin
- Search for "Courier Notices"
- Click Install Now and then Activate
- Download the plugin ZIP file
- Upload to
/wp-content/plugins/courier-notices/ - Activate through Plugins > Installed Plugins
- Go to Courier Notices > Settings to configure global options
- Create your first notice under Courier Notices > Add New
- Configure notice types and styles as needed
- List of "Types" of Informational Courier Notices within the WordPress admin
- Editing colors and icons of a Courier Notice
- Frontend display of a few Courier Notices, including dismissible notices.
- Frontend display of a modal Courier Notice.
See changelog https://github.com/linchpin/courier-notices/blob/master/CHANGELOG.md
[courier_notice id="1"]
Displays a Courier notice based on the Courier post ID, displays a flag to call out the notice as well.
Flag prepends a span containing the string in the flag parameter, to display no flag set "show_flag" to false.
// Add a global success notice
courier_notices_add_notice(
'Your order has been processed successfully!',
['success'],
true, // global
true, // dismissible
0, // user_id (0 for global)
'informational',
['header']
);// Display notices in a custom location
courier_notices_display_notices([
'placement' => 'header',
'style' => 'informational'
]);- Primary: General information (#039ad6)
- Success: Positive confirmations (#04a84e)
- Alert: Important warnings (#f97600)
- Warning: Critical alerts (#ea3118)
- Feedback: Form responses (#8839d3)
- Info: General information (#878787)
- Header: Displays at the top of the page
- Footer: Fixed position at the bottom
- Modal: Full-screen overlay popup
- Custom: Use CSS selectors for specific placement
- AJAX Loading: Enable for better caching compatibility
- CSS Disable: Option to disable default styles
- Title Display: Control notice title visibility
✅ Full Page Caching: Works with all major caching plugins when AJAX loading is enabled ✅ Object Caching: Compatible with Redis, Memcached, and other object caches ✅ CDN Support: Works seamlessly with content delivery networks
- Smart Loading: Only loads notices when containers are visible
- Consolidated Requests: Single AJAX call for multiple notice placements
- Intelligent Caching: 5-minute object cache + 10-minute transient cache
- Early Exit: Skips processing when no notices exist
- Modern browsers (Chrome, Firefox, Safari, Edge)
- Mobile responsive design
- Progressive enhancement approach
GET /wp-json/courier-notices/v1/notices/display/- Get notices for specific placementGET /wp-json/courier-notices/v1/notices/display/all/- Get all notices for multiple placementsPOST /wp-json/courier-notices/v1/notice/dismiss/- Dismiss a specific notice
courier_notices_get_notices_default_settings- Modify default notice query settingscourier_notices_localized_data- Customize JavaScript datacourier_notices- Filter notice output HTML
courier_notices_before_metabox_content- Add content before notice metaboxcourier_notices_after_settings_init- Hook into settings initialization
- Check if notices are published and not expired
- Verify placement settings match your theme structure
- Enable AJAX loading if using caching plugins
- Check browser console for JavaScript errors
- Enable AJAX loading in settings
- Consider reducing the number of concurrent notices
- Check for conflicting JavaScript on your site
- Disable default CSS and add custom styles if needed
- Check for theme CSS conflicts
- Use browser developer tools to inspect notice elements
