Themeisle

WPShout

<p>This plugin gives you the ability to add icons to your menu items, similar to the look of the latest dashboard menu.</p>
<p><iframe loading="lazy" title="How To Add Menu Icons to your WordPress Site In Under 3 Minutes 🏠" width="750" height="422" src="https://www.youtube.com/embed/YcSotWXIczI?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>
<h4>Usage</h4>
<ol>
<li>After the plugin is activated, go to <em>Appearance</em> > <em>Menus</em> to edit your menus</li>
<li>Enable/Disable icon types in “Menu Icons Settings” meta box</li>
<li>Set default settings for current nav menu; these settings will be inherited by the newly added menu items</li>
<li>Select icon by clicking on the “Select icon” link</li>
<li>Save the menu</li>
</ol>
<h4>Supported icon types</h4>
<ul>
<li>Dashicons (WordPress core icons)</li>
<li><a href="http://shoestrap.org/downloads/elusive-icons-webfont/" rel="nofollow ugc">Elusive Icons</a> by <a href="http://shoestrap.org/blog/author/aristath/" rel="nofollow ugc">Aristeides Stathopoulos</a></li>
<li><a href="http://fontawesome.io/" rel="nofollow ugc">Font Awesome</a> by <a href="http://twitter.com/davegandy" rel="nofollow ugc">Dave Gandy</a></li>
<li><a href="http://zurb.com/playground/foundation-icon-fonts-3/" rel="nofollow ugc">Foundation Icons</a> by <a href="http://zurb.com/" rel="nofollow ugc">Zurb</a></li>
<li><a href="http://genericons.com/" rel="nofollow ugc">Genericons</a> by <a href="http://automattic.com/" rel="nofollow ugc">Automattic</a></li>
<li><a href="http://fontello.com/" rel="nofollow ugc">Fontello</a> icon packs</li>
<li><a href="http://themeisle.com/free-icons/" rel="nofollow ugc">TI Icons</a> icon pack by <a href="http://twitter.com/themeisle" rel="nofollow ugc">ThemeIsle</a></li>
<li>Image (attachments)</li>
<li>SVG (attachments)</li>
</ul>
<h4>Planned supported icon types</h4>
<ul>
<li>Image (URL)</li>
</ul>
<h4>Compatible themes</h4>
<p>Menu icons works with most of the themes out there, especially with popular ones like Twenty Seventeen or <a href="https://themeisle.com/themes/hestia/" rel="nofollow ugc">Hestia</a>.</p>
<p>Development of this plugin is done on <a href="https://github.com/codeinwp/wp-menu-icons" rel="nofollow ugc">GitHub</a>. <strong>Pull requests welcome</strong>. Please see <a href="https://github.com/codeinwp/wp-menu-icons/issues" rel="nofollow ugc">issues reported</a> there before going to the plugin forum.</p>
<h3>If you like this plugin, then consider checking out our other projects:</h3>
<p><a href="https://www.codeinwp.com/blog/" rel="nofollow ugc">CodeinWP Blog</a> – Designer’s Guide To WordPress<br />
<a href="https://revive.social" rel="nofollow ugc">Revive.Social</a> – Social Media Tools<br />
<a href="https://justfreethemes.com" rel="nofollow ugc">JustFreeThemes</a> – Free WordPress Themes directory</p>


Menu Icons by ThemeIsle

Spice up your navigation menus with pretty icons, easily.

DmtLo

Wow-Company

