Anas Choudhary

<p>Acwpblocks – popup block is a Gutenberg block that allows you to create popups that can be triggered by any button or link with the same class as the popup ID.</p>
<p><strong>Features:</strong><br />
– Add a popup block in the editor.<br />
– Set a unique popup ID.<br />
– Use any Gutenberg button or element with the same class to trigger the popup.<br />
– Includes animations and smooth transitions.<br />
– Custom close button and background click-to-close functionality.</p>
<h3>Usage</h3>
<ol>
<li>Insert the <strong>Popup Block</strong> into your post or page.</li>
<li>Add any type of inner element inside the Popup Block.</li>
<li>Enter a unique <strong>Popup ID</strong> in the block settings.</li>
<li>Use any button or link and assign the same <strong>Popup ID</strong> as a class.</li>
<li>You can use multiple popups on a single page or post.</li>
<li>Check the front-end for the first popup containing an image.</li>
<li>Also, check the front-end for the second popup, which contains a paragraph.</li>
</ol>
<h3>Source Code</h3>
<p>The source code for this plugin can be found at:<br />
<strong>Source Code:</strong> <a href="https://github.com/Anaschoudhary/acwpblocks" rel="nofollow ugc">GitHub Repository</a></p>
<h3>License</h3>
<p>This plugin is licensed under the GPL-2.0-or-later.</p>


Acwpblocks

A custom Gutenberg block to create popups with dynamic triggers.

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

Acwpblocks vs Light Modal Block