Troubleshooting

1. Speed Optimizer by SiteGround blocks the WhatsApp Widget from displaying on the website.

If you are using the Speed Optimizer plugin on your website, then you might face this issue, because the plugin has got some added features which block the WhatsApp scripts from rendering properly.

Solution: Exclude the WhatsApp plugin's script from these three locations as shown in the screenshots below:

A screenshot showing SG Optimizer features

If you are using the WhatsApp PRO version, add the following scripts to each of the three sections of the SG Optimizer plugin;

/plugins/whatsapp-for-wordpress/assets/dist/js/njt-whatsapp.js
/plugins/whatsapp-for-wordpress/assets/js/whatsapp-button.js

If you are using the WhatsApp free version, then this is how the path looks like for you, hence you should add this and not the one above;

/plugins/wp-whatsapp/assets/dist/js/njt-whatsapp.js
/plugins/wp-whatsapp/assets/js/whatsapp-button.js

A screenshot showing WhatsApp plugin's scripts excluded in SG Optimizer settings

2. LiteSpeed Cache plugin breaks the WhatsApp Widget format on the website.

When you are using the LiteSpeed Cache plugin and the WhatsApp floating widget appears broken on the site, please exclude the CSS as shown below to ensure it functions correctly.

/wp-content/plugins/wp-whatsapp/assets/dist/css/style.css

Excluding CSS in Page Optimization setting for reference

3. Cache plugin hides the WhatsApp Widget on the website.

If a cache plugin is active on your site (such as WP Rocket) and the floating widget does not show up, please try adding the following CSS to fix the issue. #wa{ content-visibility: inherit !important; }