Sourav Das

<p>This <strong>Modal Maker Plugin</strong> enhances your website’s interactivity by allowing you to add a fully customizable button that triggers a modal popup. Perfect for displaying additional content, product links, or call-to-action options, this plugin integrates seamlessly with Elementor and provides complete control over modal appearance and content type.</p>
<h3>Key Features</h3>
<ol>
<li>
<p><strong>Customizable Trigger Button:</strong><br />
Easily configure the trigger button’s text, colors, and typography to match your site’s design. The plugin includes responsive controls for padding, border styling, and shadow options, making it simple to achieve a tailored look.</p>
</li>
<li>
<p><strong>Multiple Content Options Inside Modal:</strong></p>
<ul>
<li><strong>Button Group:</strong> Display a collection of buttons, each with customizable links, that users can click to navigate to different URLs. This is ideal for popups containing multiple calls to action, such as links to products, services, or resources.</li>
<li><strong>Rich Text Editor:</strong> Use the editor to add custom HTML or formatted text inside the modal, perfect for showcasing information, adding product descriptions, or embedding videos and images.</li>
</ul>
</li>
<li>
<p><strong>Independent Functionality for Multiple Instances:</strong><br />
Each modal widget instance operates independently, allowing you to add multiple modals to the same page without conflicts. Unique IDs are automatically generated for each modal, ensuring only the corresponding modal opens when each button is clicked.</p>
</li>
</ol>
<h3>How It Works</h3>
<ul>
<li>
<p><strong>Adding a Modal to a Page:</strong><br />
Simply add the widget to your Elementor page and configure the button and modal settings in the editor panel. Choose between a button group or rich text editor for the modal’s content, and set up links if using buttons.</p>
</li>
<li>
<p><strong>Styling Options:</strong><br />
Use Elementor’s familiar controls to customize button width, colors, border radius, and shadow. You can also set modal dimensions to small, medium, or large to accommodate different types of content.</p>
</li>
<li>
<p><strong>Responsiveness:</strong><br />
Built-in responsive controls allow for optimized viewing on any device. Adjust button size, alignment, and padding for a polished look across desktop, tablet, and mobile views.</p>
</li>
</ul>
<h3>Ideal Use Cases</h3>
<ul>
<li><strong>Product Showcases:</strong> Create product-specific popups with links to additional product pages or purchasing options.</li>
<li><strong>Service Information:</strong> Include detailed descriptions and links to service pages for a clear, navigable user experience.</li>
<li><strong>Interactive CTAs:</strong> Add multiple call-to-action buttons in the popup to guide users toward conversion.</li>
</ul>
<h3>Compatibility and Requirements</h3>
<p>This plugin requires <strong>Elementor</strong> to be installed and activated on your WordPress site. It works with both the free and pro versions of Elementor, ensuring accessibility for a wide range of users.</p>
<p>With its clean design and full-featured controls, this Elementor Modal Popup Widget Plugin provides a highly adaptable solution for enhancing user engagement, promoting products, and driving conversions. Whether you need a simple informational popup or a detailed product showcase, this plugin offers the versatility to make your content pop.</p>


Modal Maker – An Elementor Modal Widget

An Elementor widget plugin which adds a customizable button that triggers a modal popup, perfect for displaying additional content or options in a sty …

devpressfactory

