---
description: Impara come installare un widget di chat web sul tuo sito WordPress.
title: Installa il Website Chat Widget su WordPress
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Nuovo🔥 Prova per primo l'API di chiamata WhatsApp Business (Open Beta)!![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/it/whatsapp-business-calling-api)

Aiutami con... ⌘ 

1. [All Collections >](/it/help)
2. [ Canali >](/it/help/channels)
3. [ Widget Chat Sito Web >](/it/help/website-chat-widget)
4. Installa il Website Chat Widget su WordPress

# Installa il Website Chat Widget su WordPress

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg)

JQ Lee

· 28 Aug 2025

3 min di lettura

Aggiungere un widget di web chat al tuo sito WordPress è un processo semplice e veloce. Non richiede alcuna competenza di programmazione o conoscenza tecnica.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png?fm=jpg&q=80&w=500) 

## Impostazione per l'installazione

Per installare un widget di web chat su WordPress, ti serviranno i seguenti elementi:

* Accesso alla dashboard WordPress del tuo sito web'.
* Un frammento di codice per il tuo widget di chat web.

Se non hai già uno snippet di codice, ne genererai uno creando un [widget di chat per il sito](https://respond.io/it/help/website-chat-widget/website-chat-widget-overview) oppure utilizzando il [plugin di chat di Facebook](https://respond.io/it/help/facebook-messenger/facebook-chat-plugin) per [Facebook Messenger](https://respond.io/it/help/facebook-messenger/facebook-messenger-overview).

> Se i canali sono già connessi alla piattaforma respond.io e devi recuperare il frammento di codice generato, segui le istruzioni [qui](https://respond.io/it/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel).

Per un'installazione corretta, assicurati che il dominio del tuo sito web sia compilato. Ci sono due modi per procedere.

Vai su respond.io **Impostazioni** \> seleziona **Canali** \> seleziona il canale chat del tuo sito web > clicca su configura > aggiungi il dominio del sito web. 

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1e7uaH6kDm1O7pGveCSLtj/cd6e069ed2d3ba023349b508560e3fab/screen-shot-2023-02-14-at-7-47-59-pm.png?fm=jpg&q=80&w=640) 

Vai alle impostazioni di respond.io > seleziona **Widget di crescita** \> fai clic sul widget che vuoi aggiungere al tuo sito web > nel toggle **Generale** , aggiungi il dominio del tuo sito web al campo **Domini del sito web** .

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3p3pQU8wHpzk061bqvS0Tr/65706ba2cdd4a08d5972ca1c7f0fe11f/chat-widget-settings.png?fm=jpg&q=80&w=640) 

## Installazione su WordPress

**Passaggio 1: accedi a WordPress**

Vai alla dashboard di amministrazione di WordPress del tuo sito web ed effettua l'accesso.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7BEtXv2z3DbKUr6hji7TOm/aeb0a76500168de0c4db1758459f36d4/install-webchat-on-word-press.png?fm=jpg&q=80&w=640) 

**Passaggio 2: vai alla pagina dei plugin**

Dal pannello di navigazione a sinistra, fare clic su **Plugin**. Nella pagina Plugin, premi il pulsante blu **Aggiungi nuovo** nella parte superiore della pagina.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4yyIZmSrxmxdrhKGl8VcOl/b9881e62aab33064babb824daffbfe66/install-webchat-on-word-press-2.png?fm=jpg&q=80&w=640) 

**Passaggio 3: aggiungi un nuovo plugin**

Utilizzando la barra di ricerca, cerca il plugin **WPCode** . Nella pagina dei risultati della ricerca vedrai numerose opzioni che puoi utilizzare, ma per questo tutorial utilizzeremo il plugin "Inserisci intestazione e piè di pagina" di WPCode. Premi il pulsante **Installa ora** e assicurati di attivare il plugin per poterlo utilizzare.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/5GGHqfES2lXgv5NzIoFz1P/15f02cef289ef90f490c4aecd1601ce7/add_new_plugin.png?fm=jpg&q=80&w=640) 

**Passaggio 4: aprire la console Intestazioni e piè di pagina**

