Troubleshooting
This guide helps you resolve common issues with WPBits Addons for Elementor. Find solutions to frequent problems and learn how to diagnose issues.
Common Issues
Section titled “Common Issues”Low Memory Errors
Section titled “Low Memory Errors”Symptoms:
- White screen of death (WSOD)
- “Allowed memory size exhausted” errors
- Slow page loading
- Elementor editor crashes
Solutions:
-
Increase PHP Memory Limit
Add to
wp-config.php(before “That’s all, stop editing!”):define('WP_MEMORY_LIMIT', '256M');define('WP_MAX_MEMORY_LIMIT', '512M'); -
Via .htaccess
php_value memory_limit 256M -
Contact Your Host
- If you can’t modify settings, contact your hosting provider
- Request memory limit increase to at least 256MB
-
Reduce Plugin Load
- Deactivate unused plugins
- Remove heavy plugins you don’t need
- Use lightweight alternatives
Widgets Not Appearing
Section titled “Widgets Not Appearing”Symptoms:
- WPBits widgets missing from Elementor panel
- [WPBits] prefix not showing
- Empty widget panel
Solutions:
-
Clear All Caches
- Clear WordPress cache
- Clear Elementor cache (Tools → Regenerate CSS & Data)
- Clear browser cache
- Clear server cache (if applicable)
-
Verify Plugin Activation
- Go to Plugins → Installed Plugins
- Ensure “WPBits Addons for Elementor” is activated
- Try deactivating and reactivating
-
Check Elementor Version
- Update Elementor to latest version
- Minimum required: Elementor 3.0+
-
Regenerate Elementor Files
- Go to Elementor → Tools → Regenerate CSS & Data
- Click “Regenerate Files & Data”
-
Check for Plugin Conflicts
- Deactivate all other plugins except Elementor and WPBits
- Test if widgets appear
- Reactivate plugins one by one to find conflict
Slow Performance
Section titled “Slow Performance”Symptoms:
- Slow Elementor editor
- Delayed widget loading
- Timeout errors
- Page takes long to save
Solutions:
-
Upgrade PHP Version
- Use PHP 8.0+ for best performance
- Contact host to upgrade if needed
-
Increase Execution Time
Add to
.htaccess:php_value max_execution_time 300php_value max_input_time 300 -
Enable Caching
- Install a caching plugin (WP Rocket, W3 Total Cache)
- Enable page caching
- Enable object caching if available
-
Optimize Database
- Use WP-Optimize or similar plugin
- Clean up post revisions
- Remove spam comments
- Optimize database tables
-
Upgrade Hosting
- Consider VPS or managed WordPress hosting
- Shared hosting may be too slow for complex sites
Upload Errors
Section titled “Upload Errors”Symptoms:
- Can’t upload Pro plugin ZIP
- “File size exceeds limit” errors
- Upload fails silently
Solutions:
-
Increase Upload Limits
Add to
.htaccess:php_value upload_max_filesize 64Mphp_value post_max_size 64M -
Install via FTP
- Download plugin ZIP
- Extract ZIP file
- Upload folder to
/wp-content/plugins/via FTP - Activate in WordPress admin
-
Use cPanel File Manager
- Upload ZIP to
/wp-content/plugins/ - Extract using cPanel’s extract function
- Activate plugin
- Upload ZIP to
Widgets Not Displaying on Frontend
Section titled “Widgets Not Displaying on Frontend”Symptoms:
- Widgets show in editor but not on live site
- Blank spaces where widgets should be
- JavaScript errors in console
Solutions:
-
Clear All Caches
- Clear WordPress cache
- Clear Elementor cache
- Clear CDN cache (if using)
- Clear browser cache
-
Regenerate CSS
- Go to Elementor → Tools
- Click “Regenerate CSS & Data”
-
Check JavaScript Errors
- Open browser console (F12)
- Look for JavaScript errors
- Note any errors related to WPBits
-
Disable Optimization Plugins
- Temporarily disable JS/CSS optimization
- Test if widgets appear
- Adjust optimization settings if needed
-
Check Theme Compatibility
- Switch to a default theme (Twenty Twenty-Three)
- Test if widgets work
- Contact theme developer if theme-specific issue
Template Import Fails
Section titled “Template Import Fails”Symptoms:
- Templates won’t import
- Import button doesn’t work
- Partial template import
Solutions:
-
Check Server Limits
- Increase
max_execution_timeto 300 - Increase
memory_limitto 256M
- Increase
-
Disable Firewall/Security
- Temporarily disable security plugins
- Check if firewall is blocking requests
- Whitelist WPBits template server
-
Import Manually
- Export template as JSON
- Import via Elementor’s import function
Styling Issues
Section titled “Styling Issues”Symptoms:
- Widgets look broken
- CSS not loading
- Styles different from demo
Solutions:
-
Regenerate CSS
- Elementor → Tools → Regenerate CSS & Data
-
Clear All Caches
- WordPress cache
- Elementor cache
- Browser cache
- CDN cache
-
Check for CSS Conflicts
- Inspect element in browser
- Look for conflicting CSS rules
- Add custom CSS to override if needed
-
Disable CSS Optimization
- Turn off CSS minification temporarily
- Test if styles load correctly
Grid/Carousel Not Working
Section titled “Grid/Carousel Not Working”Symptoms:
- Grid layout broken
- Carousel not sliding
- Items not displaying correctly
Solutions:
-
Check jQuery
- Ensure jQuery is loaded
- Check for jQuery conflicts
- Use jQuery Migrate if needed
-
Verify Post Query
- Ensure posts exist for selected post type
- Check term filters aren’t excluding all posts
- Verify post status is “published”
-
Check JavaScript Console
- Open browser console (F12)
- Look for JavaScript errors
- Note any errors related to grid/carousel
-
Test with Default Theme
- Switch to Twenty Twenty-Three
- Test if grid/carousel works
- Theme may have conflicts
WooCommerce Widgets Issues
Section titled “WooCommerce Widgets Issues”Symptoms:
- Products not showing
- WooCommerce widgets missing
- Product data not loading
Solutions:
-
Verify WooCommerce Active
- Ensure WooCommerce plugin is activated
- Update to latest WooCommerce version
-
Check Product Settings
- Ensure products are published
- Verify product visibility settings
- Check stock status
-
Regenerate Product Data
- WooCommerce → Status → Tools
- Run “Clear transients”
- Run “Regenerate shop thumbnails”
-
Check Permalinks
- Go to Settings → Permalinks
- Click “Save Changes” (even without changes)
- Test again
Diagnostic Steps
Section titled “Diagnostic Steps”Step 1: Identify the Issue
Section titled “Step 1: Identify the Issue”- Note exact error messages
- Check when issue started
- Note what changed recently (plugin updates, theme changes, etc.)
- Test on different browsers
Step 2: Check System Health
Section titled “Step 2: Check System Health”- Go to Tools → Site Health
- Review critical issues
- Check PHP version and memory limit
- Note any warnings
Step 3: Test for Conflicts
Section titled “Step 3: Test for Conflicts”-
Plugin Conflict Test
- Deactivate all plugins except Elementor and WPBits
- Test if issue persists
- Reactivate plugins one by one
-
Theme Conflict Test
- Switch to Twenty Twenty-Three theme
- Test if issue persists
- If resolved, contact theme developer
Step 4: Clear Everything
Section titled “Step 4: Clear Everything”- Clear WordPress cache
- Clear Elementor cache
- Clear browser cache
- Clear CDN cache (if applicable)
- Regenerate CSS & Data
Step 5: Check Console
Section titled “Step 5: Check Console”- Open browser console (F12)
- Go to Console tab
- Look for errors (red text)
- Note error messages
Getting Help
Section titled “Getting Help”Before Contacting Support
Section titled “Before Contacting Support”Gather this information:
- WordPress Version: Found in Dashboard → Updates
- PHP Version: Tools → Site Health → Info → Server
- Elementor Version: Plugins page
- WPBits Version: Plugins page
- Error Messages: Copy exact error text
- Console Errors: Screenshot of browser console
- Steps to Reproduce: What you did before error occurred
Prevention Tips
Section titled “Prevention Tips”Regular Maintenance
Section titled “Regular Maintenance”-
Keep Everything Updated
- Update WordPress regularly
- Update Elementor regularly
- Update WPBits when new version available
- Update PHP version
-
Regular Backups
- Use backup plugin (UpdraftPlus, BackupBuddy)
- Backup before major updates
- Store backups off-site
-
Monitor Performance
- Use performance monitoring tools
- Check Site Health regularly
- Monitor error logs
-
Test Updates
- Test updates on staging site first
- Check for conflicts before going live
- Have rollback plan ready
Best Practices
Section titled “Best Practices”- Use quality hosting
- Limit number of plugins
- Use caching
- Optimize images
- Use CDN for large sites
- Regular database optimization
- Monitor security