Home
WordPress Plugins
Mango Buttons free WordPress plugin

Mango Buttons free WordPress plugin

Name: Mango Buttons free WordPress plugin Wordpress Plugin
Rating: 5 (5 reviews)
Author: Phil Baylog

Description

Mango Buttons is a powerful button creation plugin that allows anyone to create great-looking CSS3 buttons that can be used anywhere on your site (no coding required!).

Mango Buttons are completely responsive and designed to look great on mobile, tablet, and desktop devices. Choose from a handful of beautiful button presets to get started, and easily customize the color and size of your button to optimize the way you capture visitor attention.

</span></p> <h2>Highlights</h2> <p>Mango Buttons features that enable you to create buttons and convert visitors as easily and efficiently as possible:</p> <ul> <li>One-Minute Install: Install and create your first bar in under 60 seconds</li> <li>Beautiful Button Presets: Choose from professionally designed button presets, or create your own!</li> <li>Visual Editor: Design your own buttons with an easy-to-use visual editor</li> <li>In-Line Editing: Update button text in-line without having to open any menus</li> <li>Awesome Icon Selection: Add over 500 distinctive icons to your calls to action</li> <li>Mobile Friendly: Responsive from the ground up so your bars look great on your phone and browser</li> <li>Alignment Support: Left Align, Center, or Right Align your buttons with one click</li> </ul> <h2>Translations</h2> <ul> <li>English – default</li> </ul> <p>Please contact me if you wish to help with translation!</p> <h2>Feedback</h2> <p>I always appreciate any feedback or ideas you might have for the plugin. Please open a ticket here and let me know what’s on your mind!</p></div> </p> </div> <h3 class="font-semibold text-4xl">Tags:</h3> <ul class="flex gap-x-2 pb-4 border-b-4 border-gray-400"> <li> <a href="https://oxtheme.com/plugins-search/?q=button creator" class="text-xs"> button creator </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=button generator" class="text-xs"> button generator </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=button maker" class="text-xs"> button maker </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=css button" class="text-xs"> css button </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=css3 button" class="text-xs"> css3 button </a> </li> </ul> <div class="flex flex-col md:flex-row gap-4 justify-between pb-4 border-b-4 border-gray-400"> <div class="flex flex-col"> <h2 class="mb-3 font-semibold text-4xl">Author</h2> <p class="mb-4 font-semibold text-sm w-48 word-break-all text-teal-600"> <a href="https://oxtheme.com/plugins-search/?q=Phil Baylog"> Phil Baylog </a> </p> </div> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Used on</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> 1611 websites </p> </div> </div> <div class="flex flex-col md:flex-row gap-4 justify-between pb-4 border-b-4 border-gray-400"> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Folder</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> mango-buttons </p> </div> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Pricing</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> Free Plugin </p> </div> </div> <ul class="grid grid-cols-5 md:grid-cols-5 gap-4"> <li> <a rel="noreferrer noopener nofollow" href="https://be.elementor.com/visit/?bta=64676&nci=5626" target="_blank"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/elementor200x200.png" border="0" width="250" height="250" /> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://crocoblock.com/?ref=10375" target="_blank"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/Crocoblock-280X280-dark.jpg" border="0" width="250" height="250" /> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=2344585&u=94913&m=41388&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/250x250WPEBanner-replacing1144536.png" border="0" alt=""/> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://digitalocean.pxf.io/c/3546921/1373777/15890" target="_blank" id="1373777"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/15890-1373777.jpg" border="0" alt="" width="300" height="250"/></a> <img height="0" width="0" src="https://imp.pxf.io/i/3546921/1373777/15890" style="position:absolute;visibility:hidden;" border="0"/> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1836136&u=94913&m=46483&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/2021_DP_compromo_ad_250x250.png" border="0" alt=""/> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1898312&u=94913&m=37723&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/SquareOnline_SOS_Wave2_336x280_Blue.gif" border="0" alt="SimilarWeb Keyword Research Tool" /> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1866994&u=94913&m=82629&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/02_ScalaHosting_banner_v6_2_250x250.png" border="0" alt="SimilarWeb Keyword Research Tool" /> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://partners.hostgator.com/c/3546921/215609/3094" target="_top" id="215609"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/3094-215609.png" border="0" alt="" width="250" height="250"/> </a> <img height="0" width="0" src="https://partners.hostgator.com/i/3546921/215609/3094" style="position:absolute;visibility:hidden;" border="0"/> </li> <li> <a rel="noreferrer noopener nofollow" href="https://bluehost.sjv.io/c/3546921/1465797/11352" target="_top" id="1465797"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/11352-1465797.jpg" border="0" alt="" width="250" height="250"/> </a> <img height="0" width="0" src="https://imp.pxf.io/i/3546921/1465797/11352" style="position:absolute;visibility:hidden;" border="0" /> </li> </ul> </div>  <div class="flex items-center justify-center p-4"> <a href="https://1.envato.market/c/3546921/522999/4415" target="_top" id="522999"> <img src="https://img.oxtheme.com/affiliate/4415-522999.png" alt="" width="970" height="90"/> </a> <img height="0" width="0" src="https://1.envato.market/i/3546921/522999/4415" style="position:absolute;visibility:hidden;" border="0"/> </div> <footer class="footer p-10 bg-base-200 text-base-content"> <nav> <header class="footer-title">Resources</header> <a class="link link-hover" href="https://oxtheme.com/creator/" rel="noreferrer nofollow">Theme Creator</a> <a class="link link-hover" href="https://oxtheme.com/blog/" rel="noreferrer nofollow">Blog</a> <a class="link link-hover" href="https://oxtheme.com/user/favourites/" rel="noreferrer nofollow">Favourites</a> </nav> <nav> <header class="footer-title">Free Tool</header> <a class="link link-hover" href="https://oxtheme.com/wordpress-theme-detector/" rel="noreferrer nofollow">WordPress Theme Detector</a> </nav> <nav> <header class="footer-title">Directory</header> <a class="link link-hover" href="https://oxtheme.com/plugins/">WordPress Plugins</a> <a class="link link-hover" href="https://oxtheme.com/premium-themes/">WordPress Premium themes</a> <a class="link link-hover" href="https://oxtheme.com/premium-tag/">WordPress Theme Tags</a> <a class="link link-hover" href="https://oxtheme.com/collections/">WordPress Theme Collections</a> </nav> <nav> <header class="footer-title">Abouts</header> <a class="link link-hover" href="https://oxtheme.com/privacy/" rel="noreferrer nofollow">Privacy Policy</a> <a class="link link-hover" href="https://oxtheme.com/sitemaps.xml">Sitemaps</a> </nav> </footer> <footer class="footer skeleton px-10 py-4 border-t bg-base-200 text-base-content border-base-300"> <aside class="items-center grid-flow-col"> <p id="copyright">Copyright © <span id="currentYear">2024</span> - All right reserved.</p> </aside> <nav class="md:place-self-center md:justify-self-end"> <div class="grid grid-flow-col gap-4"> <a href="https://twitter.com/rockking92" target="_blank" rel="nofollow"> <svg width="24" height="24" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="black" /> </svg> </a> </div> </nav> </footer>  <button id="back-to-top" class="hidden fixed bottom-64 right-2 p-3 rounded-full bg-black text-white shadow-lg hover:bg-gray-900 focus:outline-none"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path> </svg> </button> </body> <script src="/static/js/jquery.js"></script> <script> document.getElementById("menu-button").addEventListener("click", function () { let menuLinks = document.getElementById("menu-links"); if (menuLinks.style.display === "none" || menuLinks.style.display === "") { menuLinks.style.display = "block"; } else { menuLinks.style.display = "none"; } }); const ob = new IntersectionObserver((entries) => { for (const entry of entries) { if (entry.intersectionRatio) { const img = entry.target img.src = img.dataset.src ob.unobserve(img) } } }, { threshold: 0 }) const imgs = document.querySelectorAll('img[data-src]') imgs.forEach((imgEle) => { ob.observe(imgEle) }) // Wait for the DOM to be ready document.addEventListener('DOMContentLoaded', function () { window.addEventListener('load', function () { document.getElementById('loadingSpinner').classList.add('hidden'); }); }); if (document.domain !== 'oxtheme.com' && document.domain !== 'www.oxtheme.com') { window.location.href = 'https://oxtheme.com'; } // year document.getElementById("currentYear").textContent = new Date().getFullYear(); document.addEventListener('DOMContentLoaded', function () { let dropdownButton = document.getElementById('dropdownButton'); let dropdown = document.getElementById('dropdown'); dropdownButton.addEventListener('click', function () { if (dropdown.classList.contains('hidden')) { dropdown.classList.remove('hidden'); } else { dropdown.classList.add('hidden'); } }); window.addEventListener('click', function (e) { if (!dropdown.contains(e.target) && !dropdownButton.contains(e.target)) { dropdown.classList.add('hidden'); } }); }); // 控制按钮显示与隐藏的变量 let button = document.getElementById('back-to-top'); // 滚动时显示按钮 window.addEventListener('scroll', function() { if (window.scrollY > 300) { button.classList.remove('hidden'); } else { button.classList.add('hidden'); } }); // 回到顶部隐藏按钮 button.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); button.classList.add('hidden'); }); </script> <style> .word-break-all { word-break: break-all; } </style> <style> #loadingSpinner { display: none; } @media (min-width: 1024px) { #menu-links { display: flex !important; } } @media (max-width: 1024px) { #menu-links { display: none; } } /* 基础样式 */ #dropdown { width: 320px; } /* 当屏幕宽度大于1024px时 */ @media (min-width: 1024px) { #dropdown { width: 750px; /* 全宽 */ } } </style> </html>