# Troubleshooting

### **1.**  Speed Optimizer by SiteGround b**locks 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:

<figure><img src="/files/Wu8FAWKBirXM6CVyB4Ht" alt=""><figcaption><p>A screenshot showing SG Optimizer features</p></figcaption></figure>

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
```

<figure><img src="/files/Rgd02PulvgeAV27E7XW6" alt=""><figcaption><p>A screenshot showing WhatsApp plugin's scripts excluded in SG Optimizer settings</p></figcaption></figure>

### **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`<br>

<figure><img src="/files/tm4kEZuPfVxm7jeSxvb5" alt=""><figcaption><p>Excluding CSS in Page Optimization setting for reference</p></figcaption></figure>

### 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; }`


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ninjateam.gitbook.io/whatsapp-for-wordpress/other-links/troubleshooting.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.