Update 2014-11-27: WP-Ajaxify-Comments is now supported by weweave, see project homepage for more details.
When submitting the comment form, WordPress by default reloads the complete page. In case of an error (e.g. an invalid e-mail address or an empty comment field) the error message is shown on top of a new (blank) screen and the user has to use the browser’s back button to correct the comment form and post the comment again which is not very user-friendly.
Recently, I’ve released my first WordPress plugin WP-Ajaxify-Comments. This plugin hooks into any WordPress theme and adds AJAX functionality to the comment form: When the comment form is submitted, the plugin sends the data to the WordPress backend without reloading the entire page. In case of an error, the plugin shows a popup overlay containing the error message. If the comment was posted successfully, the plugin adds the (new) comment to the list of existing comments without leaving the page and shows an info overlay popup.
Since the plugin hooks (on client-side) into the theme to intercept the submit of the comment form and to add new comments without reloading the page, the plugin needs to access the DOM nodes using (jQuery) selectors. The plugin comes with default values for these selectors that were successfully tested with WordPress’ default themes “Twenty Ten” or “Twenty Eleven”. If the plugin does not work out of the box with your theme, custom selectors could be defined in the WordPress admin frontend (see FAQ).
Summarized the WP-Ajaxify-Comments plugin hooks into your theme and improves the usability of the comment form by validating and adding comments without the need of complete page reloads.
You find the most recent version of the plugin in the official WordPress plugin repository (Link). Please keep in mind, the plugin is still in a prototype state, so there could be some bugs. Please do not hesitate to contact me or to use the support forum, if you have problems to get the plugin working.
60 responses to “WordPress: Add AJAX functionality to comment form with WP-Ajaxify-Comments plugin”
๐ how install this plugin?
The plugin is listed here in the official WordPress Plugins Directory. Click here to get more details about how to install a plugin.
่ฟๆไปถๆบๅฅฝ็จ็๏ผๅธๆ่ฝๆทปๅ ่ฏ่ฎบๅ็็ผ่พๅ่ฝ
thank you for ur plugin
thanks
I like this plugin!
Yeah it works fine
Good work!
thanks
nice post
I like this post
very cool
nice plugin!!!
thanks…
Love the plugin so far! We need more developers like this that’s in it for the love of development not profit!!!
Nice plugin. Thank you
thanks for this plugin
Thanks!
Great module! I’m going to use it for the blog I’m building for my new site Best of Brooklyn.
Very Nice …thank you ๐
great great great plugun
,,,,great great great plugun
This is pretty cool.
pretty cool plugin
This is pretty cool.
Thank you!
Thanks, I’m going to give this a try on my blog.
thanks for the great work
Cool plugin. Thank you!
THX a lot
Cool plugin. Thank you
Thank you so much.
awesome !!! was looking for this plugin for a while !! ๐ ๐
Great plugin! Thanks!
It’s looking good. Keep up the good work, stay safe!
Paul ๐
hello
Thank you for the great Plugin!
Thanks been looking for something like this for a while now!
Great job! It’s a nice plugin. Thank you!
Thanks!
Nice plugin! great job!!
Will probably use this for some of my clients. Thanks!
Awesome plugin!
nice plugin
Thanku so much. For a guy like me who everything about wordpress but dont know how to change comment.php this plugin helped me. keep it up
Amazing! Love the plugin, really useful!
Great plugin
tsting
Great job! xD
test