內容簡介
如果你正在尋找一個高效的轉換工具,這個插件肯定可以幫你。更重要的是,這個插件非常容易使用。 Poppable Exit Popup 可以自動檢測桌面滑鼠行為和移動裝置上的滾動行為,顯示彈出窗口,提示訪問者即將離開你的網站。
外掛標籤
開發者團隊
② 後台搜尋「Poppable – The Easy Way to Add a Video Modal」→ 直接安裝(推薦)
原文外掛簡介
Poppable is a lightweight Gutenberg block that lets you display YouTube videos in a sleek modal popup. Simply add the block, paste your YouTube URL, and connect it to any trigger element on your page.
Key Features:
Trigger from Any Element – Assign a trigger ID to any element (button, image, text) and clicking it opens the video modal
Multiple YouTube URL Formats – Supports youtube.com/watch?v=, youtu.be/, and youtube.com/embed/ formats
Autoplay Support – Optionally start playing the video automatically when the modal opens
Customizable Modal Width – Set the content width using px, %, vw, or any CSS unit
Multiple Close Options:
Close button (X) in the corner
Click outside to close
Press ESC key to close
Responsive Design – Videos maintain 16:9 aspect ratio on all screen sizes
Body Scroll Lock – Page scrolling is disabled when the modal is open for a focused viewing experience
Lightweight – No jQuery dependencies, built with vanilla JavaScript
Development & Source Code:
Poppable is open-source and developed publicly on GitHub.
GitHub repository: https://github.com/Engramium/poppable
How to Use
Add the Poppable block anywhere on your page (it will be hidden on the frontend).
In the block settings panel, enter your YouTube Video URL.
Set a unique Trigger ID (e.g., poppable-video-modal).
Add the same trigger ID as a CSS class to any element you want to use as the trigger (e.g., a button with class poppable-video-modal).
Configure your preferred close options and modal width.
Save and preview your page!
