David Jensen

CloudCatch

A simple yet robust solution for creating modals within the WordPress block editor.
🚀 <a href="https://light-modal-block.cloudcatch.io/" rel="nofollow ugc">View Demo</a>
<h3>Features</h3>
<ul>
<li>Fully customizable using the native block editor style controls</li>
<li>Trigger modal on click for any element via CSS selector</li>
<li>Trigger modal on page load after X milliseconds
<ul>
<li>Set cookie to not show modal again on page load until X minutes have elapsed</li>
<li>Option for user interaction within modal triggers cookie to be set</li>
</ul>
</li>
<li>Custom modal width</li>
<li>Optional close button</li>
<li>API enabled</li>
<li>Only 2kb gzipped</li>
<li>Accessibility enabled</li>
<li>Use modals within the query loop block</li>
</ul>
<h3>Attribution</h3>
The Light Modal block uses a modified version of the <a href="https://github.com/Ghosh/micromodal" rel="nofollow ugc">Micromodal</a> library.

Light Modal Block

Lightweight, customizable modal block for the WordPress block editor

Mahmudul Hasan Salim

sakeef

WP Magnific will allow users to add responsive popup Images, Videos and Maps easily from the backend. Users can generate the shortcodes from WordPress WYSIWYG editor from the backend.
HOW TO USE
Shortcodes 
For Image as a thumbnail 
[wp_mfc_lightbox type=”image” clickable_text=”” url=”http://url/image.jpg”]
For Placing a clickable Text 
[wp_mfc_lightbox type=”image” clickable_text=”Text” url=”http://url/image.jpg”]
For Video Popup 
[wp_mfc_lightbox type=”video” clickable_text=”My Video” url=”https://www.youtube.com/watch?v=id”]
For Map Popup 
[wp_mfc_lightbox type=”map” clickable_text=”Google Gate Bridge” google_map=”Google Gate Bridge”]

WP Magnific Lightbox

WP Magnific will allow users to add responsive popup Images, Videos and Maps easily from the backend. Users can generate the shortcodes from Wordpress …

Light Modal Block vs WP Magnific Lightbox