MistiCuantum

MisticEase is designed around the idea that every added feature should reduce user effort and simplify the workflow. It is built so editors can focus on what they want to say and how they want to express it.
Paste a YouTube, YouTube Shorts, Vimeo, or Dailymotion URL, save the page, and let MisticEase handle the rest. 
Supported video URLs are converted into clickable thumbnails that open in a popup only when selected.
If you prefer a title link instead of a thumbnail, add <code>n/</code> before the URL.
No custom HTML, extra classes, or special attributes are required.
Fetched thumbnail images are stored locally in the uploads directory and reused on later page views. 
This reduces repeated remote thumbnail requests.
Media Library images can also open in a popup viewer. 
When enabled, images on the same page are grouped automatically for sequential viewing.
MisticEase also includes a full settings panel with inline guidance, floating popup controls, cache management, and network-wide settings for Multisite environments. 
In practice, most settings only need to be configured once.
A simple live demo page is available on the <a href="https://mitum.me/misticease/" rel="nofollow ugc">MisticEase demo page</a>.
<h3>Features</h3>
<ul>
<li>Paste a YouTube, Vimeo, or Dailymotion URL and save</li>
<li>Automatic thumbnail generation for supported video URLs</li>
<li>Popup playback without leaving the page</li>
<li>Optional title links with the <code>n/</code> format</li>
<li>Local thumbnail caching in the uploads directory</li>
<li>Configurable cache size with automatic cleanup</li>
<li>Draggable floating popup on supported screen sizes</li>
<li>Optional popup viewer for Media Library images</li>
<li>Popup support for text links that point to supported Media Library image files</li>
<li>Automatic grouping for images on the same page</li>
<li>Responsive thumbnail and popup sizing</li>
<li>Network-wide settings for Multisite environments</li>
<li>Inline guidance throughout the settings panel</li>
</ul>
<h3>Included Translations</h3>
MisticEase includes built-in translation files for French, Spanish, Portuguese, Portuguese (Brazil), German, German (Formal), Italian, Japanese, and Dutch. 
The original interface is English.
<h3>Quick Start</h3>
Activate MisticEase first, then try a simple test page to see how it works.
The example below is written for the Block Editor with Paragraph blocks. 
Because MisticEase detects the text content itself, the same idea also works in the Classic Editor.
Create a test page with content like this, then save and view the page:
<pre><code>https://www.youtube.com/watch?v=PASTE_A_REAL_VIDEO_ID_HERE

This Video is n/https://www.youtube.com/watch?v=PASTE_A_REAL_VIDEO_ID_HERE///.