Dal menu di navigazione a sinistra, clicca su Frammenti di codice e seleziona **Intestazione & Piè di pagina** dal sottomenu.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2DwpPlV3Td8AqC1JJByNz0/7806704ac1df123f86c8a1ecbe5a5afb/Screenshot_2025-04-09_at_5.34.35_PM.png?fm=jpg&q=80&w=640) 

**Passaggio 5: aggiungere lo script della chat live**

Copia lo script del tuo plugin da respond.io e incollalo nella sezione **Script in Footer** della pagina della console Intestazione e piè di pagina.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/Ian351FEXVFMTGKlYGxmH/861c265623900ca5302d72ea4a4606ed/wpcode-live_chat_script.png?fm=jpg&q=80&w=640) 

Dopo aver incollato lo script, clicca sul pulsante blu "**Salva**" in fondo alla pagina.

**Fatto!**

Apri il sito web e dai un'occhiata al plugin della chat. Lo troverete nell'angolo in basso a destra. Ora i visitatori del tuo sito web potranno chattare con te senza alcuno sforzo. Se hai utilizzato i frammenti di codice generati dalla piattaforma respond.io, potrai gestire le conversazioni e aggiornare l'aspetto del widget dalla piattaforma.

> Il widget della chat è ora attivo sul tuo sito web!

## Identificare gli utenti registrati

> Questa sezione è applicabile solo se il tuo sito web dispone di una funzionalità di accesso utente.

**Passaggio 1: accedi all'account WordPress**

Vai alla dashboard di amministrazione di WordPress del tuo sito web e accedi.

**Passaggio 2: aprire i file di intestazione del tema**

Dal menu di navigazione a sinistra, clicca su **Aspetto** e seleziona **Editor file tema**. Procedi selezionando il file **Theme Header** .

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/64VlcD24OVD9CUaFiK9U5B/91eb153aabead2673c1674395a0605a1/identify-logged-in-users.png?fm=jpg&q=80&w=640) 

**Passaggio 3: aggiungere l'ID utente e il codice nome recuperati**

Copia il codice di esempio qui sotto e incollalo nel file Theme Header. Dopo aver incollato il codice, clicca sul pulsante **Aggiorna file** in fondo alla pagina.

> Il codice di esempio riportato di seguito serve per ottenere l'ID utente, il nome e il cognome da WordPress. Sentiti libero di modificare se desideri avere altri campi di contatto.

```html
<?php 
	$user_info = get_userdata(get_current_user_id());
?>

<script type="text/javascript">
	finestra.$wp_ID = "<?php echo $user_info->ID; ?>";
	finestra.$wp_firstname = "<?php echo $user_info->nome; ?>";
	finestra.$wp_lastname = "<?php echo $user_info->cognome; ?>";
</script>
```

\`

**Passaggio 4: aprire la console Intestazioni e piè di pagina**

Dal menu di navigazione a sinistra, clicca su **Impostazioni** e seleziona il plugin **Intestazione & Piè di pagina** dal sottomenu delle impostazioni.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7gZgsdh0AM40EiyW1iCfQR/a5102c94de84f92388de60fe9b6f3602/wpcode-open_console.png?fm=jpg&q=80&w=640) 

**Passaggio 5: aggiungere lo script di identificazione dell'utente registrato**

Copia il codice di esempio qui sotto e incollalo nella sezione **Script in Footer** della pagina della console Intestazione e piè di pagina. Si noti che lo script **che identifica l'utente registrato** deve essere posizionato sopra lo script **della chat live**.

> Il codice di esempio riportato di seguito utilizza l'ID utente come identificatore e lo passa insieme al nome e al cognome. Sentiti libero di modificare se desideri avere altri campi di contatto.

```html
<script>  
      window.\_\_respond\_settings = {  
    	identificatore: $wp\_ID,  
        nome: $wp\_nome,  
        cognome: $wp\_cognome,    
      };  
