DevPress Factory Elegant Popup vs LottieFiles – JSON Based Animation Lottie & Bodymovin for Elementor

Elegant Popup 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. Key Features Unlimited popups — create as many as you need, each fully independent 5 content types — Rich Text/HTML, Image (JPG/PNG/WebP), MP4 Video, HLS Streaming (.m3u8), and Embed/iFrame codes Image link — optionally wrap an image with a clickable URL (opens in same tab or new tab) Responsive — separate width/height settings for desktop and mobile using any CSS unit (px, %, vw, vh, rem) Full style control — background color, text color, overlay color (supports rgba), border radius 30+ Google Fonts — choose from a dropdown with live preview, defaults to Titillium Web Flexible triggers — auto-open with configurable delay (ms), or manual via shortcode/button/JS API Auto-close — optional timer with animated progress bar Dismiss options — closable via X button and/or by clicking outside the popup (both configurable) Page targeting — show on all pages or specific pages/posts by ID HLS streaming — live and VOD streaming via hls.js with native fallback 5 languages — Italian, English, Spanish, German, French (switchable from Settings) Page Builder Integrations Gutenberg — native block “Elegant Popup” in the block inserter (WP 5.0+, no build step required) Elementor — native widget in the General panel with full style controls (padding, typography, colors, border radius) WPBakery Page Builder — native element in the Content Elements picker Classic Visual Composer — supported via vc_map(), backwards compatible Classic Editor — shortcode reference metabox in the post/page sidebar Shortcode Usage Basic trigger button: [elegant_popup id=”1″] Custom label and CSS class: [elegant_popup id=”1″ label=”Watch Video” class=”my-class”] HTML Attribute Add data-ep-open="ID" to any HTML element: Open Popup Watch Now JavaScript API ElegantPopup.open(1); // Open popup with ID 1 ElegantPopup.close(1); // Close popup with ID 1 Supported Content Types Text / HTML — Full WordPress rich text editor with media upload support Image — JPG, PNG, WebP with optional clickable link MP4 Video — HTML5 video with media library browser HLS Stream — .m3u8 manifests, works with CDN, live streams, and VOD via hls.js Embed / iFrame — YouTube, Vimeo, Google Maps, contact forms, and any iframe code External services This plugin connects to the following external services: Google Fonts (fonts.googleapis.com) When a popup is displayed on the frontend, this plugin loads the selected Google Font from Google’s servers to render custom typography. 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. * Terms of Service: https://developers.google.com/fonts/faq/privacy * Privacy Policy: https://policies.google.com/privacy hls.js CDN (cdn.jsdelivr.net) 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. Data sent: the visitor’s IP address is transmitted to jsDelivr’s servers when the library is loaded. * Terms of Service: https://www.jsdelivr.com/terms * Privacy Policy: https://www.jsdelivr.com/privacy-policy-jsdelivr-net 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. Privacy Policy 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). 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.

JSON Based Animation Try Testing Environment Supercharge your website with Highly customizable Free Essential Classy Addons For Elementor Check below demo pages. Main Demo Page On Scroll Lottie Animation Documentation Features Easy to customize options. 5+ animation options. Scroll based animation JSON Based Animation Autoplay On Hover On Click Mouse Over-Out Effect Scroll Based Inline Body