David Jensen

CloudCatch

<p>A simple yet robust solution for creating modals within the WordPress block editor.</p>
<p>🚀 <a href="https://light-modal-block.cloudcatch.io/" rel="nofollow ugc">View Demo</a></p>
<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>
<p>The Light Modal block uses a modified version of the <a href="https://github.com/Ghosh/micromodal" rel="nofollow ugc">Micromodal</a> library.</p>


Light Modal Block

Lightweight, customizable modal block for the WordPress block editor

Tim Eckel

<p>Easily create responsive WYSIWYG popup modals that are displayed at a user-specified frequency and optionally printed with a single click (great for coupons!).  Simple to use, yet advanced options:</p>
<ul>
<li>Disable popup: (check to disable, uncheck to enable)</li>
<li>Frequency of popup: (Define how frequently each popup will display: every refresh, once per session, various minutes, various hours, weekly, monthly, yearly, or only once)</li>
<li>Popup expires after: (Specify the date the popup will expire, or never expire) [date picker UI]</li>
<li>Display popup on: (All pages, front page only, or interior pages only)</li>
<li>Print option: (Allow printing of the popup)</li>
<li>Popup location: (Centered, top center, bottom center)</li>
<li>Maximum width: (Define the maximum width of the popup in pixels)</li>
<li>Show title: (Allow the popup title to be visible or hidden for each popup)</li>
<li>Text color: (Select a foreground text color for each popup window) [color picker UI]</li>
<li>Background color: (Select a background color for each popup window) [color picker UI]</li>
<li>Button location (No buttons “X” to close, left, center, or right)</li>
<li>Test popup (while creating in the admin console)</li>
</ul>


Popup Modal

Easily create responsive WYSIWYG modals that popup at your desired frequency and optionally print with a single click.

Light Modal Block vs Popup Modal