Design and display custom buttons anywhere on your site. Add floating or inline buttons with icons, advanced targeting, and built-in analytics.

philbaylog

Mango Buttons

Mango Buttons is a button creator for WordPress that allows anyone to create beautiful buttons anywhere on their site.

DmtLo

Wow-Company

<p><strong>Button Generator</strong> is a lightweight and powerful WordPress plugin that lets you create fully customizable <strong>buttons</strong> with icons, styles, and built-in analytics — without writing a single line of code.</p>
<p>Add floating <strong>buttons</strong>, inline <strong>buttons</strong>, or call-to-action <strong>buttons</strong> anywhere on your website. Each <strong>button</strong> can be customized with full control over size, colors, fonts, borders, and effects. You can also add icons, define <strong>button</strong> placement, and track performance with detailed analytics.</p>
<p>With <strong>Button Generator</strong>, you can design contact <strong>buttons</strong>, floating  <strong>buttons</strong>, sticky action <strong>buttons</strong>, or <strong>button</strong> with any link.</p>
<p>🎨 Boost engagement. 💡 Improve navigation. 📈 Track results.</p>
<h3>Features</h3>
<h3>🛠️ Intuitive Button Builder</h3>
<ul>
<li>Visual live preview while editing your <strong>buttons</strong></li>
<li>Choose between text <strong>buttons</strong>, icon <strong>buttons</strong>, or a mix of both</li>
<li>Add links and attributes (ID, class, aria-label) for accessible <strong>buttons</strong></li>
</ul>
<h3>🎨 Style Control</h3>
<ul>
<li>Set <strong>button</strong> width, height, and z-index</li>
<li>Customize colors for <strong>button</strong> text, background, icons, and hover states</li>
<li>Border settings: style, radius, thickness</li>
<li>Drop shadow options for standout <strong>buttons</strong></li>
<li>Font settings: family, weight, size, style</li>
</ul>
<h3>💫 Effects</h3>
<ul>
<li>Smooth <strong>button</strong> animations with custom transition duration</li>
<li>Choose easing functions (ease, linear, etc.)</li>
</ul>
<h3>🎯 Display & Targeting</h3>
<ul>
<li>Floating or inline <strong>button</strong> types</li>
<li>Position <strong>buttons</strong> anywhere on the screen</li>
<li>Display <strong>buttons</strong> via shortcode or advanced targeting rules (posts, pages, categories, tags, authors, archives)</li>
<li>Responsive visibility: show or hide <strong>buttons</strong> on mobile or desktop</li>
<li>Option to disable Font Awesome loading if not needed</li>
</ul>
<h3>📊 Analytics & Controls</h3>
<ul>
<li>Built-in tracking for <strong>button</strong> views, clicks, and conversion rates</li>
<li>Enable/disable specific <strong>buttons</strong> or use test mode for admin-only preview</li>
</ul>
<h4>🎥 Video Preview</h4>
<p><iframe loading="lazy" title="WordPress plugin Button Generator" width="750" height="422" src="https://www.youtube.com/embed/JqFZjUT7YpM?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>
<p><strong>Types of Buttons You Can Create</strong></p>
<p>With <strong>Button Generator</strong>, you can design any type of <strong>button</strong> your website needs:</p>
<ul>
<li><strong>Call Button</strong> – let visitors contact you in one click.</li>
<li><strong>Chat Button</strong> – open a live chat or messaging app.</li>
<li><strong>Email Button</strong> – instantly launch an email client.</li>
<li><strong>Link Button</strong> – redirect to internal pages or external websites.</li>
<li><strong>Floating Button</strong> – keep important actions visible while scrolling.</li>
<li><strong>Sticky Button</strong> – fixed at the top or bottom of the page.</li>
<li><strong>Inline Button</strong> – placed directly inside your content.</li>
<li><strong>Icon Button</strong> – lightweight buttons with FontAwesome icons.</li>
</ul>
<h3>Support</h3>
<p>Need help? Visit the <a href="https://wordpress.org/support/plugin/button-generation/" rel="ugc">Support Forum</a></p>
<h3>Installation Instructions</h3>
<h3>📌 Option 1: Install via WordPress Dashboard</h3>
<ol>
<li>Log into your WordPress admin (<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>“Button Generator”</strong> and click <strong>“Install Now”</strong>.</li>
<li>Once installed, click <strong>“Activate”</strong>.</li>
</ol>
<h3>📌 Option 2: Manual Installation (Upload)</h3>
<ol>
<li>Download the Button Generator plugin ZIP file.</li>
<li>In your WordPress admin, 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 and click <strong>“Install Now”</strong>.</li>
<li>Click <strong>“Activate”</strong> after installation.</li>
</ol>
<h3>📌 Option 3: Installation via FTP</h3>
<ol>
<li>Download and unzip the Button Generator plugin.</li>
<li>Upload the extracted <code>button-generation</code> folder to the <code>/wp-content/plugins/</code> directory on your server using FTP.</li>
<li>Log in to WordPress admin, navigate to <code>Plugins</code>, and click <strong>“Activate”</strong> next to Button Generator.</li>
</ol>
<h3>🚀 Getting Started</h3>
<ol>
<li>After activation, navigate to the new <code>Button Generator</code> menu in your WordPress admin.</li>
<li>Click <strong>“Add New”</strong> to create your first button set.</li>
<li>Customize button settings as desired.</li>
<li>Click <strong>“Save”</strong> to display your custom buttons on your website.</li>
</ol>


Button Generator – Easily Create Custom Buttons with Icons and Analytics

Best plugin for creating a custom button for different targets. Easy creating and customize with Live preview

Alternatives to Button Generator – Easily Create Custom Buttons with Icons and Analytics

Top alternatives