Peter Raschendorfer

<p>For good reason the Contact Form 7 plugin is the most used contact form plugin for WordPress. The downside is that you see the same boring spinning animation on zillions of websites. The CF7 Custom Spinner plugin allows you to customize this loader animation!</p>
<h3>Retired Plugin</h3>
<p>Development, maintenance and support of this plugin has been retired in october 2023. You can use this plugin as long as is works for you.</p>
<p>There will be no more updates and I won’t answer any support questions. Thanks for your understanding.</p>
<p>Feel free to fork this plugin.</p>
<h3>Usage</h3>
<p>Customize the spinner animation in ‘CF7 Custom Spinner’ section of your WordPress Dashboard. That’s it!</p>
<h3>Customization Options</h3>
<p>This plugin allows you to choose from</p>
<ul>
<li>12 animations</li>
<li>16 colors</li>
<li>3 sizes</li>
</ul>
<p>(which gives a total of 576 possible combinations)</p>
<h3>Requirements</h3>
<p>The only requirement for this plugin is that you have the Contact Form 7 plugin installed and activated.</p>
<h3>Plugin Privacy Information</h3>
<ul>
<li>This plugin does not set cookies</li>
<li>This plugin does not collect or store any data</li>
<li>This plugin does not send any data to external servers</li>
</ul>
<h3>Credits</h3>
<p>Thanks a lot to <a href="https://ideasilo.wordpress.com/" rel="nofollow ugc">Takayuki Miyoshi</a> for the great Contact Form 7 plugin. Thanks a lot to <a href="http://tobiasahlin.com/" rel="nofollow ugc">Tobias Ahlin</a> for creating the beautiful CSS only loading spinners.</p>


Custom Spinner for Contact Form 7

Customize the spinning Loader Animation of Contact Form 7

Nick Verwymeren

<p>WooCommerce uses number inputs for the cart quantities by default, as most browsers now support <code><input type="number" /></code>.</p>
<p>However, you may want to have JavaScript powered inputs if you want greater control over appearance. Simply install and activate this plugin to do so.</p>
<p>It optionally includes a <a href="https://github.com/jonstipe/number-polyfill" rel="nofollow ugc">Number Polyfill</a>, which is a polyfill for implementing the HTML5 <code><input type="number"></code> element in browsers that do not currently support it.</p>
<p>To include this, add the following code to your theme’s <code>functions.php</code> file:</p>
<pre><code>add_action( 'wp_enqueue_scripts', 'wcqi_enqueue_polyfill' );
function wcqi_enqueue_polyfill() {
    wp_enqueue_script( 'wcqi-number-polyfill' );
}
</code></pre>


WooCommerce Quantity Increment

WooCommerce Quantity Increment adds JavaScript powered quantity buttons to your cart page.

Custom Spinner for Contact Form 7 vs WooCommerce Quantity Increment