exstheme

<p>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.</p>
<p><a href="https://demos2.exsthemewp.com/exs-modal-widget-area/" rel="nofollow ugc">MODAL WIDGET AREA DEMO</a></p>
<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>
<p><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></p>
<h3>Support</h3>
<p>Use the WordPress.org forums for community support where we try to help all users.</p>
<p>If you need help or have any questions, <a href="https://exsthemewp.com/contact/" rel="nofollow ugc">please send us a note</a>.</p>


ExS Modal Widget Area

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

thinkerwebdesign

<h4>Features:</h4>
<ul>
<li>Add sidebars to WP Posts and Pages with shortcodes using a sidebar Name or sidebar ID.</li>
<li>Add one or more optional custom classes to match your theme styles or custom CSS styles.</li>
</ul>
<h4>How to Use:</h4>
<p><strong>Method 1 – (Recommended Use: Add a sidebar using a sidebar Name.)</strong></p>
<p>A sidebar Name can be found in the <code>Appearance > Widgets</code> section of your WordPress Admin Area.</p>
<p><em>Example uses:</em></p>
<ul>
<li><code>[sidebar name="your-sidebar-name"]</code></li>
<li><code>[sidebar name="your-sidebar-name" class="custom-class"]</code></li>
<li><code>[sidebar name="your-sidebar-name" class="custom-class-1 custom-class-2 custom-class-3"]</code></li>
</ul>
<p><strong>Method 2 – (Advanced WP Users: Add a sidebar using a sidebar ID.)</strong></p>
<p>A sidebar ID can be found in your theme’s <code>register_sidebar</code> functions, usually in the theme’s <code>functions.php</code> file.</p>
<p><em>Example uses:</em></p>
<ul>
<li><code>[sidebar id="your-sidebar-id"]</code></li>
<li><code>[sidebar id="your-sidebar-id" class="custom-class"]</code></li>
<li><code>[sidebar id="your-sidebar-id" class="custom-class-1 custom-class-2 custom-class-3"]</code></li>
</ul>
<p><strong>General Notes</strong></p>
<ul>
<li>The spelling and capitalization of a shortcode Name or ID must exactly match that of the desired sidebar.</li>
<li>Definition of an active sidebar: An active sidebar is a sidebar that contains widgets.</li>
<li>A <code>[sidebar]</code> shortcode without an active sidebar Name or active sidebar ID displays nothing.</li>
<li>An active sidebar ID overrides a sidebar Name if both are present in the same shortcode.</li>
<li>There is no limit to the number of shortcodes that can be used on the same page or post.</li>
<li>The same sidebar shortcode can be used multiple times on the same page or post.</li>
</ul>
<p><strong>HTML Class Notes</strong></p>
<ul>
<li>Separate multiple custom classes using a space character. Examples shown in <code>Method</code> sections above.</li>
<li>There is no limit to the number of custom classes that can be used.</li>
<li>Each custom class must only contain (letter,number,-,_) characters, otherwise all custom classes are omitted.</li>
<li>The sidebar ID is always added to the HTML class attribute if it contains only (letter,number,-,_) characters.</li>
</ul>
<h4>Demo:</h4>
<p><a href="http://www.thinkerwebdesign.com/thinker-sidebar-shortcode-plugin/" rel="nofollow ugc">Visit Plugin URI</a></p>


Sidebar Shortcode

Add sidebars to WordPress posts and pages using shortcodes with a sidebar Name or ID.

ExS Modal Widget Area vs Sidebar Shortcode