Back to Community
Home / Community / Plugin → Click to chat – holithemes

Why Your WhatsApp Chat Icon Isn't Showing or Working: A Troubleshooting Guide

53 threads Sep 9, 2025 Plugin → Click to chat – holithemes

Content

If you're using the 'Click to Chat – HoliThemes' plugin and your WhatsApp icon is missing, not working, or displaying incorrectly, you're not alone. This is one of the most common issues reported by users. Based on community support threads, this guide will walk you through the most frequent causes and their solutions.

Why This Happens

The vast majority of display and functionality issues are not caused by a broken plugin, but by conflicts with other elements on your site. The most common culprits are caching mechanisms, conflicts with other plugins or your theme, and ad-blocking software.

Common Solutions

1. Clear All Layers of Cache

This is by far the most common fix. A cached version of your site might be serving old CSS or JavaScript files, making the icon invisible or non-functional.

  • Cache Plugin: Clear the cache from your WordPress caching plugin (e.g., WP Rocket, W3 Total Cache).
  • Server Cache: Clear any server-level caching provided by your hosting provider (e.g., through your cPanel).
  • CDN Cache: If you use a Content Delivery Network like Cloudflare, purge its cache.
  • Browser Cache: Clear your browser's cache and cookies or test in an incognito/private window.

2. Check for Plugin or Theme Conflicts

Another plugin or your theme might be applying CSS styles that hide the icon or break its functionality.

  • CSS Conflict: A theme or plugin might add a background color to SVG images, which can make the icon look wrong. Try adding this custom CSS to fix it:
    .ctc_s_2 svg { background-color: unset !important; }
  • JavaScript Conflict: Optimization plugins that delay JavaScript execution can break the chat icon. If you use WP Rocket or a similar plugin, try excluding the following files from delay:
    /click-to-chat-for-whatsapp/new/inc/assets/js/app.js
    jquery.js or /wp-includes/js/jquery/jquery.min.js
  • Z-Index Issue: The icon might be hidden behind your header or another element. This can often be fixed by increasing its 'z-index' value through custom CSS.

3. Verify Settings After an Update

If you recently updated the plugin, some settings might need adjustment.

  • Custom Images: If a custom image disappears, ensure the correct style (e.g., Style 99) is selected for both desktop and mobile.
  • Device-specific Styles: Some caching systems have trouble with different styles for mobile and desktop. If you encounter issues, try setting the same style for both devices.
  • Re-install: In rare cases, a bug fix may require you to delete the plugin and install it fresh for the changes to take effect.

4. Disable Ad-Blockers and Check Security Software

Browser extensions like AdGuard can sometimes block social chat widgets. If the icon works when your ad-blocker is disabled, this is the cause. The 'Click to Chat – HoliThemes' team has noted they are aware of this type of conflict.

When All Else Fails

If you've tried all the steps above and the issue persists, it's helpful to provide specific details when seeking help from the community. Note your WordPress theme, list your active plugins, and specify if the problem occurs on desktop, mobile, or both. This information is crucial for others to help diagnose more complex conflict issues.

Related Support Threads Support