Comment Form

Master Addons provides a dedicated MA Comments widget that lets you completely customize the appearance and functionality of your WordPress comment sections. Unlike basic comment forms, you can design comment areas that match your site’s branding, add custom fields, enable ratings, and control every aspect of the commenting experience.

Where Comment Forms Are Used #

Comment forms typically appear on:

• Single Blog Posts
• Pages (if comments enabled)
• Custom Post Types (products, portfolio items, etc.)
• WooCommerce Product Reviews (with integration)

Step-by-Step: Adding & Customizing Comment Forms #

1. Accessing the Comment Template #

There are two ways to customize comments:

Option A: Via Theme Builder (Global Comment Template) #

1. Go to Master Addons → Theme Builder
2. Click Add New Template
3. Set Template Type to Comment
4. Design your comment section layout
5. Set Conditions (usually “Singular → Posts” or “Entire Site”)

Option B: Via Single Template (Per-Post Design) #

1. Edit a Single Template in Theme Builder
2. Drag and drop the MA Comments widget where you want comments to appear
3. Customize settings within the Single Template

Recommended: Use Option A for site-wide consistency, Option B for post-specific variations.

2. The MA Comments Widget: Complete Settings Breakdown #

Based on your screenshots, here’s every setting explained:

CONTENT TAB #

Design Presets:

• Modern Style: Pre-designed templates (other styles likely available)
• Choose a starting point, then customize further

Total Number of Comments:

• Show/Hide: Display the count like “24 Comments”
• Useful for engagement indicators

No Comments Text:

• What shows when there are zero comments
• Default: “No Comments”
• Customize: “Be the first to share your thoughts!”

One Comment Text:

• Singular form
• Default: “One Comment”
• Customize: “1 thought so far”

Multiple Comments Text:

• Plural form
• Default: “Comments”
• Customize: “Conversations” or “Discussions”

Show Gravatar:

• Show/Hide: User profile pictures
• Size and styling in Style tab

Show / Hide Replies:

• Show/Hide: Nested comment threads
• Controls threaded comment display

Comment Rating:

• Show/Hide: Star rating system
• Allows users to rate comments (like/dislike or stars)

Enable Pagination:

• Yes/No: Split comments across multiple pages
• Important for posts with hundreds of comments

Enable reCaptcha:

• Enable/Disable: Spam protection
• Requires Google reCaptcha keys set up

Enable Extra Comment Fields:

• Enable/Disable: Additional custom fields beyond name/email/website/comment
• When enabled, new field options appear

Number Of Comments Per Page:

• Only visible if pagination is enabled
• Set how many comments show per page (default: 10)

CUSTOMIZATION SETTINGS (Second Content Section) #

Before Notes Text:

• Text that appears before the comment form
• Default: “Your email address will not be published.”
• Customize: Add privacy notes, guidelines, or encouragement

After Notes Text:

• Text that appears after the comment form
• Often same as before notes, but can be different

Comment Label:

• Main heading above comment section
• Default: “Leave A Comment”
• Customize: “Join the Conversation” or “Share Your Thoughts”

Reply Button Label:

• Text on reply buttons
• Default: “Reply”
• Customize: “Respond” or “Answer”

Show Reply Label:

• Text for showing hidden replies
• Default: “Show Replies”
• For nested comment threads

Hide Reply Label:

• Text for hiding visible replies
• Default: “Hide Replies”

Cancel Reply Label:

• Text on cancel reply button
• Default: “Cancel Reply”

Comment Form Submit Label:

• Submit button text
• Default: “Post Comment”
• Customize: “Share Comment” or “Submit Thought”

FIELDS SETTINGS #

Controls for the four default comment fields:

For EACH Field (Name, Email, Website, Comment):

Display Label?:

• Show/Hide: Field title/label
• Default: Show (for all except Website which might vary)

Label:

• The text label for the field
• Default: “Name”, “Email”, “Website”, “Comment”
• Customize: “Your Name”, “Email Address”, “Your Site (Optional)”, “Your Thoughts”

Placeholder:

• Gray text inside the field before typing
• Default: “Enter your Name”, “Enter your Email”, etc.
• Customize: “What should we call you?”, “[email protected]”, “https://yourwebsite.com”, “Write your comment here…”

Required Field Toggle:

• (Visible in some versions) Make field mandatory
• Name and Email are typically required by WordPress

Additional Field Options (if “Enable Extra Comment Fields” is on):

• Add fields like: Phone Number, Company, Social Media, Checkboxes (subscribe to newsletter), Dropdowns, etc.
• Each with its own label, placeholder, and required setting

3. Designing Your Comment Section Layout #

Typical Comment Section Structure: #

1. Comment Header:
   • Comment count display
   • “Leave A Comment” heading
   • Brief instructions or guidelines
