Thad Allender

Sanam Maharjan

<p>Building complex page layouts with buttons, icons and pricing tables typically requires lots of experience with html, css, php and the WordPress template hierarchy. Use this plugin to whip up fancy looking page designs in no time flat.<br />
This plugin is based on GPP Shortcodes from Graph Paper Press: https://graphpaperpress.com/plugins/gpp-shortcodes/.</p>
<p>There are 11 shortcodes packaged into this plugin:</p>
<ul>
<li>Flat Buttons</li>
<li>Icons courtesy of Genericons</li>
<li>Icon Buttons</li>
<li>Highlights</li>
<li>Dividers</li>
<li>Accordions</li>
<li>Toggles</li>
<li>Tabs</li>
<li>Google Maps</li>
<li>Pricing Tables</li>
<li>Grids</li>
</ul>
<p>See live examples, a full list of the options and usage instructions here:</p>
<p>http://tripwiremagazine.com/wp/plugins/tw-shortcodes/</p>


TW Shortcodes

TW Shortcodes enables you to easily add "flat design" buttons, icons, pricing tables and more without modifying CSS, HTML or PHP.

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><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/JqFZjUT7YpM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></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

The best button generation plugin

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

TW Shortcodes vs Button Generator – Easily Create Custom Buttons with Icons and Analytics