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.

Rodrigo Leon

<p>This small plugin allows you to create a modal / popup / lightbox with WordPress’ default Block editor (Gutenberg). The plugin provides you with a block that can be used for the modal’s trigger and the modal’s window contents. Anything you can do with the block editor, you can use for the modal trigger or the contents.</p>
<ul>
<li>Multiple trigger methods. Use the power of the Block Editor to create your trigger (buttons, images, covers, and more).</li>
<li>Flexible modal content. Similarly to the trigger, use the Block Editor to define the content inside your modal content.</li>
<li>Supports multiple modals on the same page.</li>
<li>More to come.</li>
</ul>
<p>To create a modal, simply use the Modal Builder block to create a trigger. Use another Modal Builder block to create the content (make sure you select the appropriate content type under the modal settings). On both instances, set the “Content ID” to whatever you want as long as both instances match. You are set.</p>
<h4>Donations</h4>
<p>If you like the plugin, consider leaving a donation to support further development of the plugin. <a href="https://paypal.me/rodxleon" rel="nofollow ugc">Click here</a>. If you would like custom solutions or the like, please visit <a href="https://htr.design" rel="nofollow ugc">HTR.Design</a>.</p>


Modal Builder Block

Build a modal with the power of WordPress' block editor. Anything you can do with the editor works inside of the modal content window or the moda …

ARJAM – Just a Modal vs Modal Builder Block