</script>
```

Dopo aver incollato lo script, clicca sul pulsante blu "**Salva**" in fondo alla pagina.

**Fatto!**

Apri il sito web e dai un'occhiata al plugin della chat. È possibile identificare gli utenti registrati al tuo WordPress. Una volta che l'identificatore passato viene abbinato a un contatto esistente, la conversazione in corso verrà ripresa.

## FAQ e risoluzione dei problemi

### 

Codice WPC

Se utilizzi un plugin di cache di WordPress come WPCode, segui questi passaggi affinché il widget venga visualizzato correttamente.

**Disabilita la funzionalità di minimizzazione dei dati per JavaScript**

Vai a **Impostazioni di Wordpress** \> Seleziona **WPCode** \> Nella pagina WPCode, seleziona la scheda **Ottimizzazione file** \> deseleziona **Minimizza i file JavaScript**

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7u1DdW6UTB1nHdrE0QlgIB/f3412a5f90adf94cab31a67c4a42d108/css-and-js-files-minified-source-wp-rocket.png?fm=jpg&q=80&w=640) 

**Aggiungi il nostro dominio widget ai file esclusi Javascript**

`https://cdn.respond.io/webchat/widget/(.*).js`

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3TcEXrKx1zKh7IhvT4G7Cp/6308494d1b35b918e250d3ebc387b87e/wp-rocket-javascript-excluded-files.png?fm=jpg&q=80&w=640) 

> Una volta salvato, si consiglia di cancellare la cache di WordPress.

Condividi questo articolo

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/website-chat-widget/install-on-wordpress)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/website-chat-widget/install-on-wordpress)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/website-chat-widget/install-on-wordpress)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/website-chat-widget/install-on-wordpress)

## 

Articoli correlati 👩‍💻

* [Installa il Website Chat Widget su SquarespaceImpara come installare un widget di chat web sul tuo sito web Squarespace. ](/it/help/website-chat-widget/install-on-squarespace)
* [Installa il widget di chat del sito Web su JoomlaScopri come installare un widget di chat web sul tuo sito web Joomla. ](/it/help/website-chat-widget/install-on-joomla)
* [Installa il widget di chat del sito Web su WixScopri come installare un widget di chat web sul tuo sito web Wix. ](/it/help/website-chat-widget/install-on-wix)
* [Installa il Website Chat Widget su ShopifyScopri come installare un widget di chat web sul tuo negozio Shopify. ](/it/help/website-chat-widget/install-on-shopify)
* [Avvio rapido del widget della chat del sito Web.Aggiungi il widget della chat del sito web respond.io al tuo sito. ](/it/help/website-chat-widget/website-chat-widget)

Non riesci a trovare quello che stai cercando? 🔎

[Contatta il supporto](/it/contact-us)

2025-12-05T04:00:44.270Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Impara come installare un widget di chat web sul tuo sito WordPress.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/it/author"},"dateCreated":"2023-03-01T07:06:53.000Z","dateModified":"2025-08-28T08:51:51.275Z","datePublished":"2023-03-01T07:06:53.000Z","headline":"Installa il Website Chat Widget su WordPress","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png","mainEntityOfPage":"https://respond.io/it/help/website-chat-widget","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png","url":"https://respond.io/it/help/website-chat-widget/install-on-wordpress"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/it/help","position":1},{"@type":"ListItem","name":"Canali","item":"https://respond.io/it/help/channels","position":2},{"@type":"ListItem","name":"Widget Chat Sito Web","item":"https://respond.io/it/help/website-chat-widget","position":3},{"@type":"ListItem","name":"Installa il Website Chat Widget su WordPress","item":"https://respond.io/it/help/website-chat-widget/install-on-wordpress","position":4}]}]
{
  "@context": "http://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "WPCode",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>If you are using a WordPress cache plugin such as WPCode, take these steps so that the widget appears correctly.</p><p><b>Disable data-minify feature for JavaScript</b></p><p>Go to <b>Wordpress Settings</b> > Select <b>WPCode</b> > On WPCode page, select <b>File Optimization</b> tab > untick <b>Minify JavaScript files</b></p> <p><b>Add our widget domain to the Javascript Excluded Files</b></p><p><code>https://cdn.respond.io/webchat/widget/(.*).js</code></p> <blockquote><p>Once saved, it is recommended to clear the cache in WordPress.</p></blockquote><p></p>"
      }
    }
  ]
}
```
