內容簡介
Elegant Popup 是一款輕量且強大的 WordPress 彈出視窗外掛，讓使用者能夠創建無限數量的獨立彈出視窗，具備現代化的美學設計，無需依賴頁面建構器。
【主要功能】
• 無限彈出視窗 — 可創建任意數量的獨立彈出視窗
• 5 種內容類型 — 支援豐富文本/HTML、圖片、MP4 影片等
• 響應式設計 — 可為桌面和行動裝置設定不同尺寸
• 完整樣式控制 — 背景色、文字色、邊框圓角等
• 靈活觸發器 — 可設定自動開啟或手動觸發
• 多語言支援 — 提供五種語言選擇
外掛標籤
開發者團隊
② 後台搜尋「DevPress Factory Elegant Popup」→ 直接安裝（推薦）
原文外掛簡介
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.
