Peter Raschendorfer

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!
<h3>Retired Plugin</h3>
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.
There will be no more updates and I won’t answer any support questions. Thanks for your understanding.
Feel free to fork this plugin.
<h3>Usage</h3>
Customize the spinner animation in ‘CF7 Custom Spinner’ section of your WordPress Dashboard. That’s it!
<h3>Customization Options</h3>
This plugin allows you to choose from
<ul>
<li>12 animations</li>
<li>16 colors</li>
<li>3 sizes</li>
</ul>
(which gives a total of 576 possible combinations)
<h3>Requirements</h3>
The only requirement for this plugin is that you have the Contact Form 7 plugin installed and activated.
<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>
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.

Custom Spinner for Contact Form 7

Customize the spinning Loader Animation of Contact Form 7

Freemius

Shois WP

SmartWait Animated Preloader is the most lightweight, SEO-friendly, and highly customizable website loading animation plugin for WordPress. Designed to improve User Experience (UX) and reduce bounce rates, this plugin ensures your visitors stay engaged while your website’s content, images, and scripts load in the background.
With over 55+ high-quality CSS templates, Wait for Loop logic, and dynamic percentage trackers, SmartWait gives you the power to create a cinematic first impression that matches your brand perfectly.
🌟 Why Your Website Needs a Professional Preloader? 
In the world of Core Web Vitals and SEO, “Perceived Performance” is everything. Even if your site is fast, a blank white screen during loading makes users leave. SmartWait replaces that blank screen with a beautiful, branded animation, making your site feel premium and professional from the very first second.
⚡ Why SmartWait Animated Preloader is the #1 Choice for Your Website 
* Stop the Bounce: Don’t let visitors leave because of a blank screen. Keep them engaged with smooth animations. 
* 55+ Stunning Designs: From minimalist bars to complex animations, we have the perfect loader for every niche. 
* Brand First Experience: Easily upload your own logo and match your brand colors in seconds. 
* Zero Site Bloat: Built with highly optimized pure CSS, so your PageSpeed scores stay perfect. 
* Professional Transitions (PRO): Use the unique “Wait for Loop” logic to ensure your animations never look glitchy or cut off. 
* Mobile-Ready: Fully responsive and touch-friendly, working flawlessly on iPhones, Androids, and tablets.
🚀 Key Features of SmartWait Animated Preloader
<ul>
<li>Global Preloader Activation: Easily enable the preloader for your entire website or restrict it to only the homepage for a focused landing experience.</li>
<li>Smart Device Targeting: Full control to show or hide the loading screen on Desktop, Tablet, and Mobile devices for better mobile optimization.</li>
<li>55+ Designer Templates (PRO): Choose from a massive library of 55+ modern CSS loaders. Get 6 essential templates for free and unlock 49 premium ones with the PRO version.</li>
<li>“Wait for Loop” Logic (PRO): A game-changer for professional sites. This ensures your animation (Logo, Loader, or Text) completes at least one full cycle before fading out, preventing ugly “cut-offs.”</li>
<li>Custom Brand Logo Support: Replace generic icons with your own brand logo. Adjust height, spacing, and animation speed effortlessly.</li>
<li>Dynamic Loading Percentage (PRO): Show a real-time (0% to 100%) numeric progress counter to let users know exactly when the page will be ready.</li>
<li>Interactive Progress Bar: Add a sleek loading line at the top or center (PRO) of the screen to visualize the loading progress.</li>
<li>Advanced Background Styling (PRO): Go beyond solid colors. Use stunning dual-color Gradients or upload a custom Image Background with full opacity control.</li>
<li>Custom Loading Text & Typography: Add your own text (e.g., “Opening Magic…”) with 20+ Premium Text Styles (PRO) including Neon, Glow, and 3D effects.</li>
<li>8 Advanced Text Animations (PRO): Make your loading text dance with Typewriter, Pulse, Slide Up, Zoom In, Flip, Wobble, and Blur In effects.</li>
<li>Live Admin Preview: Safely design and test your preloader inside the WordPress dashboard without affecting your live visitors until you are ready.</li>
<li>User Exclusion (Role Based): Option to hide the preloader for logged-in users or admins to ensure a smooth workflow while editing your site.</li>
<li>Performance First (No Bloat): Built with pure, optimized CSS and minimal JavaScript. It won’t slow down your site or hurt your Google PageSpeed scores.</li>
<li>Fully Responsive: Every animation is mobile-responsive and works perfectly on all screen sizes and modern browsers.</li>
</ul>
🛠️ Compatibility & Integration
SmartWait is built to work seamlessly with the entire WordPress ecosystem: 
* Page Builders: Fully compatible with Elementor, Divi, Beaver Builder, and Brizy. 
* Themes: Works with Astra, GeneratePress, OceanWP, WoodMart, and all Gutenberg-based themes. 
* E-commerce: Optimized for WooCommerce stores to keep customers engaged during checkout loading. 
* SEO Tools: Compatible with Yoast SEO, RankMath, and LiteSpeed Cache.

SmartWait Animated Preloader

Fastest WordPress Preloader with ready templates. Add custom logos, text, and progress bars to reduce bounce rates. Lightweight & fast.

Custom Spinner for Contact Form 7 vs SmartWait Animated Preloader