Alessandro Rosato

<p>This plugin is meant to deliver one thing and that’s a simple modal that renders whenever a user visits your site for the first time. It has no third-party dependencies, no paid features, nothing.</p>
<p>The minimal JavaScript code is written in vanilla JS without jQuery for a faster and lighter experience. Code is meant to load all modal assets (including the image) only when necessary, to avoid burdening your pages with unneeded requests.</p>
<p>It uses cookies to store a hash that will hide the modal after the first visit. This hash can be invalidated from the admin section to force a re-render of the modal. Useful for when you want to push a new message/information.</p>
<h3>Features</h3>
<ul>
<li>Set a title, an image and text (all optional fields, so you can mix and match them).</li>
<li>Modal can be shown after a delay.</li>
<li>Invalidate browsers cache to re-render the modal.</li>
<li>Responsive layout.</li>
<li>No PRO features!</li>
</ul>
<h3>Style override</h3>
<p>You can easily override the plugin’s style by using the following IDs in your custom css file:<br />
* <code>arjam-modal-title</code> – Title of the modal window.<br />
* <code>arjam-modal-image</code>  – Image of the modal window.<br />
* <code>arjam-modal-richtext</code> – Text of the modal window.<br />
* <code>arjam-modal-background</code> – Dark background behind the modal window.<br />
* <code>arjam-modal-content</code> – The modal window itself.<br />
* <code>arjam-modal-close</code> – Close button of the modal window.</p>
<h3>Cookies and local storage</h3>
<p>This plugin stores on the visitor browser the hash that is meant to check whether the user has seen the current modal or not. This hash is stored in a key in the local storage called <code>arjam_hash</code>.</p>
<p>Besides that, no other cookie or local storage entry is created.</p>


ARJAM – Just a Modal

Just a simple modal window to display content to a new visitor on their first visit. Includes a title, image and text.

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

ARJAM – Just a Modal vs Light Modal Block