<p><strong>Elegant Popup</strong> is a lightweight yet powerful popup plugin for WordPress. It lets you create unlimited popups with a minimal, modern aesthetic — no bloat, no page builder lock-in.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Unlimited popups</strong> — create as many as you need, each fully independent</li>
<li><strong>5 content types</strong> — Rich Text/HTML, Image (JPG/PNG/WebP), MP4 Video, HLS Streaming (.m3u8), and Embed/iFrame codes</li>
<li><strong>Image link</strong> — optionally wrap an image with a clickable URL (opens in same tab or new tab)</li>
<li><strong>Responsive</strong> — separate width/height settings for desktop and mobile using any CSS unit (px, %, vw, vh, rem)</li>
<li><strong>Full style control</strong> — background color, text color, overlay color (supports rgba), border radius</li>
<li><strong>30+ Google Fonts</strong> — choose from a dropdown with live preview, defaults to Titillium Web</li>
<li><strong>Flexible triggers</strong> — auto-open with configurable delay (ms), or manual via shortcode/button/JS API</li>
<li><strong>Auto-close</strong> — optional timer with animated progress bar</li>
<li><strong>Dismiss options</strong> — closable via X button and/or by clicking outside the popup (both configurable)</li>
<li><strong>Page targeting</strong> — show on all pages or specific pages/posts by ID</li>
<li><strong>HLS streaming</strong> — live and VOD streaming via hls.js with native fallback</li>
<li><strong>5 languages</strong> — Italian, English, Spanish, German, French (switchable from Settings)</li>
</ul>
<h4>Page Builder Integrations</h4>
<ul>
<li><strong>Gutenberg</strong> — native block “Elegant Popup” in the block inserter (WP 5.0+, no build step required)</li>
<li><strong>Elementor</strong> — native widget in the General panel with full style controls (padding, typography, colors, border radius)</li>
<li><strong>WPBakery Page Builder</strong> — native element in the Content Elements picker</li>
<li><strong>Classic Visual Composer</strong> — supported via <code>vc_map()</code>, backwards compatible</li>
<li><strong>Classic Editor</strong> — shortcode reference metabox in the post/page sidebar</li>
</ul>
<h4>Shortcode Usage</h4>
<p>Basic trigger button:<br />
    [elegant_popup id=”1″]</p>
<p>Custom label and CSS class:<br />
    [elegant_popup id=”1″ label=”Watch Video” class=”my-class”]</p>
<h4>HTML Attribute</h4>
<p>Add <code>data-ep-open="ID"</code> to any HTML element:<br />
    <a href="#" rel="nofollow ugc">Open Popup</a><br />
    Watch Now</p>
<h4>JavaScript API</h4>
<pre><code>ElegantPopup.open(1);   // Open popup with ID 1
ElegantPopup.close(1);  // Close popup with ID 1
</code></pre>
<h4>Supported Content Types</h4>
<ul>
<li><strong>Text / HTML</strong> — Full WordPress rich text editor with media upload support</li>
<li><strong>Image</strong> — JPG, PNG, WebP with optional clickable link</li>
<li><strong>MP4 Video</strong> — HTML5 video with media library browser</li>
<li><strong>HLS Stream</strong> — .m3u8 manifests, works with CDN, live streams, and VOD via hls.js</li>
<li><strong>Embed / iFrame</strong> — YouTube, Vimeo, Google Maps, contact forms, and any iframe code</li>
</ul>
<h3>External services</h3>
<p>This plugin connects to the following external services:</p>
<h4>Google Fonts (fonts.googleapis.com)</h4>
<p>When a popup is displayed on the frontend, this plugin loads the selected Google Font from Google’s servers to render custom typography.<br />
Data sent: the font family name and the visitor’s IP address are transmitted to Google’s servers on each page load where an active popup with a custom font is shown.<br />
* Terms of Service: https://developers.google.com/fonts/faq/privacy<br />
* Privacy Policy: https://policies.google.com/privacy</p>
<h4>hls.js CDN (cdn.jsdelivr.net)</h4>
<p>When a popup of type “HLS Stream” is used, the plugin loads the hls.js library from the jsDelivr CDN. This is required to play HLS (.m3u8) video streams in browsers without native HLS support.<br />
Data sent: the visitor’s IP address is transmitted to jsDelivr’s servers when the library is loaded.<br />
* Terms of Service: https://www.jsdelivr.com/terms<br />
* Privacy Policy: https://www.jsdelivr.com/privacy-policy-jsdelivr-net</p>
<p>Note: these external connections only occur when a popup with a Google Font or an HLS video stream is displayed. If no such popups are active on a page, no data is transmitted to these services.</p>
<h3>Privacy Policy</h3>
<p>Elegant Popup does not collect, store, or transmit any personal data from site visitors. No cookies are set by this plugin. No external services are contacted except Google Fonts (loaded from fonts.googleapis.com for font rendering in admin and frontend) and hls.js CDN (loaded from cdn.jsdelivr.net for HLS video streaming support).</p>
<p>If you use HLS streaming or Google Fonts, your visitors’ IP addresses may be processed by Google and jsDelivr respectively, subject to their own privacy policies.</p>


DevPress Factory Elegant Popup

Elegant, responsive popups with text, images, MP4/HLS video, and embed support. Compatible with Gutenberg, Elementor, and WPBakery.

Modal Maker – An Elementor Modal Widget vs DevPress Factory Elegant Popup