The WordPress Popup Extender plugin allows WordPress administrators to create and manage popups with rich content, displayed on specific pages and within defined date ranges. It introduces a custom post type, “Popup Posts,” where users can craft popup content using the WordPress editor. Administrators can select target pages and set active date periods for each popup via intuitive meta boxes. The plugin supports WooCommerce-specific pages (e.g., shop, cart, checkout) and automatically shows popups based on the current page and date. With a clean, responsive design and client-side scripting, it ensures a seamless user experience for delivering promotions, notices, or interactive content.
Features of WordPress Popup Extender
- Custom Popup Post Type: Create popups as “Popup Posts” with title and content support using the WordPress editor.
- Page Targeting: Select specific pages for popup display via a checkbox interface in the admin panel.
- Date Scheduling: Set start and end dates for popup visibility to control when they appear.
- WooCommerce Integration: Automatically detects and supports WooCommerce pages like shop, cart, checkout, and account pages.
- Responsive Design: Renders popups in a centered overlay with a close button, styled via external CSS.
- Customizable Content: Use the WordPress editor to add text, images, or other media to popups.
- Secure & Efficient: Includes nonce verification and sanitization for secure data handling and minimal performance impact.
- Frontend Scripting: Enqueues JavaScript for dynamic popup behavior, with CSS for styling and layout.
Installation
- Upload the plugin folder to the
/wp-content/plugins/
directory. - Activate the Mobileship Popup Extender plugin through the WordPress admin panel.
- Navigate to Popup Posts in the WordPress admin menu to create a new popup.
- Add a title and content, select target pages, and set active date ranges in the meta boxes.
- Save the popup, and it will appear on the selected pages within the specified date range.
Usage of WordPress Popup Extender
- Create a Popup: Go to Popup Posts > Add New in the WordPress admin panel, enter a title and content, then use the side meta boxes to:
- Select pages where the popup should appear.
- Set the “Show from” and “Show until” dates for visibility.
- Display Popups: Popups automatically appear on the selected pages if the current date falls within the specified range.
- WooCommerce Support: Popups work on WooCommerce pages (e.g., shop, cart) by detecting their page IDs.
- Customize Appearance: Modify the popup’s look by targeting CSS classes like
#ms-popup-overlay
,#ms-popup-container
, or#ms-popup-content
in your theme or the plugin’sstyle.css
. - Close Popups: Users can close popups using the “X” button, with behavior controlled by the plugin’s JavaScript.
Requirements
- WordPress 5.0 or higher
- PHP 7.0 or higher
- (Optional) WooCommerce for integration with shop, cart, checkout, or account pages
- Pages created in WordPress for targeting popup display