20+ Effective Blog Comment Form Designs

Share!

If you want your blog to be at all successful with the comments side of things, you need to have an attractive and different blog comment form that users will enjoy filling out.

I have compiled a showcase of some cool blog comment form designs.  These have different styles and layouts you can be inspired by. You will find very basic comment forms, as well as blog comment form designs with some unique features. Some blogs on this list used a custom made comment form design, which matches the overall website style, while others preferred to use Disqus to gather and manage their comment section. See how they integrated the comment forms in their designs and choose your favorites. 

Hopefully, some of these designs will help you redesign your own comment form. If you think that your comment form deserves to be on this list, then please drop us in a comment!

Chi Garden

Cooking in Oaxaca - ChiGarden Blog Comment Form Designs

ChiGarden uses a cool comment form with a hand-made, crafty design. It’s definitely unique even though it has a simple form and it stands out from the common comment forms you find around the web. 

Refinery29

Fashion Week New Makeup Trend Graphic Eyeliner Photos Blog Comment Form Designs

Refinery29 has a simple comment box design that focuses on the individual, giving them the chance to have their own personalized icon. Each avatar has a circle shape, a different colour and a representative icon.

Bubble SSOC

BubblesSOC - Ask Me Anything Blog Comment Form Designs

This cool comment box has a neat and clean minimalist design. You can ask anything on Bubble SSOC both anonymously or you can sign up. No fluff, this simple comment form has just one field, the message field. You will have to pass a reCAPTCHA but that’s about it. 

Cool Mom Picks

Ignoring your kids Blog Comment Form Designs

Cool Mom Picks presents all the latest trends, tips and tricks for moms. This website also has a minimalist design. The good choice in typography gives the comment box a professional look. The form is simple and invites you to submit a comment on the post. Overall this is a simple and effective comment box.

Milk the Pigeon

Milk the Pigeon Blog Comment Form Designs

Milk the Pigeon has a neat design with a light grey comment box. Each comment box covers the text, the date it was posted and a small thumbnail picture of the user that posted the comment. The replies will also appear in the grey comment box and will be highlighted by a light grey colour.

Marginal Revolution

Marginal REVOLUTION Blog Comment Form Designs

This comment box has a simple and user-friendly design based on horizontal comment sections. The comments are divided with thin, grey lines. The users don’t have any avatars or icons, so everything is kept pretty basic and simple in this design.

Gourmandelle

gourmandelle food blog Comment Form Designs

This is the comment form design of a food blog. It has a simple, Leave a Reply headline, a notification underneath it and 4 form fields, the comment box, Name, Email and the optional Website field. What makes it special, is the Rate This Recipe add-on which adds a rating to the recipe. The Submit button has a 3D style and a bright, orange color.

Line25

line25 Blog Comment Form Designs

This is the comment box of the popular Line25 website which publishes web design articles on a daily basis. It has a simple design which matches the color palette of the site, a unique Submit Comment button and the four basic fields of almost every comment form in this list, Name, Email, Website and Comment. They’re nicely structured and the comments are divided with white lines.

Marc and Angel

 Smart Yet Simple Ways to Handle Difficult People Blog Comment Form Designs

With an elegant touch, thanks to the fonts used, the vertical white band on which the text stands out, Marc and Angel’s website has a very good looking comment box. The post comment button uses the same colour, blue, as the highlighted words use.

Genius

Genius Blog Comment Form Designs

The Genius comment box also follows a minimalist design. It is a placed on a horizontal light grey band on which users can post their questions and opinions.

Everyday Carry

 Everyday Carry Comment Form

Everyday Carry’s comment box has a forum design that can be really effective. Each user has an image and role marked underneath. The message boxes are simple, creating an overall effective and clean forum design.

Kiss Metrics

Scaling Engagement Comment Form

KissMetrics has an awesome comment form with cool “required” tags. The comment box style is simple and clean.  The structure is pretty basic. 

Raduceuca

Radu Ceuca Comment Form

This is a minimalist design on which you can easily sign up. This is yet another good example of an effective and well-designed comment box. Have a look and see if you think the same.This one has a very cool and smart design and simple typography choice. 

webdesignerdepot

Webdesigner Depot Comment Form

Webdesignerdepot’s comment box is similar to the previous example.  The comment box is placed under the info about who wrote the article. Each user that writes a comment has a small thumbnail photo.The About the Author section is right above the comment form, so that when you decide to leave a comment, you should know who you are talking to.

