Add SweetAlert2 script into Contact Form 7 submission process.

hanhtrinhtuoitre

Ajax Comment With Sweet Alert

HanhTrinhTuoiTre.Com - Ajax comment with sweet alert

Camilo

This plugin adds the <a href="https://sweetalert2.github.io" rel="nofollow ugc">SweetAlert2 script</a> into <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a> wordpress plugin submission process.
<blockquote>
This plugin requires the Contact Form 7 plugin to work.
</blockquote>
Just activate it to replace CF7 default submission output by a SweetAlert2 pop up. 
The add-on will display the Contact Form 7 messages in the pop up.
If you want, you can set a custom duration and a custom title for the alerts.
This plugin is an enhancement to the plugin created by akandor, Antoine Derrien which was closed by WordPress security team
Its base has been used and all this has been improved: 
-Load admin styles only on the settings page 
-Removed style sheets with little css content (It has been directly embedded, as it does not make sense load a sheet for a few lines) 
-Sanitize data input and output (Since it was vulnerable to XSS attacks) 
-Update css and js files from sweetalert (Since it was very outdated) 
-Show sweetalert icons again 
-Remove unnecessary code and files 
-Css fix, since there was conflict with some themes 
-Load the js and css only when the contact form shortcode is detected (Except a script) 
-Titles are now converted to uppercase by default
<h3>How does it work?</h3>
It enqueues scripts and styles to override CF7 submission process and surcharge it with SweetAlert2 scripts.

Add-on SweetAlert Contact Form 7

If you want an easy way to integrate SweetAlert2 to your CF7 forms, without having to write a lot of code yourself... this plugin is simple, clean, and works.  I also REALLY like how it only enqueues the scripts on CF7 pages.  Nicely done. 

Alternatives to Add-on SweetAlert Contact Form 7

Top alternatives