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" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/f_IAI-VqRdU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></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

farvehandleren

Make a sidebar and place it anywhere in post or page with shortcode.
Shortcode :
You will be get the shortcode after creating the sidebar
Manage Sidebars : 
In wp dashboard , there is a menu called “Widget Area” to Add and Remove a Sidebar. 
As you will add a sidebar, you will see the shortcode to display the sidebar and then you will be able to see a new sidebar area in “Widgets Area”. 
Just drag any widget in the sidebar and display through the shortcode in a page, template or anywhere.
Display Sidebar
After creating a sidebar, you will be provided a shortcode like : [ri_custom_sidebar 1], [ri_custom_sidebar 2] …
Just write in wordpress pages or posts where you want to display : [ri_custom_sidebar 1] (for example)
Or use this php code to display in a template : echo do_shortcode(‘[ri_custom_sidebar 1]’); (for example)

Widget Area Builder

Make a sidebar and place it anywhere in post or page with shortcode.

ExS Modal Widget Area vs Widget Area Builder