Customer Experience
2 min read
Customer Experience
This section explains how customers interact with the WooCommerce Auto Comments plugin from their perspective, providing a complete walkthrough of the user experience.
Customer Journey Flow
Customer Makes a Purchase
Customer completes an order on your WooCommerce store. The order must reach one of the configured statuses (e.g., “Completed” or “Processing”) for the plugin to recognize it.
Customer Visits My Account Page
Customer logs into their account and navigates to the My Account page. The plugin automatically detects products they’ve purchased but haven’t reviewed.
Comment Form Appears
The plugin displays a collapsible comment form with customized text and styling. Only products that haven’t been reviewed are shown.
Customer sees:
- Main title (e.g., “Please support us by submitting your valuable comment”)
- Optional subtitle and description
- List of unreviewed products with “Write a Comment” buttons
Customer Clicks “Write a Comment”
When clicking the button next to a product name, an individual comment form expands for that specific product.
Customer sees:
- Text area for entering their review
- Placeholder text (if configured)
- Submit button (customizable text and color)
- Cancel button (customizable text and color)
Customer Writes and Submits Review
Customer types their review in the text area and clicks the submit button. The form uses AJAX for smooth submission without page reload.
Customer sees:
- Loading message: “Submitting comment…”
- Success message: “Your comment has been submitted successfully”
- The form for that product disappears after successful submission
Form Updates Automatically
After submitting a review, that product’s form disappears. If all products have been reviewed, the entire comment section is removed.
User Interface Elements
Main Header Section
- Appearance: Colored background (default pink #ee2a76)
- Behavior: Clickable to expand/collapse the form
- Content: Main title and optional subtitle
- Visual Cue: Changes color and animation to attract attention
Product List Section
- Layout: Each product on its own line
- Information: Product name and “Write a Comment” button
- Interaction: Only one product form can be open at a time
- Organization: Products listed in order of purchase
Comment Form Elements
- Text Area: Multi-line input for review text
- Submit Button: Green by default, saves the review
- Cancel Button: Orange by default, closes the form
- Validation: Ensures text is entered before submission
Customer Benefits
🎯 Relevant Products Only
Customers only see products they’ve actually purchased, making the review process meaningful and authentic.
⚡ Quick and Easy
Simple one-click process to open comment forms with minimal steps required.
📱 Mobile Friendly
Responsive design works well on all device sizes with touch-friendly buttons.
🔄 Smart Updates
Form automatically updates to remove completed reviews, preventing duplicate submissions.
💬 Clear Feedback
Visual confirmations and error messages guide customers through the process.
What Customers Don’t See
- Rating Selection: All reviews automatically receive 5-star ratings
- Review Status: Reviews go to moderation queue (customers assume they’re published)
- Backend Processing: Order status checking and product filtering happens invisibly
- Admin Configuration: Customers experience the results of admin settings seamlessly
Common Customer Questions
“Why don’t I see all my purchases?”
Only products from orders with specific statuses (configured by admin) appear in the list.
“Where do my reviews appear?”
Reviews appear on the product pages after admin approval, just like regular WooCommerce reviews.
“Can I edit my review after submitting?”
The plugin doesn’t provide editing functionality – customers would need to contact the store admin.
“Why did the form disappear?”
Forms disappear after successful submission or if there are no eligible products to review.
