Widget di Chat per React
Installa un widget di chat leggero da 3KB nella tua app React in 2 minuti.
Zero tracciamento. Zero cookie. Nessuna dipendenza.
Installazione Rapida (2 Minuti)
- 1.
Registrati gratis e ottieni il tuo Site ID dalla dashboard.
Registrati Gratis → - 2.
Aggiungi il tag script al tuo file HTML.
Per Create React App:
public/index.htmlPer Vite:
index.htmlPer Gatsby:
gatsby-ssr.js - 3.
Incolla questo codice prima del tag di chiusura
</body>:<script src="https://api.thechatwidget.com/widget.js" data-site="YOUR_SITE_ID" defer></script> - ✓
Fatto! Il widget appare su tutte le pagine automaticamente.
Istruzioni per Framework
Usi Next.js? Consulta la nostra guida dedicata Guida Widget di Chat Next.js →
Create React App (public/index.html)
Aggiungi direttamente al tuo file public/index.html.
<!DOCTYPE html>
<html>
<head>...</head>
<body>
<div id="root"></div>
<script src="https://api.thechatwidget.com/widget.js" data-site="YOUR_SITE_ID" defer></script>
</body>
</html>Vite (index.html)
Aggiungi direttamente al tuo file index.html principale.
<!DOCTYPE html>
<html>
<head>...</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
<script src="https://api.thechatwidget.com/widget.js" data-site="YOUR_SITE_ID" defer></script>
</body>
</html>Gatsby (gatsby-ssr.js)
Aggiungi al tuo file gatsby-ssr.js nella directory principale.
import React from 'react'
export const onRenderBody = ({ setPostBodyComponents }) => {
setPostBodyComponents([
<script
key="chat-widget"
src="https://api.thechatwidget.com/widget.js"
data-site="YOUR_SITE_ID"
defer
/>
])
}Perché Scegliere Questo Invece delle Librerie Chat React?
3KB vs pacchetti npm pesanti
La maggior parte delle librerie chat React sono 50-200KB+ e aumentano il tuo bundle. Questo si carica esternamente.
Nessun sovraccarico del bundle
Un tag script. Nessun npm install. Non aumenta la dimensione del tuo bundle JavaScript.
Funziona con SSR/SSG
Perfetto per Gatsby e altri framework SSR. Nessun problema di idratazione.
Conforme GDPR di default
Zero tracciamento, zero cookie. Nessun banner cookie necessario. Perfetto per la conformità EU.
Domande Frequenti
Funziona con Vite?
Sì! Basta aggiungere il tag script al tuo file index.html. Funziona perfettamente con Vite + React.
Funzionerà con TypeScript?
Sì! Il tag script funziona con TypeScript. Nessuna definizione di tipo necessaria - è solo un tag script.
Funziona con Create React App?
Sì! Aggiungi il tag script al tuo file public/index.html. Funziona con CRA, espulso o meno.
Rallenterà la mia app React?
No. Con 3KB, è 20-40 volte più piccolo della maggior parte delle librerie. Si carica in modo asincrono e non blocca il rendering.
Posso usarlo con React Native?
Questo widget è progettato per browser web. Per React Native, avresti bisogno di un'altra soluzione. Contattaci per supporto mobile.
Pronto ad Aggiungere la Chat alla Tua App React?
Registrati gratis e avrai il tuo widget di chat in 2 minuti. Nessuna carta di credito richiesta.