Hey there, WordPress site owner! Have you noticed a change in how your comment forms look lately? If you‘ve updated to WordPress 4.4 or later, you might have been surprised to find that the trusty old comment field has moved. Instead of sitting at the bottom of the form where it‘s always been, now it‘s right at the top!
While this change was made with good intentions (more on that in a bit), a lot of WordPress users weren‘t too happy about it. If you‘re someone who prefers the classic layout with the comment box in its original position, don‘t worry – I‘ve got your back.
In this post, I‘ll walk you through exactly how to move the comment text field back to the bottom of the form where it belongs. I‘ll also share some data on why comment form layout matters and offer expert tips for optimizing your form for maximum engagement. Let‘s get into it!
Why WordPress Moved the Comment Field in the First Place
First, a little context. The decision to switch up the comment form field order came with the release of WordPress 4.4 in December 2015. While it might seem like a trivial change, the reasoning behind it was actually pretty important.
You see, the WordPress team was trying to improve accessibility and mobile-friendliness. With the old layout, users on smartphones and tablets would often tap the "Reply" button on a comment, only to find themselves staring at the "Name" and "Email" fields with the actual comment box nowhere in sight. They‘d type out their thoughtful response, hit "Submit"… and get hit with an error message because they hadn‘t filled out their details. Talk about frustrating!
By moving the comment text area to the top of the form, WordPress aimed to solve this problem. The main action (leaving a comment) would be front and center, impossible to miss. From a usability standpoint, it made sense.
The Backlash Against the New Comment Form Layout
Unfortunately, not everyone saw it that way. Plenty of site owners and their readers had gotten used to the way things were. Some found the new layout disorienting. Others felt it was a case of fixing something that wasn‘t broken.
Experienced WordPress users, in particular, had built up muscle memory over years of scrolling straight to the bottom of the page to find the comment box. The change disrupted their ingrained browsing patterns.
Long-time readers weren‘t always thrilled with the update either, and they let site owners know through feedback, emails, and yes, comments. Even if the old setup was a little clunky on mobile, at least it was familiar.
How to Restore the Original Comment Form Field Order
So, you‘ve gotten an earful from your audience and you‘re ready to switch back to the classic comment field placement. I‘ve got you covered.
Step 1: Access Your Theme‘s Functions File
The first thing you‘ll need to do is open up your active WordPress theme‘s functions.php file. There are a few ways to do this:
- Connect to your site via FTP and navigate to
/wp-content/themes/your-theme/ - Use the built-in file editor under Appearance > Theme Editor in your WordPress dashboard (Note: this is not recommended for beginners as it‘s easy to make a mistake and break your site)
- Install a plugin like Code Snippets that lets you add custom code without editing theme files directly
If you opt for FTP or the built-in file editor, I highly recommend working on a child theme rather than making changes to your main theme. That way, your customizations won‘t get overwritten when you update the theme. If you‘re not familiar with child themes, now‘s a great time to learn – here‘s a guide to get you started.
Step 2: Paste the Following Code Into functions.php:
function move_comment_field_to_bottom( $fields ) {
$comment_field = $fields[‘comment‘];
unset( $fields[‘comment‘] );
$fields[‘comment‘] = $comment_field;
return $fields;
}
add_filter( ‘comment_form_fields‘, ‘move_comment_field_to_bottom‘ );This snippet uses the comment_form_fields filter hook to modify the $fields array (which contains all the fields in the comment form). It grabs the comment textarea, removes it from its current spot, and then sticks it onto the end of the array. Presto, comment field moved!
Step 3: Check That It Worked
Save the changes to your functions.php file, then head to a blog post on your site and take a look at the comment form while logged out. The field order should be back to the way it was pre-WordPress 4.4, with the comment box sitting below Name, Email, and Website.
Be sure to test it out on both desktop and mobile to confirm everything is working as expected. You may need to clear your browser cache to see the changes take effect.
Why Comment Form Layout Matters (According to the Data)
Now, I know what some of you might be thinking: "It‘s just a form, who cares?" But here‘s the thing – seemingly small UX decisions like form layout can have a big impact on your comment engagement rates.
A case study from the Nielsen Norman Group looked at the difference in completion rates between forms with a "natural" field order (i.e. following the expected sequence of information) and those with a jumbled, illogical layout. The results were pretty striking:
| Form Type | Completion Rate |
|---|---|
| Natural Field Order | 90% |
| Illogical Field Order | 40% |
As you can see, messing with the familiar flow of a form can seriously hurt conversions. While the WordPress comment form change was well-intentioned from an accessibility standpoint, it‘s possible that it had the unintended side effect of reducing engagement for some sites.
Of course, every site‘s audience is unique, so your mileage may vary. If you have Google Analytics set up, you can dig into your data to see if there was any change in your comment rate after updating to WordPress 4.4. Go to Behavior > Site Content > All Pages, set the date range to encompass a period before and after the update, and add "Average Comments" as a metric. If you notice a dip after the 4.4 release date, it could be a sign that your users didn‘t love the new layout.
Tips for Optimizing Your WordPress Comment Form
Okay, so you‘ve moved your comment field back where it belongs. What else can you do to encourage more (and better) comments? Here are some of my top tips:
1. Require a name and email address (but maybe not a website)
There‘s nothing more frustrating than a drive-by troll leaving nasty remarks under the name "Anonymous." Requiring commenters to provide their name and email address adds a layer of accountability. WordPress does this by default, but double-check that you haven‘t accidentally disabled the setting under Settings > Discussion.
That said, consider making the "Website" field optional, especially if your site covers non-technical topics. Not everyone has their own website or feels comfortable sharing it. It‘s best not to lose a good comment because of an unnecessary required field.
For a lot of people, filling out a form is just one step too many. Make it easy for them by adding social login buttons that let them use an existing account with Google, Facebook, Twitter, etc. (just make sure you‘re providing a clear privacy policy and not asking for unnecessary permissions).
Social login is a win-win – commenters don‘t have to remember yet another username and password, while you get to collect some bonus demographic data to flesh out your marketing personas. Just implement it wisely and don‘t force the issue if someone would rather create a new account.
3. Style your form to match your brand
The default comment form that ships with WordPress is pretty bare-bones. Take some time to change the colors, fonts, button styles, and other visual elements to fit your site‘s look and feel. If you‘ve put care into designing a beautiful, user-friendly site, your comment area should reflect that same level of attention.
For inspiration, check out what popular blogs in your niche are doing in terms of comment form styling. Do they add a welcoming headline above the form? Use conversational microcopy for the field labels? Have clear CTAs on the submit button? All good ideas to borrow!
4. Moderate, moderate, moderate
Finally, understand that your job isn‘t done once you‘ve published your post. Moderating comments is an ongoing responsibility for site owners who care about the quality of discussion on their blog.
That means having a clear comment policy and enforcing it consistently. Depending on your topic and audience, you may want to adopt a relatively hands-off approach (only stepping in if a comment is truly abusive or spammy) or take a more active role in guiding the conversation.
Either way, do make a point to reply to commenters, especially if they‘re asking a question or sharing a thoughtful perspective. Seeing the site owner engage in the comments makes it more likely that others will want to chime in as well.
Go Forth and Get More Comments!
Whew, that was a lot of information to take in! If you‘ve made it this far, you should have a solid understanding of:
- Why WordPress moved the comment field in the first place (and why a lot of people weren‘t thrilled about it)
- How to change the comment form field order back to the pre-4.4 layout
- Why comment form usability matters for engagement rates
- Other ways to optimize your comment forms and moderation strategy
Now it‘s time to put that knowledge into action.
If you‘ve been itching to restore the classic comment field placement on your site, go ahead and implement the code snippet I shared. Then keep an eye on your engagement metrics over the next month or so to see if anything changes.
Remember, a great comment section doesn‘t happen by accident. It takes intentional design decisions, community-building, and hands-on moderation to get right. But the payoff – a loyal audience that keeps coming back to read and discuss your content – is absolutely worth it.
So what are you waiting for? Go forth and optimize those comment forms!
){kind=link}