“`html
body { font-family: sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: 0 auto; padding: 20px; }
h1, h2, h3 { color: #2C3E50; }
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; border-bottom: 2px solid #EEE; padding-bottom: 10px; margin-top: 30px; }
h3 { font-size: 1.5rem; margin-top: 25px; }
p { margin-bottom: 15px; }
ul, ol { margin-bottom: 15px; padding-left: 20px; }
li { margin-bottom: 8px; }
code { background-color: #EEE; padding: 2px 4px; border-radius: 3px; font-family: monospace; }
pre { background-color: #EEF; padding: 15px; border-radius: 5px; overflow-x: auto; margin-bottom: 15px; }
.note { background-color: #FFF3CD; border-left: 5px solid #FFC107; padding: 15px; margin-bottom: 20px; border-radius: 3px; }
.tip { background-color: #D4EDDA; border-left: 5px solid #28A745; padding: 15px; margin-bottom: 20px; border-radius: 3px; }
.warning { background-color: #F8D7DA; border-left: 5px solid #DC3545; padding: 15px; margin-bottom: 20px; border-radius: 3px; }
a { color: #007BFF; text-decoration: none; }
a:hover { text-decoration: underline; }
How to Fix Elementor Reviews Not Showing Issue
Are your customer reviews mysteriously absent from your Elementor-powered website? You’ve set up your WooCommerce product pages or dedicated review sections, but the valuable social proof isn’t appearing as expected. This can be incredibly frustrating, especially when testimonials are crucial for building trust and driving conversions.
If you’re facing the common “Elementor reviews not showing” problem, don’t worry – you’re in the right place. This comprehensive guide will walk you through various diagnostic steps and provide multiple solutions, from simple cache clearing to deeper plugin configurations, to get your reviews shining brightly on your site. We’ll cover everything you need to know, ensuring your Elementor reviews are displayed correctly and contributing to your business’s success.
Understanding Why Elementor Reviews Might Not Be Showing
Before we jump into fixes, let’s understand the common culprits behind the “Elementor reviews not showing” issue. Pinpointing the cause can help you find the solution faster:
- Caching Conflicts: Both WordPress and your server might cache old versions of your pages, preventing new content (like reviews) from appearing.
- Elementor Widget Settings: Incorrect configurations within the Elementor widget itself can hide reviews.
- WooCommerce Product Review Settings: If you’re using Elementor to display WooCommerce product reviews, critical settings in WooCommerce might be disabled.
- Theme or Plugin Conflicts: Other plugins or your active WordPress theme might be interfering with Elementor’s ability to render reviews.
- CSS/JavaScript Issues: Sometimes, broken CSS or JavaScript can hide elements on your page or prevent them from loading.
- Missing Reviews Data: It sounds obvious, but sometimes there are simply no reviews to display for a particular product or post.
- Server-Side Issues: Less common, but server-level configurations can sometimes impact how dynamic content loads.
Initial Checks and Quick Solutions for Elementor Reviews Not Showing
Let’s start with some quick and easy checks that often resolve the problem.
1. Clear Caches Aggressively
Caching is a double-edged sword. It speeds up your site but can serve outdated content. This is arguably the most common reason for “Elementor reviews not showing.”
Step-by-step:
- Clear your WordPress caching plugin (e.g., WP Rocket, LiteSpeed Cache, W3 Total Cache). Look for a “Clear All Cache” or “Purge All Cache” option in your plugin’s settings or the WordPress admin bar.
- Clear your browser cache. Different browsers have different methods, but generally, you can go to your browser settings > privacy/security > clear browsing data.
- If you use a CDN (like Cloudflare), clear its cache as well. Log into your CDN dashboard and purge the cache.
- If your hosting provider offers server-level caching (Hostinger often does), clear that via your hosting control panel (e.g., hPanel, cPanel).
- After clearing all caches, open your website in an incognito/private browsing window to ensure you’re seeing the fresh version.
2. Verify Review Existence and Settings
It sounds simple, but sometimes the reviews simply aren’t there or aren’t approved.
Step-by-step for WooCommerce Reviews:
- Go to your WordPress admin dashboard > WooCommerce > Settings.
- Navigate to the Products tab, then click on the General sub-tab.
- Under “Product ratings,” ensure “Enable reviews” is checked.
- Make sure “Show ‘verified owner’ label on customer reviews” and “Product ratings” are also enabled if you want those features. Click “Save changes.”
- Next, go to WooCommerce > Reviews (or Comments in older WordPress versions). Ensure the reviews you expect to see are approved and not pending or in spam.
- Check the specific product page in WordPress editor. Under “Product Data” > “Advanced” tab, ensure “Enable reviews” is checked for that specific product.
Step-by-step for Post/Page Comments (if using Elementor to display them):
- Go to your WordPress admin dashboard > Settings > Discussion.
- Ensure “Allow people to post comments on new articles” is checked.
- Check the individual post/page settings. In the Gutenberg editor, look for the “Discussion” panel in the right sidebar and ensure “Allow comments” is enabled.
- Go to Comments in your WordPress admin and ensure the relevant comments are approved.
3. Check Elementor Widget Settings
The Elementor widget itself has specific display options that might be hiding your reviews.
Step-by-step for Elementor’s “Reviews” Widget (or similar):
- Edit the page with Elementor where your reviews should appear.
- Click on the specific review widget (e.g., “Reviews,” “Testimonials Carousel,” “Product Reviews”).
- In the left panel, under the Content tab, check the settings:
- Source: Ensure it’s correctly set (e.g., “Products,” “Comments,” “Manual Selection”).
- Categories/Products: If applicable, ensure you’ve selected the correct categories or individual products.
- Show Comments/Reviews: Some widgets have an explicit toggle to show or hide the reviews. Make sure it’s enabled.
- Advanced Filters: Check if any filters (e.g., “Only show 5-star reviews”) are inadvertently hiding all reviews.
- Query Settings: Look for parameters that might restrict the number of reviews or display them based on specific criteria.
- Under the Style and Advanced tabs, ensure no custom CSS or visibility settings (like responsive hiding) are preventing the reviews from appearing.
- Update the page in Elementor and check your live site.
Advanced Troubleshooting for Elementor Reviews Not Showing
If the quick checks didn’t solve the problem, it’s time to dig a little deeper. These solutions address more complex issues often related to conflicts or misconfigurations.
4. Conduct a Plugin/Theme Conflict Test
This is a critical step when an Elementor widget isn’t behaving. Other plugins or your theme might be interfering.
Step-by-step:
- Switch to a default WordPress theme: Go to Appearance > Themes. Activate a default theme like Twenty Twenty-Four or Hello Elementor. Check if the Elementor reviews appear. If they do, your theme is the culprit. Contact your theme developer for support or consider switching themes.
- Deactivate all plugins except Elementor and Elementor Pro (and WooCommerce if applicable): Go to Plugins > Installed Plugins. Select all plugins except Elementor and possibly WooCommerce. Choose “Deactivate” from the bulk actions dropdown and apply.
- Check for reviews: Visit your page again in an incognito window. If the reviews now appear, a plugin conflict is at play.
- Isolate the conflicting plugin: Reactivate your plugins one by one, checking your review page after each activation. The moment the reviews disappear, you’ve found the conflicting plugin.
- Once identified, you can either look for an alternative plugin, contact the plugin developer for support, or try to find a workaround.
5. Update Everything (WordPress, Elementor, Theme, Plugins)
Outdated software can lead to compatibility issues and security vulnerabilities. Always keep your site components updated.
Step-by-step:
- Backup your website: Seriously, don’t skip this.
- Go to Dashboard > Updates.
- Update WordPress to the latest version.
- Update Elementor and Elementor Pro to their latest versions.
- Update your active theme.
- Update all other plugins.
- Clear all caches (as per Solution 1) after updating.
- Check if the “Elementor reviews not showing” issue is resolved.
6. Check for Custom Code or CSS/JavaScript Issues
Sometimes, custom code snips (in your theme’s functions.php, custom CSS, or a custom JS plugin) can interfere.
Step-by-step:
- Review Custom CSS: In Elementor, select the reviews widget and go to Advanced > Custom CSS. Look for rules like
display: none;oropacity: 0;that might be hiding the element. Also, check WordPress Appearance > Customize > Additional CSS. - Inspect Element (Browser Developer Tools): Right-click on the area where reviews should be and select “Inspect” (or “Inspect Element”). Look for any errors in the Console tab. In the Elements tab, search for the review container. Check its computed styles for anything unexpected that might hide it. Missing reviews often appear as empty elements or have styling that sets their display to ‘none’.
- Temporary remove custom code: If you’ve added code snippets via a plugin (e.g., Code Snippets) or directly into your theme’s
functions.php, temporarily deactivate the plugin or comment out the code lines. Test your site.
7. Re-add the Elementor Reviews Widget
Sometimes a widget can simply become corrupted or misconfigured, and starting fresh can help.
Step-by-step:
- Edit the page with Elementor.
- Right-click on the existing Elementor reviews widget and select “Delete.”
- Search for the appropriate reviews widget (e.g., “Reviews,” “Product Reviews,” “Testimonials”) in the Elementor panel.
- Drag and drop a fresh instance of the widget onto your page.
- Configure its settings carefully, ensuring you select the correct source and filters.
- Update the page and check your live site.
8. Check WooCommerce Templates Overrides (Advanced)
If you’re using WooCommerce, your theme might be overriding default WooCommerce template files, which could affect review display.
Step-by-step:
- Go to WooCommerce > Status.
- Look for the “System Status” section and scroll down to “Templates.”
- If you see warnings about overridden templates, especially those related to comments, reviews, or product pages (e.g.,
single-product/review-form.php,single-product/tabs/reviews.php), this might be an issue. - Contact your theme developer for assistance or consider temporarily switching to a default theme (as in Solution 4) to confirm if the overrides are causing the problem.
Common Issues and Troubleshooting Elementor Reviews Not Showing
Beyond the primary solutions, here are some specific scenarios and how to address them:
Elementor Reviews Not Showing for Specific Products
If reviews appear on some products but not others:
- Product-Specific Settings: Double-check the “Enable Reviews” checkbox in the “Product Data” > “Advanced” tab for the affected product in the WooCommerce editor.
- Review Count: Ensure the product actually has approved reviews associated with it.
- Elementor Query: If your Elementor widget uses a query to pull reviews, verify that the query parameters (e.g., category, tag, specific product IDs) include the products you expect.
Elementor Reviews Widget Not Appreciating 5-Star Ratings
Sometimes reviews are visible, but the star ratings aren’t. This is often a CSS issue.
- Inspect Element: Use your browser’s developer tools to inspect the star rating element. Look for conflicting CSS rules that might be hiding the stars or setting their color to transparent.
- Theme/Plugin Conflict: This can also be a conflict. Perform a plugin/theme conflict test (Solution 4).
- Custom CSS: Check for any custom CSS targeting review stars that might be incorrect.
Reviews Disappearing After Elementor/WooCommerce Update
This is a classic compatibility issue.