WordPress: Add AJAX functionality to comment form with WP-Ajaxify-Comments plugin

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.

Comments

  1. vasya

    :) how install this plugin?

  2. Jan Jonas

    The plugin is listed here in the official WordPress Plugins Directory. Click here to get more details about how to install a plugin.

  3. WiseHou

    这插件挺好用的,希望能添加评论后的编辑功能

  4. barry

    thank you for ur plugin

  5. DAn

    thanks

  6. Girish

    I like this plugin!

  7. Diego

    Yeah it works fine

  8. VN

    Good work!

  9. shoshorov

    thanks

  10. Daniel Sirakoff

    nice post

  11. Ron

    I like this post

  12. Sam

    very cool

  13. lito

    nice plugin!!!

  14. deneme

    thanks…

  15. phil

    Love the plugin so far! We need more developers like this that’s in it for the love of development not profit!!!

  16. jean

    Nice plugin. Thank you

  17. vince

    thanks for this plugin

  18. Alfiana E. Sibuea

    Thanks!

  19. Brooklyn Events

    Great module! I’m going to use it for the blog I’m building for my new site Best of Brooklyn.

  20. Hasan ad Allah

    Very Nice …thank you :)

  21. bcbxbxbxc

    great great great plugun

  22. ali

    ,,,,great great great plugun

  23. arunlikhati

    This is pretty cool.

  24. Magno

    pretty cool plugin

  25. Steph

    This is pretty cool.

  26. Ashley

    Thank you!

  27. Cosmo

    Thanks, I’m going to give this a try on my blog.

  28. test

    thanks for the great work

  29. Joan Swan

    Cool plugin. Thank you!

  30. TESTING

    THX a lot

  31. Test

    Cool plugin. Thank you

  32. shraqs

    Thank you so much.

  33. Mithun

    awesome !!! was looking for this plugin for a while !! :) :D

  34. Anne

    Great plugin! Thanks!

  35. Paul Thomson

    It’s looking good. Keep up the good work, stay safe!
    Paul :-)

  36. test

    hello

  37. Lorenz

    Thank you for the great Plugin!

  38. Rose

    Thanks been looking for something like this for a while now!

  39. Romulo Bastos

    Great job! It’s a nice plugin. Thank you!

  40. Brian

    Thanks!

  41. Tina

    Nice plugin! great job!!

  42. Joe

    Will probably use this for some of my clients. Thanks!

  43. Manny

    Awesome plugin!

  44. iKirby

    nice plugin

  45. stopusifyoucan

    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

  46. Rafael

    Amazing! Love the plugin, really useful!

  47. Jide

    Great plugin

  48. test

    tsting

  49. Silvio

    Great job! xD

  50. test

    test

Leave a comment

Your email address will not be published. Required fields are marked *

*