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.

Web Engineer

<p>Video Callout can display video popups on your posts and pages. Simply add a video from YouTube, Google Drive, or Vimeo via the WordPress editor and your site visitors will see the video popup in a modal when they visit your chosen page.</p>
<p>Featuring detailed customisation options, allowing you to configure the popup appearance and behaviour from the post editor or globally via your site’s settings page.</p>
<p>Enter the video details into the <em>Video Callout</em> box on the page editor and further customisation options will be displayed.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/dQIKNx1Qp00?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Settings</h3>
<ul>
<li><em>video</em> – (required) YouTube video URL or ID, Google Drive video URL, or Vimeo video URL.</li>
<li><em>autoplay</em> – Check this for the video to play automatically (note: autoplay videos will be muted as required by most modern browsers).</li>
<li><em>frequency</em> – How long after users see the video before it can be shown again. Select a period (seconds, hours, days) and a duration.</li>
<li><em>delay</em> – Delay in seconds until the video appears.</li>
<li><em>class</em> – Add extra CSS classes to the outer div for custom styling.</li>
<li><em>mute</em> – Turn off sound.</li>
<li><em>modal</em> – Will cover the page with a tinted overlay.</li>
</ul>
<h4>Layout</h4>
<p>You can choose where on the page you want the callout to appear. Plus the size and all properties of the window, frame and close button.</p>
<p>The style and layout can be globally managed for the site with the option to set any overrides on a per page or post basis.</p>
<h4>Autoplay</h4>
<p>Autoplay is not supported by all browsers. If you use autoplay, mute should be turned on for autoplay to work in most cases in those browsers that support it.</p>
<p><em>Only youtube and vimeo support autoplay</em></p>
<h3>Dashboard widget</h3>
<p>The handy dashboard widget neatly shows you how many video callouts you have on your website and lists the most recent ones you updated.</p>


Video Callout

Add a video popup to your posts with an optional delay and display frequency. Fully customisable window with modal option.

DevPress Factory Elegant Popup vs Video Callout