2. Comment List Area:
   • Individual comment cards
   • Nested replies (indented)
   • Avatar, name, date, rating
   • Reply/like buttons
   • Pagination controls
3. Comment Form:
   • Fields in logical order
   • Clear labels and placeholders
   • Submit button with clear call-to-action
   • Notes/guidelines text
4. Logged-in User Experience:
   • Welcome message (“Commenting as [username]”)
   • Logout link
   • Different field visibility (no need for name/email)

Layout Tips: #

• Use Elementor Columns to arrange form fields side-by-side (Name + Email in one row)
• Add dividers or background colors to separate individual comments
• Use typography hierarchy to distinguish comment levels (parent vs. reply)
• Ensure mobile responsiveness – stacked fields on small screens

4. Style Tab Customizations #

(While not shown in your screenshots, typical Style options include:)

Typography:

• Font family, size, weight for all text elements
• Different styles for: Comment text, Author names, Dates, Labels

Colors:

• Background colors for: Comment cards, Form fields, Submit button
• Text colors for all elements
• Border colors and styles

Spacing & Sizing:

• Padding and margins for comment cards
• Avatar size and shape (circle vs. square)
• Field heights and widths
• Button sizing

Advanced Styling:

• Box shadows for depth
• Hover effects on buttons and cards
• Border radius for rounded corners
• Custom CSS for unique effects

5. Advanced Tab Features #

(Common Advanced settings include:)

Responsive Controls:

• Hide/show on specific devices
• Adjust spacing for mobile/tablet

Background Effects:

• Gradient backgrounds
• Background overlays
• Hover animations

Border & Shadow:

• Custom borders for different states
• Advanced shadow controls

Custom Attributes & CSS:

• Add custom HTML attributes
• Input custom CSS classes
• Advanced targeting for styling

6. Setting Up Conditions for Comment Templates #

For Global Comment Template:

• Include: Singular → Posts (for blog posts)
• Include: Singular → Pages (if pages have comments)
• Include: Singular → [Custom Post Types] (for portfolio, products, etc.)

For Specific Post Types:

• Create different comment templates for different content
• Example: Formal comments for legal articles, casual for blog posts

Excluding Certain Pages:

• Exclude: Singular → Pages → [Specific pages]
• Remove comments from contact page, privacy policy, etc.

7. Integration with WordPress Discussion Settings #

Important: MA Comments works with WordPress native settings:

WordPress Settings → Discussion:

• Comment moderation rules
• Avatar settings (Gravatar)
• Threading depth (how many reply levels)
• Comment order (newest/oldest first)
• Notification settings

Sync Tips:

• Set “Break comments into pages” in WordPress to match MA Comments pagination
• Configure “Avatars” in WordPress to control Gravatar defaults
• Set comment approval rules that apply to MA Comments submissions

8. Troubleshooting Common Issues #

Problem: Comments not submitting

• Fix: Check reCaptcha settings (disable to test)
• Fix: Verify WordPress discussion settings allow comments

Problem: Comments not appearing after submission

• Fix: Check moderation queue in WordPress
• Fix: Ensure user has required fields filled

Problem: Styling conflicts with theme

• Fix: Use more specific CSS selectors
• Fix: Check theme’s comment.php file isn’t overriding

Problem: Nested replies not working

• Fix: Enable threaded comments in WordPress Settings → Discussion
• Fix: Set “threading depth” appropriately (3-5 levels)

Problem: Avatars not showing

• Fix: Ensure “Show Gravatar” is enabled in widget
• Fix: Users need Gravatar accounts for custom images

Problem: Pagination not functioning

• Fix: Enable pagination in both MA Comments AND WordPress
• Fix: Set matching comments-per-page count

9. Testing Your Comment System #

Functional Testing:

1. Submit a comment as logged-out user
2. Submit a comment as logged-in user
3. Reply to existing comments
4. Test pagination (if enabled)
5. Try spammy submissions (test moderation)

Design Testing:

1. View on mobile, tablet, desktop
2. Check different comment lengths
3. Test with many nested replies
4. Verify color contrast accessibility
5. Check loading states and animations

User Experience Testing:

1. How intuitive is the form?
2. Are error messages helpful?
3. Is success confirmation clear?
4. Can users easily find their comments?
5. Is moderation transparent?

Master Addons Comments widget transforms your comment section from a basic form into an engaging community feature. By customizing every aspect – from field labels to styling to functionality – you can create comment areas that encourage discussion, reduce spam, and match your site’s design perfectly.

Start Simple: Begin with the default settings, test thoroughly, then gradually add features like ratings, pagination, or custom fields based on your audience’s needs.

Remember: Comments are about community. Design for conversation, reward participation, and moderate fairly to build an engaged audience around your content.

Complete Your Content Ecosystem: With comments customized, your site now has fully designed Single posts with engaging discussion areas, creating a complete content consumption and interaction experience for your visitors.

Frequently Asked Questions #