Il Widget di Chat Costruito per
Sviluppatori Next.js
Aggiungi chat dal vivo alla tua app Next.js senza pacchetti npm, configurazioni di build o penalizzazioni Lighthouse. Un tag script. Fatto.
Perché gli Sviluppatori Next.js Scegliono Questo Widget
Zero Impatto sul Build
Nessun pacchetto npm. Nessuna configurazione webpack. Nessun overhead al momento del build. Solo un tag script che si carica in modo asincrono.
Compatibile con Lighthouse
3 KB compresso, caricamento asincrono, nessun layout shift. I tuoi Core Web Vitals rimangono verdi.
Privacy Prima
Nessun cookie. Nessun tracciamento. Conforme GDPR per impostazione predefinita. Perfetto per app Next.js attente alla privacy.
Installazione
Aggiungi al tuo layout.tsx o _app.tsx. Ecco tutto.
import Script from 'next/script'
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
<Script
src="https://cdn.thechatwidget.com/widget.js"
data-site-id="YOUR_SITE_ID"
strategy="lazyOnload"
/>
</body>
</html>
)
}import Script from 'next/script'
export default function App({ Component, pageProps }) {
return (
<>
<Component {...pageProps} />
<Script
src="https://cdn.thechatwidget.com/widget.js"
data-site-id="YOUR_SITE_ID"
strategy="lazyOnload"
/>
</>
)
}Usando strategy="lazyOnload" garantisce zero impatto sul caricamento iniziale della pagina.
Come Si Confronta
La maggior parte dei widget di chat danneggia le prestazioni della tua app Next.js. Questo no.
| Funzionalità | The Chat Widget | Intercom | Crisp |
|---|---|---|---|
| Dimensione Bundle | 3 KB | ~100 KB | ~180 KB |
| Pacchetto npm Richiesto | No | Opzionale | Opzionale |
| Impatto Lighthouse | Nessuno | -5 to -15 pts | -10 to -20 pts |
| Cookie | Nessuno | Sì | Sì |
| Prezzo Iniziale | Gratuito | $39/mo | $25/mo |
Domande Frequenti
Funziona con Next.js App Router?
Sì. Il widget si carica tramite un tag script utilizzando il componente Script integrato di Next.js, quindi funziona perfettamente con App Router e Pages Router.
Influenzerà il mio punteggio Lighthouse?
No. Con 3 KB e strategy="lazyOnload", il widget si carica dopo che la pagina è interattiva. Zero impatto su LCP, FID o CLS.
Devo installare un pacchetto npm?
No. Non c'è pacchetto da installare, nessuna dipendenza da gestire e nessuna configurazione di build. Aggiungi semplicemente il tag Script e hai finito.
Funziona con Vercel?
Sì. Il widget è servito da una CDN globale con cache edge, quindi si carica velocemente su distribuzioni Vercel in tutto il mondo.
Posso personalizzare l'aspetto del widget?
Sì. Puoi personalizzare la posizione, i colori e il messaggio di benvenuto tramite la tua dashboard. Nessuna modifica al codice richiesta.
Pronto ad aggiungere chat alla tua app Next.js?
Piano gratuito disponibile. Nessuna carta di credito richiesta. La configurazione richiede 60 secondi.