GoodWill

Goodwill Industries Comment Form

GoodWill has a clean comment box design that blends in well with the rest of the website. The minimalist design it uses only has some small details coloured blue,  such as the submit comment button or the read more button. The same blue can be seen throughout the rest of the website. This example, along with the previous and future examples can be a great source of inspiration for future projects.

Matt Brett

Matt Brett Comment Form

This is yet another comment box that uses a light grey background.  Each person that posts comments on this website can set up their own representative image. This is done again with the help of the Disqus plugin, but uses a different design style, unlike the other Disqus comment forms on this list.

qn5

QN5 Blog Comment Form

This comment box uses larger thumbnail images for users that post comments. The name and the date is was posted is separated from the actual comment with a light grey horizontal band, leaving the text in a white rectangle. The background is made of a dark blue colour which makes the comment box stand out.

Cosmic Diary

Unistellar’s eVscope Successfully Finds, Images Asteroid Florence

This comment box has a minimalist yet creative design layout. The name, email and website sections have their own customized light grey icons. The light grey is the same colour the website uses for the background and details.  All in all, this blog has a cool comment box that fits well in the website’s design layout. Feel free to have a look to see if you think the same.

Tutorial9

Tutorial9 Comment Form

Tutorial9’s comment box uses a light blue background for its design. It has the basic comment form fields, such as Name, Email, Website – optional, and of course, the large Message box. You can easily add a reply or a comment on this blog. Each user has its own thumbnail photo, making the comment box more user-friendly and inviting the users to comment on the post.

Pro Blogger

 ProBlogger

Have a look at this example from Pro Blogger. It has a simple design and an user-friendly interface, created with the help of the Disqus comment widget which can be easily implemented on your WordPress blog.

Smart Passive Income

A Guide to Launching on Kickstarter

Smart Passive Income’s blog comment form design is yet another example of a minimalist comment box design. It uses Disqus to manage all comments and pairs it with a perfectly positioned Read More widget, to keep the users engaged and make them stay longer on the website.

Recommended for you:



54 thoughts on “20+ Effective Blog Comment Form Designs”

  1. Excellent All design are looking so beautiful.
    Every site have a contact or comment form .So this blog help us to create a gorgeous from.
    Thanks for your blog.

  2. Nice collection and it can really help people related to designing. There are some really great designs. Thanks For sharing.

  3. I always say that blog comment plugins are the very first thing that a blog should have from day one. It is as important as the content of the blog. The more people can subscribe the more benefit it can bring.

    I really appreciate your efforts for putting these different blog comment designs together.

  4. These designs are great, I personally prefer a contact form that is fluid and part of the page, instead of being zoned out under its own design. Like the contact forum on our company site, it is part of the page other than being separately designed.

  5. How many times I was supposed to comment and realized it wasn’t an actual comment form :)) I love the i love colors one!

  6. Nice collection and it can really help people in designing their comment section as so many options are available.

    Anna Jensen

  7. I want a simple blog comment form embedded to my blog like the Oak Tree, so what should i do to do that? Your help is highly appreciated. Thanks.

  8. I think the simple old fashion comments areas like the one on this blog and something like the Radium Labs comment area is perfect. Not to shiny, gives exactly what you need, doesn’t confuse anyone.

    KISS right?

  9. Great. Thanks dude. If you already wrote one about customized comments / comments replied box too, I’d like to see it.
    Cheers from Japan

  10. Currently working on a comments box and stumbled across this whilst looking for inspiration.

    Great list, thanks!

  11. Great to see such a variety all in one place! Very good for comparing people’s diverse designs of pretty much always the same set of fields … just got inspired to do mine beyond the four boxes, thanks 🙂

  12. Great examples here, I’m looking at having my comments section re designed, although its clean and simple now I think it could be a little more personal.

  13. There are some really great designs here but I find sometimes there is too much push on design and the end user gets confused about the actual functionality. Just my 2cents.

  14. I’ve always been fond of my comment box. Yea, it may seem a little old now with the rounded corners but I’ve always liked the different colors which match perfectly well with my site design.Amazing collections.

  15. LOL! The one from Kiss Metrics fooled me into thinking that I was already at the bottom of this page, and I wanted to enter a comment. :p
    But then I thought WT. he said 24.
    Good compilation. I already know which one I like best. 🙂

Leave a Reply

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