Marcello Perri

<p>WP Clickable Background is a WordPress plugin that gives the possibility to make a chosen HTML element of your website clickable, you can select what element make clicable by CSS class, you can choose what page you want to open on click, you can select where you want to open the page (in the same page, on a new tab or a new window). You can also add your custom Javascript code on footer (for instance a google analytics script to track the click).</p>
<h4>Settings include:</h4>
<ul>
<li>Active/Deactive click</li>
<li>Element Class to trigger</li>
<li>Page where you want to redirect</li>
<li>Where to open the page</li>
<li>Custom Javascript section</li>
</ul>
<h3>Settings</h3>
<p>The WP Clickable Background setting are on the wordpress dashboard on Settings => WP Clickable Background, please read the note on the top of the page.<br />
This plugin works only when the event click is direct on the element with class specified on field “Element Class” without any other HTML element on top of it, Please be sure that choosen elemenet is directly clickable.</p>


WP Clickable Background

Easy to use and straight forward, I managed to make my website background clickable in a few minutes.  

Useless plugin

Wordpress Plugin in order to make the background of your website clickable.

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.

WP Clickable Background vs Button Generator – Easily Create Custom Buttons with Icons and Analytics