exstheme

ExS Modal Widget Area will add a new widget area on your ‘Appearance – Widgets’ admin screen. After that you can add a class to any of your menu item or any HTML element or provide CSS selector of any element that can be clicked to show your widgets in the modal pop-up window. It can be also auto displayed by providing timeout in the widget area settings and also can be shown only once if the appropriate Cookie ID is provided.
<a href="https://demos2.exsthemewp.com/exs-modal-widget-area/" rel="nofollow ugc">MODAL WIDGET AREA DEMO</a>
<h4>Features</h4>
<ul>
<li>Display any content in modal popup window using any widget</li>
<li>Completely free</li>
<li>Micro size (15kB plugin full zip, 3kB of CSS and 1kB of JS)</li>
<li>No 3rd party dependencies (plugins, libraries, jQuery etc.)</li>
<li>Any theme compatible</li>
<li>Show by any element click</li>
<li>Show by timeout on page load (useful for subscribe or promo banners)</li>
<li>Show only once setting</li>
<li>Fully customizable width, paddings, colors, close button, background, custom close selector, custom open selector etc.</li>
</ul>
<iframe loading="lazy" title="WordPress pop-up modal widget area with the ExS Modal Widget Area plugin" width="750" height="422" src="https://www.youtube.com/embed/f_IAI-VqRdU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>Support</h3>
Use the WordPress.org forums for community support where we try to help all users.
If you need help or have any questions, <a href="https://exsthemewp.com/contact/" rel="nofollow ugc">please send us a note</a>.

ExS Modal Widget Area

Adds new widget area that will appear in the modal pop-up window

Vincent Dubroeucq

This plugin simply allows you to build your page content with widgets instead of using the default page layout for your theme.
Using the Atom Builder
By default, only basic pages are supported. It basically registers a widget area for all of your pages. 
To avoir cluttering the admin area, the newly registered widget areas do not appear alongside your theme’s standard ones, and you have to access them directly in the customizer. 
To see it in action : 
* Just visit any page on your site while logged in, and click the ‘Customize’ link. 
* In the Customizer panel, click on ‘Widgets’ and you should see a widget area registered for your page. 
* Just use the widgets you need to build your page content.
This plugin provides you with 3 additional widgets to help you build your page with interesting content and layout: Atom Builder Page, Atom Builder Post, and Atom Builder Posts widgets. 
These basic widgets will probably get a bit more complex and have more options in the future, and a few more custom widgets will be added later, but that’s a start.
Adding theme support for the Atom Builder
By default, the Atom Builder replaces your page content using ‘the_content’ filter. That means any markup you have before, such as the title for example, will be kept. 
Only your content as it appears in the editor in the admin area is replaced.
If you want to replace the whole content for your page, you’ll have to tweak your theme’s code a little bit.
<ul>
<li>
Add theme support for the Atom builder in your child theme’s functions.php file by simply adding this snippet.
` 
add_action( ‘after_setup_theme’, ‘mythemeprefix_add_atom_builder_support’ ); 
/**
<ul>
<li>Add theme support for the Atom Builder</li>
<li>This deactivate the basic filter on the_content. </li>
<li>Just replace your get_template_part() call in page.php with atom_builder_get_template_part() to replace your whole page content template with registered widgets. 
**/ 
function mythemeprefix_add_atom_builder_support(){ 
add_theme_support( ‘atom-builder’ ); 
} 
`</li>
</ul>
</li>
<li>
Duplicate the page.php template from your theme in your child theme’s folder.
</li>
<li>Replace the <code>get_template_part()</code> function call with <code>atom_builder_get_template_part()</code>, with the same parameters. (Basically all you need to do is prefix it.)</li>
<li>Now everything should work fine. Your whole template is replaced with widgets now, not just your content.</li>
</ul>

Atom Builder

Build your page content with widgets, directly in the customizer. Simple. No page builder needed.

ExS Modal Widget Area vs Atom Builder