Image - link this text or an image block to an image from the Media Library
</code></pre>
Once you try this, you will already understand the basic MisticEase workflow.
<ul>
<li>The first URL appears as a clickable thumbnail</li>
<li>The <code>n/</code> version appears as a title link instead of a thumbnail</li>
<li>If the text or image is linked to a supported Media Library image file, it opens in the popup viewer</li>
</ul>
After seeing the result once, the workflow usually feels natural right away.
<h3>Floating UX</h3>
A popup can be dragged to switch into floating window mode.
On supported desktop and tablet-sized screens, MisticEase can keep up to two floating popups open at the same time: one video popup and one Media Library image popup. 
This allows visitors to watch a related video while viewing an image and continuing to read the page.
To avoid overloading the viewing experience, MisticEase follows a simple replacement rule. 
If another popup of the same type is opened while one is already floating, the existing popup of that type is replaced. 
If the existing floating popup is pinned, MisticEase keeps it open and flashes the pin control instead.
The floating UI adapts to the available screen size. 
On desktop, controls appear when the pointer moves over the floating popup. 
On tablet-sized screens, controls remain visible for touch interaction. 
On smartphone-sized screens, floating mode is disabled and MisticEase uses the normal single-popup behavior.
This keeps the experience practical across screen sizes while allowing richer video-and-image viewing where floating mode is available.
<h3>JavaScript Requirement</h3>
MisticEase requires JavaScript for popup viewing. 
Popup viewing, floating windows, and gallery navigation do not work when JavaScript is disabled. 
MisticEase is not designed as a no-JavaScript thumbnail viewer.
<h3>n-link (Title Link) Syntax</h3>
If you want to show a title link instead of a thumbnail, add <code>n/</code> before the URL.
Example:
<pre><code>This Video is n/https://www.youtube.com/watch?v=PASTE_A_REAL_VIDEO_ID_HERE///.
</code></pre>
The optional <code>///</code> marker can be added at the end as an explicit end marker. 
This helps MisticEase detect the URL boundary correctly when punctuation appears immediately after the link.
The <code>///</code> marker is not displayed on the page.
This is also helpful in East Asian languages, where spaces are often not used inside sentences. 
In such cases, adding a space before <code>n/</code> and <code>///</code> at the end helps MisticEase recognize the title link correctly.
<h3>Media Library Images</h3>
Media Library images can also open in a popup when an image block or a text link points to a supported image file in the WordPress uploads directory.
Supported popup image formats are JPEG, PNG, GIF, WebP, and AVIF. SVG files are not handled by this popup feature.
In the image popup:
<ul>
<li>the left and right halves of the image act as previous and next controls</li>
<li>dedicated navigation buttons are also available</li>
<li>those buttons fade out after 2.5 seconds so they do not get in the way of viewing the image</li>
</ul>
If you already use another gallery plugin, this image popup feature can be turned off in the settings so your preferred gallery experience remains unchanged.
<h3>Layout Tips</h3>
Both thumbnails and popups are responsive.
If the available space is smaller than the size set in the settings panel, they automatically scale down to fit the layout. 
For many sites, setting the thumbnail width close to the main content column is a good starting point.
If you want a clean tile-style layout, using the WordPress Table block is recommended. 
Paste one video URL into each cell, and MisticEase can turn them into a neatly arranged grid of thumbnails. 
For a cleaner look, hide the table borders or set them to 0.
The same idea also works in the Classic Editor using table markup such as:
<pre><code><td>https://www.youtube.com/watch?v=PASTE_A_REAL_VIDEO_ID_HERE</td>
</code></pre>
If you place videos in a three-column table, the thumbnails will shrink to fit and line up evenly.
<h3>How It Works</h3>
When a supported video URL is first displayed, MisticEase fetches the thumbnail image and stores it locally in the WordPress uploads directory.
On later page views, the cached local thumbnail is reused. 
This reduces repeated remote thumbnail requests.
<h3>Thumbnail Cache Management</h3>
Thumbnail images are stored locally in the WordPress uploads directory.
The maximum cache size can be configured in the settings panel. 
When the cache limit is reached, older cached thumbnails are removed automatically. 
A scheduled cleanup also runs once every 30 days to remove older cached thumbnails.
<h3>External Services</h3>
MisticEase connects to external services when a supported video thumbnail has not yet been cached locally. 
These requests are used only to retrieve thumbnail images or thumbnail-related metadata for supported video URLs. 
When no local thumbnail cache is available yet, the first page view may temporarily load a thumbnail image from the original video service while MisticEase prepares a local cached copy. 
After the thumbnail is fetched, it is stored locally in the WordPress uploads directory and reused on later page views.
The <code>n/</code> title-link feature may request provider metadata to resolve the video title when displayed. 
MisticEase does not create persistent database cache entries for these title-link titles.
For Vimeo videos, a temporary placeholder thumbnail may appear on the first page load or when no local thumbnail cache is available. 
This is expected behavior. Once MisticEase retrieves and stores the thumbnail locally, the actual Vimeo thumbnail is used on later page views.
When a visitor plays a video, the browser also connects to the original video service for playback.
Depending on the video service, MisticEase uses the following external services:
<ul>
<li>
YouTube – thumbnail images and video playback 
Service: https://www.youtube.com/ 
YouTube Terms of Service: https://www.youtube.com/t/terms 
YouTube API Services Terms: https://developers.google.com/youtube/terms/api-services-terms-of-service 
YouTube API Services Developer Policies: https://developers.google.com/youtube/terms/developer-policies 
Privacy Policy: https://policies.google.com/privacy
</li>
<li>
Vimeo – oEmbed data, thumbnail images, and video playback 
Service: https://vimeo.com/ 
Vimeo Terms of Service: https://vimeo.com/legal 
Vimeo Developer Addendum: https://vimeo.com/legal/service-terms/api 
Privacy Policy: https://vimeo.com/privacy
</li>
<li>
Dailymotion – video thumbnail API, thumbnail images, and video playback 
Service: https://www.dailymotion.com/ 
Dailymotion Terms of Use: https://legal.dailymotion.com/en/terms-of-use/ 
Privacy Policy: https://legal.dailymotion.com/en/privacy-policy
</li>
</ul>
<h3>Freemius SDK and Optional Opt-in</h3>
MisticEase includes the Freemius SDK to support optional Freemius connection, important product notices, MisticEase Arc upgrade flows, licensing, and support-related features.
Freemius connection is optional. You can use all MisticEase features without opting in, and MisticEase works the same way whether you opt in or skip the connection.
If you opt in, the information shown in the Freemius opt-in screen is sent to Freemius and managed by Freemius. This may include your WordPress user name, email address, site URL, product version, plugin status, WordPress version, PHP version, site language, and basic WordPress environment information used for compatibility, updates, licensing, and support-related purposes.
The MisticEase developer may use Freemius to send important product notices when necessary, such as critical issue notifications, security-related information, compatibility notices, or update announcements. The opt-in connection helps users receive those important notices without missing them.
Freemius states that it does not sell personal information and manages personal information in accordance with its Privacy Policy and applicable privacy laws, including GDPR, using industry-standard practices designed to protect that information.
For details, please refer to the Freemius Privacy Policy, Data Practices, and Terms of Service pages.
Service: 
https://freemius.com/
API: 
https://api.freemius.com/
Freemius Privacy Policy: 
https://freemius.com/privacy/
Freemius Data Practices: 
https://freemius.com/privacy/data-practices/
Freemius Terms of Service: 
https://freemius.com/terms/

