Passa al contenuto principale
ChattyBox Logo

Generatore di intelligenza artificiale Prompts

Utilizza queste istruzioni con Cursor, Claude, v0, Bolt, Lovable, Replit o un altro generatore di intelligenza artificiale quando desideri che installi ChattyBox per te.

Prima di incollare un messaggio, copia lo snippet esatto del widget dalla dashboard ChattyBox. Mantieni la chiave API e data-api-url del widget pubblico esattamente come mostrato.

Universale Prompt​

Prompt pronto da copiare
Universale Prompt

Aggiungi ChattyBox a questo sito web.

Utilizza questo script dalla mia dashboard ChattyBox:

Snippet del widgetHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Requisiti
  1. 1Carica lo script una volta su ogni pagina pubblica in cui i visitatori dovrebbero vedere il chatbot.
  2. 2Posizionalo vicino alla fine del corpo o utilizza il caricatore di script consigliato dal framework.
  3. 3Non esporre le chiavi API del server privato, i token di amministrazione, i segreti dell'ambiente o le credenziali del servizio.
  4. 4Conserva la chiave pubblica ChattyBox widget API esattamente come fornita.
  5. 5Mantieni data-api-url esattamente come fornito dalla dashboard ChattyBox.
  6. 6Se questo sito ha pagine specifiche per la lingua, imposta data-locale sulla lingua della pagina o fai affidamento sull'attributo html lang della pagina.
  7. 7Verifica che il widget venga visualizzato, si apra, invii una domanda di prova e mostri le citazioni della fonte.

Next.js / React Prompt​

Prompt pronto da copiare
Next.js / React Prompt

Installa ChattyBox nella shell dell'app Next.js o React.

Utilizza questo snippet widget dalla mia dashboard ChattyBox:

Snippet del widgetHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Requisiti di implementazione
  1. 1Per Next.js App Router, aggiungi lo script in app/layout.tsx con next/script e strategy="afterInteractive".
  2. 2Per Next.js Pages Router, aggiungilo in pages/_app.tsx o pages/_document.tsx utilizzando il caricatore di script consigliato dal framework.
  3. 3Per una SPA React, caricare lo script una volta nella shell dell'app di livello superiore o index.html, non all'interno di ogni componente del percorso.
  4. 4Non creare un endpoint backend o un proxy per questo snippet di widget pubblico.
  5. 5Non spostare la chiave del widget pubblico API in una variabile di ambiente riservata solo al server privato a meno che la build non la invii ancora al browser.
  6. 6Conserva data-api-key e data-api-url esattamente come forniti.
  7. 7Dopo l'implementazione, dimmi quale file è stato modificato e come verificare che il widget si apra e risponda con citazioni.

Docusaurus Prompt​

Prompt pronto da copiare
Docusaurus Prompt

Installa ChattyBox su questo sito di documentazione Docusaurus.

Utilizza questo snippet widget dalla mia dashboard ChattyBox:

Snippet del widgetHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Requisiti
  1. 1Aggiungi lo script una volta per l'intero sito di documenti, preferibilmente in src/theme/Root.tsx o src/theme/Root.js.
  2. 2Mantieni intatti il tema Docusaurus esistente, la barra di navigazione, il piè di pagina, l'analisi e il comportamento i18n.
  3. 3Non aggiungere lo script a ogni singola pagina Markdown.
  4. 4Se il sito ha percorsi localizzati, utilizza data-locale solo quando necessario e abbinalo alla lingua della pagina corrente.
  5. 5Verifica che lo script includa ancora data-api-key e data-api-url.
  6. 6Dopo l'implementazione, esegui la build Docusaurus o il comando di verifica dei documenti esistenti del progetto.

WordPress o CMS Prompt​

Prompt pronto da copiare
WordPress o CMS Prompt

Aggiungi ChattyBox a questo sito web WordPress o CMS.

Utilizza questo snippet widget dalla mia dashboard ChattyBox:

Snippet del widgetHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Requisiti
  1. 1Aggiungi lo script tramite il percorso del codice personalizzato globale più sicuro disponibile: script del piè di pagina del tema, un piè di pagina del tema figlio, un plug-in dello script di intestazione/piè di pagina, l'area personalizzata globale HTML o Google Tag Manager.
  2. 2Caricalo su pagine pubbliche, post, documenti e articoli della knowledge base in cui i visitatori possono porre domande.
  3. 3Non caricarlo nelle pagine di amministrazione, pagamento, account, di sola gestione temporanea o di iscrizione privata se non esplicitamente richiesto.
  4. 4Non rimuovere data-api-key, data-api-url o asincrono dallo script.
  5. 5Se CMS ha modelli di lingua separati, imposta data-locale sul codice di lingua corrispondente, quando appropriato.
  6. 6Dammi il luogo esatto in cui è stato aggiunto lo script e un breve piano di test del browser.

Google Tag Manager Prompt​

Prompt pronto da copiare
Google Tag Manager Prompt

Crea istruzioni per installare ChattyBox con Google Tag Manager.

Utilizza questo snippet widget dalla mia dashboard ChattyBox:

Snippet del widgetHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Requisiti
  1. 1Crea un tag personalizzato HTML con lo script esatto sopra.
  2. 2Utilizza un trigger Tutte le pagine a meno che non specifichi un insieme più ristretto di pagine pubbliche.
  3. 3Menziona le impostazioni del consenso se questo contenitore GTM utilizza la modalità di consenso.
  4. 4Includi controlli in modalità anteprima per l'attivazione dei tag, la visualizzazione del launcher del widget, l'invio di una domanda di prova e la visualizzazione delle citazioni.
  5. 5Non suggerire di aggiungere chiavi private API o segreti del server a GTM.

Convalida post-installazione Prompt​

Prompt pronto da copiare
Convalida post-installazione Prompt

Esamina questa installazione di ChattyBox per verificarne la preparazione al lancio.

Controlla questi requisiti
  1. 1Lo script del widget viene caricato una volta sulle pagine pubbliche previste.
  2. 2Lo script include src="https://chattybox.ai/widget.js".
  3. 3Lo script include data-api-key e data-api-url.
  4. 4La lingua della pagina e qualsiasi valore data-locale corrispondono al contenuto della pagina.
  5. 5La console del browser non presenta attributi ChattyBox mancanti, chiavi non valide o errori di origine.
  6. 6Il widget si apre, invia una domanda di prova realistica, risposte da contenuti indicizzati e mostra citazioni di fonti.
  7. 7Il sito non espone chiavi del server privato o segreti non correlati.

Restituisci eventuali problemi con percorsi di file, riferimenti esatti al codice e la più piccola soluzione sicura.