Phil Ewels

A WordPress Customise Widget to add a global website banner, styled using a <a href="https://getbootstrap.com/docs/4.4/components/alerts/" rel="nofollow ugc">Bootstrap alert box</a>.
The plugin assumes that you’re already using Bootstrap, so you need to load the Bootstrap javascript and CSS separately.
<ul>
<li><a href="http://getbootstrap.com/" rel="nofollow ugc">Download Twitter Bootstrap</a></li>
<li><a href="http://www.bootstrapcdn.com/" rel="nofollow ugc">Bootstrap CDN</a> (directly link CSS and javascript files)</li>
<li><a href="https://getbootstrap.com/docs/4.4/components/alerts/" rel="nofollow ugc">Bootstrap Alerts in action</a></li>
</ul>
Once installed, you can add the alert to the correct location in your theme (for example, in <code>header.php</code> with the <code>global_bootstrap_banner()</code> function. 
For example:
<pre><code>if (function_exists('global_bootstrap_banner')){
 echo global_bootstrap_banner();
}
</code></pre>
If you prefer, you can use a shortcode instead:
<pre><code>[global-bootstrap-banner]
</code></pre>
<h4>Shortcode Options</h4>
The plugin works best when using the Customizer interface. However, if you wish you can use a shortcode and override most fields.
<ul>
<li><code>enabled</code> (default <code>true</code>)
<ul>
<li>Whether to show the banner or not.</li>
</ul>
</li>
<li><code>colour</code> (default <code>alert-primary</code>)
<ul>
<li>Bootstrap class to use for styling the alert.</li>
</ul>
</li>
<li><code>header_text</code>
<ul>
<li>Header – leave blank to skip the alert header.</li>
</ul>
</li>
<li><code>body_text</code>
<ul>
<li>Main text for the alert. You can use HTML.</li>
</ul>
</li>
<li><code>link_text</code>
<ul>
<li>Display text for a button at the bottom of the alert. Leave blank to skip.</li>
</ul>
</li>
<li><code>link_url</code>
<ul>
<li>URL for button to link to.</li>
</ul>
</li>
<li><code>link_class</code> (default <code>btn-primary</code>)
<ul>
<li>Bootstrap class to use for styling the button.</li>
</ul>
</li>
<li><code>link_new_window</code> (default <code>false</code>)
<ul>
<li>Whether to open the link in a new window or not.</li>
</ul>
</li>
<li><code>link_btn_lg</code> (default <code>false</code>)
<ul>
<li>Use the <code>btn-lg</code> class for the button (big button).</li>
</ul>
</li>
<li><code>link_btn_sm</code> (default <code>false</code>)
<ul>
<li>Use the <code>btn-sm</code> class for the button (small button).</li>
</ul>
</li>
<li><code>link_btn_block</code> (default <code>false</code>)
<ul>
<li>Use the <code>btn-block</code> class for the button (full width button).</li>
</ul>
</li>
<li><code>dismiss_btn</code> (default <code>true</code>)
<ul>
<li>Whether to show a dismiss button in the corner of the alert.</li>
</ul>
</li>
<li><code>dismiss_expiry</code> (default <code>14</code>)
<ul>
<li>How many days the dismissal cookie should last for before it is shown again.</li>
</ul>
</li>
<li><code>dismiss_id</code>
<ul>
<li>Random string to use for the dismissal cookie. Use a new one to force it to show for everyone.</li>
</ul>
</li>
<li><code>alert_before</code> (default <code><div class="global-bootstrap-banner container"></code>)
<ul>
<li>HTML to use before the alert.</li>
</ul>
</li>
<li><code>alert_after</code> (default <code></div></code>)
<ul>
<li>HTML to use after the alert.</li>
</ul>
</li>
<li><code>header_before</code> (default <code><h4 class="global-bootstrap-banner-heading alert-heading"></code>)
<ul>
<li>HTML to use before the heading.</li>
</ul>
</li>
<li><code>header_after</code> (default <code></h4></code>)
<ul>
<li>HTML to use after the heading.</li>
</ul>
</li>
<li><code>link_before</code> (default <code></code>)
<ul>
<li>HTML to use before the button.</li>
</ul>
</li>
<li><code>link_after</code> (default <code></code>)
<ul>
<li>HTML to use after the button.</li>
</ul>
</li>
</ul>
For example, a simple shortcode usage would be:
<pre><code>[global-bootstrap-banner body_text="This alert says something different"]
</code></pre>
Note that the shortcode first takes the settings from the Customizer and then overwrites these. 
So the above shortcode would show a header if it is set in the Customizer settings.
<h4>Credits</h4>
This plugin was written by <a href="https://github.com/ewels" rel="nofollow ugc">@ewels</a>.
<h4>Contributing</h4>
If you would like to contribute to this plugin, please go to the <a href="https://github.com/ewels/global-bootstrap-banner" rel="nofollow ugc">GitHub repository</a> and make a personal fork of the development version. You can then make your changes and submit a pull request. I will happily review the code and then merge when we’re both happy.

Global Bootstrap Banner

Add a global website banner using a Bootstrap alert box.

DmtLo

Wow-Company

<a href="https://wow-estore.com/documentations/popup-box-documentation/" rel="nofollow ugc">📚 Documentation</a> | <a href="https://demo.wow-estore.com/popup-box-pro/" rel="nofollow ugc">🚀 Try Pro Demo</a>
Popup Box is a lightweight yet powerful WordPress popup plugin that helps you create, customize, and manage stunning popups without coding. Perfect for email subscription popups, promotional popups, special offers, announcement popups, and interactive content popups.
Design your popup with a live preview builder and choose placements. Use flexible triggers like on load, scroll, or click, and control exactly where your popups appear with advanced targeting rules.
Popup Box is a powerful yet lightweight WordPress plugin that lets you easily create, customize, and manage popups with a real-time live preview. Perfect for special offers, email signups, promotions, or boosting user interaction.
<h3>🌟 Key Benefits</h3>
<ul>
<li>Effortlessly create stunning popups with live preview.</li>
<li>Improve engagement and grow conversions.</li>
<li>Lightweight and optimized for speed.</li>
<li>Simple setup – works with any theme.</li>
</ul>
✅ Engage visitors and increase conversions with Popup Box — the ultimate WordPress popup solution!
<h4>Main Features</h4>
<h3>🎨 Customization & Design</h3>
<ul>
<li>Live Preview Editor: Instantly see changes as you build.</li>
<li>Unlimited Popups: No limits—create as many popups as you need.</li>
<li>Customizable Styles: Fonts, colors, backgrounds, borders, shadows, and more.</li>
<li>9 Placement Options: Position your popups exactly where you want.</li>
<li>Advanced Close Button: Customize look and behavior.</li>
</ul>
<h3>🔥 Triggers & Behavior</h3>
<ul>
<li>Flexible Triggers: Show popups on page load, scroll, click, or delay.</li>
<li>Display Targeting: Show popups on specific posts, pages, or across your site.</li>
<li>Popup Frequency Control: Limit popups to appear once per session.</li>
<li>Overlay & Shadow Effects: Make your popups more attractive.</li>
<li>Custom Backgrounds: Use images or solid colors.</li>
</ul>
<h3>📦 Content & Shortcode Support</h3>
<ul>
<li>Embed rich content: Forms (like Contact Form 7), videos, shortcodes, and more.</li>
</ul>
<h3>⚡ Performance & Compliance</h3>
<ul>
<li>No jQuery dependencies – lightweight and fast.</li>
<li>GDPR compliant – cookie-free tracking.</li>
</ul>
—
<h4>Ideal Uses for Popup Box</h4>
<ul>
<li>Email subscription forms.</li>
<li>Special offers and promotions.</li>
<li>Lead generation.</li>
<li>Announcement popups.</li>
<li>Interactive content popups.</li>
</ul>
—
<h3>Pro Version</h3>
Unlock advanced popup features with Popup Box Pro:
<h3>🎨 More Design Flexibility</h3>
<ul>
<li>Hover Trigger: Show popups on hover.</li>
<li>Right-Click Trigger: Open popups on right-click.</li>
<li>Text Selection Trigger: Trigger popups when text is highlighted.</li>
<li>Exit Intent: Capture visitors as they are about to leave.</li>
<li>Loop Popups: Repeatedly show popups at random intervals.</li>
<li>Auto Close: Set a timer for automatic popup closure.</li>
<li>Page Redirect: Redirect users after popup close.</li>
<li>Video Popups: Embed YouTube, Vimeo videos inside popups.</li>
</ul>
<h3>🔥 Advanced Display Rules</h3>
<ul>
<li>URL Parameters Activation: Show popups based on URL query strings.</li>
<li>Referrer URL Targeting: Target users coming from specific sources.</li>
<li>Geotargeting: Show popups based on user location.</li>
<li>User Role Targeting: Different popups for different user roles.</li>
<li>Device-Based Visibility: Different popups for desktop or mobile.</li>
<li>Browser-Specific Control: Enable or disable popups for specific browsers.</li>
<li>Multi-Language Targeting: Display popups based on language preference.</li>
<li>Scheduling: Schedule popups for specific dates or times.</li>
</ul>
<h3>✨ Animation & Effects</h3>
<ul>
<li>28 Entrance Animations: Choose beautiful transition effects.</li>
<li>Forced Interaction: Temporarily disable popup close button for critical actions (use carefully).</li>
</ul>
✅ <a href="https://wow-estore.com/item/popup-box-pro/" rel="nofollow ugc">Upgrade to Popup Box Pro</a> and unlock full potential!
—
<h3>🚀 Maximize Results with Complementary Plugins</h3>
Expand your site’s functionality with these companion plugins:
<ul>
<li><a href="https://wordpress.org/plugins/flexi-menu/" rel="ugc">Flexi Menu</a> – Create Floating, Sticky, Dropdown & Icon Menus Easily.</li>
<li><a href="https://wordpress.org/plugins/buttons/" rel="ugc">Buttons</a> – Create powerful call-to-action buttons.</li>
<li><a href="https://wordpress.org/plugins/counter-box/" rel="ugc">Counter Box</a> – Add dynamic counters and timers.</li>
<li><a href="https://wordpress.org/plugins/calculator-builder/" rel="ugc">Calculator Builder</a> – Insert interactive calculators inside popups.</li>
</ul>
✅ Boost engagement and conversions by combining Popup Box with these free tools!
<h3>Support</h3>
Need help? Ask questions and get quick answers in our <a href="https://wordpress.org/support/plugin/popup-box/" rel="ugc">support center</a>.

Popup Box – Easily Create WordPress Popups

Popup Box lets you create responsive, customizable WordPress popups with live preview, flexible triggers, and smart targeting to boost engagement and  …

Global Bootstrap Banner vs Popup Box – Easily Create WordPress Popups