MisticEase

Paste. Save. Publish. Done. Turn video URLs into popup thumbnails or title links, with image popups and Floating UX.

bradvin

fooplugins

steveush

FooBox adds a lightbox to your WordPress site, so images are loaded in a modal or popup instead of redirecting your visitors away from your site.
Some people often refer to a lightbox as an “Image Zoom” effect. It’s really just a modal overlay or popup that showcases your images.
FooBox was the first lightbox to take responsive layout seriously. Not only does it scale images to look better on phones, but it rearranges it’s button controls to look great in both portrait or landscape orientation.
Add a modal popup to your website images with no setup. FooBox will automatically add modals to WordPress galleries, WordPress images with captions, and attachment images.
NEW: Auto Link Existing Images
Have older posts with images that do not open in FooBox? That is probably because those images were inserted without linking to the full-size media file. 
Enable Auto Link Existing Images and FooBox will automatically wrap unlinked WordPress attachment images on the frontend, so visitors can open them in the lightbox without you editing old content.
Works with most image gallery plugins, but works best with our <a href="https://fooplugins.com/foogallery-wordpress-gallery-plugin/" rel="nofollow ugc">FooGallery Gallery WordPress Plugin</a>.
FULL GUTENBERG SUPPORT
Within Gutenberg, FooBox lightbox will automatically add a modal popup to images and galleries that have the “Link To” setting set to “Media File”. 
Image captions set in the editor are also automatically picked up in the FooBox modal popup.
FooBox Image Lightbox Features:
<ul>
<li>Responsive lightbox design</li>
<li>Modern lightbox design</li>
<li>Zero configuration!</li>
<li>Works with WordPress galleries</li>
<li>Works with WordPress captioned images</li>
<li>Auto links older unlinked WordPress attachment images</li>
<li>Control when to exclude / include FooBox JS & CSS assets</li>
</ul>
Includes a 7-day free trial of FooBox Pro Lightbox!
You can try the PRO version for free for 7 days.
<a href="https://fooplugins.com/foobox/?utm_source=fooboxfreeplugin&utm_medium=fooboxfreeprolink&utm_campaign=foobox_free_wprepo" rel="nofollow ugc">FooBox PRO</a> Features:
<ul>
<li>Social sharing (10+ networks)</li>
<li>Video lightbox support</li>
<li>HTML lightbox support</li>
<li>iFrame support</li>
<li>Deeplinking</li>
<li>Fullscreen and slideshow modes</li>
<li>Glass lightbox theme (including custom color pickers)</li>
<li>Metro lightbox theme</li>
<li>Flat lightbox theme</li>
<li>5 color schemes, 12 button icons and 11 loader icons</li>
<li>12 animation effects</li>
<li>85+ settings to customize</li>
</ul>
<a href="https://fooplugins.com/foobox/?utm_source=fooboxfreeplugin&utm_medium=fooboxfreeprolink&utm_campaign=foobox_free_wprepo" rel="nofollow ugc">FooBox PRO</a> Works With:
<ul>
<li><a href="https://fooplugins.com/foogallery-wordpress-gallery-plugin/" rel="nofollow ugc">The Best Image Gallery Plugin for WordPress</a></li>
<li>NextGen</li>
<li><a href="https://codecanyon.net/item/justified-image-grid-premium-wordpress-gallery/2594251" rel="nofollow ugc">Justified Image Grid</a></li>
<li>Envira Gallery</li>
<li>WooCommerce product images (Works with WooCommerce v3+)</li>
<li>JetPack Tiled Gallery</li>
<li>AutOptimize</li>
</ul>
Check out the <a href="https://fooplugins.com/foobox-feature-comparison/?utm_source=fooboxfreeplugin&utm_medium=fooboxcomparelink&utm_campaign=foobox_free_wprepo" rel="nofollow ugc">full feature comparison</a>.
Complete FooBox Asset Control
By default, FooBox lightbox includes javascript and stylesheet assets into all your pages. We do this, because we do not know if the page content contains media or not. 
If you want more control over when FooBox assets are included, you can now exclude the assets by default, by enabling a setting. Then on each page, you can choose to include them when required. 
Alternatively, you can leave the setting disabled, and then choose to exclude the FooBox assets from particular pages. A new metabox is now available when editing your pages or posts. 
This new feature was only available in the PRO version beforehand, but we feel control over your website performance is something you should not have to pay for. Enjoy!
Translations
<ul>
<li><a href="https://www.webhostinghub.com/" rel="nofollow ugc">Serbo-Croatian by Borisa Djuraskovic</a></li>
</ul>

Lightbox & Modal Popup WordPress Plugin – FooBox


it´s easy to get going right after the install! not too complex as I am needing it for "single" images to lightbox! really excellent!!!!!!


wonderful!

stops working after 7 days


FooBox works great ouf of the box (pun intended) and is well-suited for sites that need a quick image lightbox plugin that plays well with others.



The default lightbox theme provided is professionally made and well-suited for showcasing screenshots, portfolio items, photography, and more.



If you need more layout choices and compatibility with even the peskiest lightbox plugins, please check out Pro, as it's the only license I don't hesitate to renew.


FooBox is fantastic

A responsive image lightbox for WordPress galleries, WordPress attachments & FooGallery

MisticEase vs Lightbox & Modal Popup WordPress Plugin – FooBox