<p><a href="https://lite.wow-estore.com/bubble-menu/" rel="nofollow ugc">🌟 Try Free Demo</a> | <a href="https://demo.wow-estore.com/bubble-menu-pro/" rel="nofollow ugc">🚀 Try Pro Demo</a> | <a href="https://wow-estore.com/documentations/bubble-menu-lite/" rel="nofollow ugc">📖 Documentation</a></p>
<p><strong>Bubble Menu</strong> is a <strong>free WordPress plugin</strong> that lets you easily create stylish, interactive floating menus in a unique circular (bubble) style. These visually appealing menus provide quick access to important links and help visitors navigate your site effortlessly, increasing engagement and conversions.</p>
<h3>🌟 Key Benefits:</h3>
<ul>
<li>Quickly set up interactive floating bubble menus.</li>
<li>Boost user interaction and site navigation efficiency.</li>
<li>Fully customizable and visually engaging.</li>
<li>Lightweight & optimized for performance.</li>
</ul>
<p>✅ <strong>Give your website a fresh, modern feel with Bubble Menu!</strong></p>
<p>—</p>
<h4>Main Features</h4>
<p>Bubble Menu simplifies navigation, allowing visitors easy access to critical content and actions. Fully customize your bubble menus to align perfectly with your site’s design.</p>
<h3>🎨 <strong>Customization & Styling</strong></h3>
<ul>
<li>Create <strong>unlimited floating menus</strong>.</li>
<li>Choose from <strong>8 different menu positions</strong> on your screen.</li>
<li>Pick from <strong>4 distinct button shapes</strong>: Round, Square, Rounded, Rounded-out.</li>
<li>Customize individual button <strong>colors and backgrounds</strong>.</li>
<li>Choose button animation styles upon opening.</li>
<li>Set label positions (left, right, top, bottom) for buttons.</li>
<li>Add tooltips for better user guidance.</li>
</ul>
<h3>🔗 <strong>Links & Accessibility</strong></h3>
<ul>
<li>Insert <strong>any link type</strong> in your menu items.</li>
<li>Access <strong>2000+ Font Awesome 6 Icons</strong> for visual appeal.</li>
<li>Append custom attributes (<code>class</code>, <code>ID</code>, <code>rel</code>, <code>aria-label</code>) for advanced styling and SEO.</li>
<li>Control visibility specifically for desktop, mobile, or tablet devices.</li>
</ul>
<h3>⚡ <strong>Performance & Compatibility</strong></h3>
<ul>
<li>Lightweight – minimal impact on page load speed.</li>
<li>Fully responsive design, compatible with all WordPress themes.</li>
<li>SEO-friendly structure to boost indexing potential.</li>
</ul>
<p>—</p>
<h4>Ideal Uses for Bubble Menu</h4>
<ul>
<li>Simplified site navigation.</li>
<li>Social media quick-links.</li>
<li>Contact and feedback panels.</li>
<li>Quick access user menus.</li>
<li>Promotion of special offers or announcements.</li>
<li>Innovative multilingual navigation.</li>
<li>Mobile-friendly menu solutions.</li>
<li>And much more!</li>
</ul>
<p>—</p>
<h4>🚀 Bubble Menu PRO</h4>
<p>Unlock advanced customization and functionality:</p>
<h3>🎨 <strong>Advanced Customization</strong></h3>
<ul>
<li>Custom Icon Upload – use your own branded icons.</li>
<li>Additional unique animation effects for menu interactions.</li>
<li>Advanced styling options for menus and tooltips.</li>
</ul>
<h3>🔗 <strong>Extended Functionalities</strong></h3>
<ul>
<li>Easy social sharing integration.</li>
<li>One-click page translation.</li>
<li>Smooth scrolling to page sections.</li>
<li>Quick print and download buttons.</li>
<li>Scroll to top/bottom navigation.</li>
</ul>
<h3>🎯 <strong>Advanced Visibility Rules</strong></h3>
<ul>
<li>Conditional display based on scroll, timer, and user actions.</li>
<li>Multilingual menu support.</li>
<li>Scheduled menu visibility.</li>
<li>Visibility based on URL or referrer URL.</li>
<li>Browser-based menu display control.</li>
</ul>
<p>🚀 <a href="https://wow-estore.com/item/bubble-menu-pro/" rel="nofollow ugc">Upgrade to Bubble Menu Pro</a> and supercharge your menus!</p>
<p>—</p>
<h4>🚀 Combine Bubble Menu with Our Complementary Plugins</h4>
<ul>
<li><a href="https://wordpress.org/plugins/popup-box/" rel="ugc">Popup Box</a> – Powerful popups and lead capture forms.</li>
<li><a href="https://wordpress.org/plugins/counter-box/" rel="ugc">Counter Box</a> – Dynamic counters, timers, countdowns.</li>
<li><a href="https://wordpress.org/plugins/sticky-buttons/" rel="ugc">Sticky Buttons</a> – Fully customizable sticky buttons.</li>
<li><a href="https://wordpress.org/plugins/side-menu-lite/" rel="ugc">Side Menu Lite</a> – Professional side navigation menus.</li>
<li><a href="https://wordpress.org/plugins/floating-button/" rel="ugc">Floating Button</a> – Interactive floating action buttons.</li>
<li><a href="https://wordpress.org/plugins/modal-window/" rel="ugc">Modal Window</a> – Beautiful modal windows.</li>
<li><a href="https://wordpress.org/plugins/calculator-builder/" rel="ugc">Calculator Builder</a> – Custom interactive calculators.</li>
<li><a href="https://wordpress.org/plugins/mwp-herd-effect/" rel="ugc">Herd Effects</a> – Social proof notifications.</li>
<li><a href="https://wordpress.org/plugins/float-menu/" rel="ugc">Float Menu</a> – Flexible side navigation menus.</li>
</ul>
<p>✅ <strong>Combine plugins to build a highly interactive and user-friendly website!</strong></p>
<h4>Support</h4>
<p>Need help? Visit our <a href="https://wordpress.org/support/plugin/bubble-menu" rel="ugc">support center</a> for quick answers.</p>
<h3>Installation Instructions</h3>
<h3>📌 Option 1: Install via WordPress Dashboard</h3>
<ol>
<li>Go to your WordPress admin dashboard (<code>wp-admin</code>).</li>
<li>Navigate to <code>Plugins</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>Add New</code>.</li>
<li>Search for <strong>“Bubble Menu”</strong> and click <strong>“Install Now”</strong>.</li>
<li>After installation, click <strong>“Activate”</strong>.</li>
</ol>
<h3>📌 Option 2: Manual Installation (Upload)</h3>
<ol>
<li>Download the plugin’s zip file.</li>
<li>In your WordPress dashboard, go to <code>Plugins</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>Add New</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>Upload Plugin</code>.</li>
<li>Select the downloaded zip file, then click <strong>“Install Now”</strong>.</li>
<li>After installation, click <strong>“Activate”</strong>.</li>
</ol>
<p><strong>Alternatively (FTP):</strong></p>
<ul>
<li>Unzip the downloaded plugin file.</li>
<li>Upload the extracted <code>bubble-menu</code> folder to your server’s <code>/wp-content/plugins/</code> directory via FTP.</li>
<li>Go to Plugins in your WordPress dashboard and click <strong>“Activate”</strong> next to Bubble Menu.</li>
</ul>
<h3>🚀 Getting Started</h3>
<ol>
<li>Once activated, a new <code>Bubble Menu</code> section will appear in your WordPress admin menu (on the left side).</li>
<li>Click <strong>“Add New”</strong> to create your first button set.</li>
<li>Configure your buttons as needed.</li>
<li>Click <strong>“Save”</strong> to finalize and display your bubble buttons on the website.</li>
</ol>


Bubble Menu – Floating Button Menu with Sticky Navigation

Create interactive floating bubble menus to enhance site navigation and boost user engagement effortlessly.

Menu Icons by ThemeIsle vs Bubble Menu – Floating Button Menu with Sticky Navigation