Liigu põhisisu juurde
ChattyBox Logo

AI Builder Prompts

Kasutage neid viipasid Cursor, Claude, v0, Bolt, Lovable, Replit või mõne muu AI koostajaga, kui soovite, et see installiks teie eest ChattyBox.

Enne viipa kleepimist kopeerige täpne vidina koodilõik oma ChattyBox juhtpaneelilt. Hoidke avalik vidin API ja data-api-url täpselt nii, nagu näidatud.

Universaalne Prompt​

Kopeerimisvalmis prompt
Universaalne Prompt

Lisage ChattyBox sellele veebisaidile.

Kasutage seda skripti minu ChattyBox juhtpaneelilt:

Vidina koodilõikHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Nõuded
  1. 1Laadige skript üks kord igale avalikule lehele, kus külastajad peaksid vestlusrobotit nägema.
  2. 2Asetage see põhiosa lõppu või kasutage raamistiku soovitatud skriptilaadurit.
  3. 3Ärge avaldage privaatserveri API võtmeid, administraatori lubasid, keskkonnasaladusi ega teenuse mandaate.
  4. 4Hoidke avalik ChattyBox vidina võti API täpselt sellisena, nagu ette nähtud.
  5. 5Hoidke data-api-url täpselt nii, nagu seda pakub ChattyBox armatuurlaud.
  6. 6Kui sellel saidil on keelepõhiseid lehti, määrake lehe keeleks data-locale või tuginege lehe HTML-i lang-atribuudile.
  7. 7Kontrollige, kas vidin ilmub, avaneb, saadab testküsimuse ja kuvab allikaviiteid.

Next.js / React Prompt​

Kopeerimisvalmis prompt
Next.js / React Prompt

Installige ChattyBox sellesse Next.js või React rakenduse kesta.

Kasutage seda vidina fragmenti minu ChattyBox juhtpaneelilt:

Vidina koodilõikHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Rakendusnõuded
  1. 1Rakenduse Next.js jaoks lisage skript jaotises app/layout.tsx koos next/script ja strategy="afterInteractive".
  2. 2Next.js Pages Routeri jaoks lisage see jaotisesse pages/_app.tsx või pages/_document.tsx, kasutades raamistiku soovitatud skriptilaadurit.
  3. 3React SPA jaoks laadige skript üks kord ülataseme rakenduse kestas või index.html, mitte igas marsruudikomponendis.
  4. 4Ärge looge selle avaliku vidina koodilõigu jaoks tausta lõpp-punkti ega puhverserverit.
  5. 5Ärge teisaldage avalikku vidina API võtit privaatsesse serveripõhisesse keskkonnamuutujasse, välja arvatud juhul, kui järg seda ikkagi brauserisse väljastab.
  6. 6Hoidke data-api-key ja data-api-url täpselt nii, nagu ette nähtud.
  7. 7Pärast juurutamist öelge mulle, milline fail muutus ja kuidas testida, et vidin avaneb ja vastab viidetega.

Docusaurus Prompt​

Kopeerimisvalmis prompt
Docusaurus Prompt

Installige ChattyBox sellelt Docusaurus dokumentatsiooni saidilt.

Kasutage seda vidina fragmenti minu ChattyBox juhtpaneelilt:

Vidina koodilõikHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Nõuded
  1. 1Lisage skript üks kord kogu dokumentide saidi jaoks, eelistatavalt src/theme/Root.tsx või src/theme/Root.js.
  2. 2Hoidke olemasolev Docusaurus teema, navigeerimisriba, jalus, analüüs ja i18n käitumine puutumatuna.
  3. 3Ärge lisage skripti igale üksikule Markdowni lehele.
  4. 4Kui saidil on lokaliseeritud marsruudid, kasutage data-locale ainult vajaduse korral ja sobitage see praeguse lehe keelega.
  5. 5Veenduge, et skript sisaldab endiselt data-api-key ja data-api-url.
  6. 6Pärast juurutamist käivitage Docusaurus järg või projekti olemasoleva dokumentide kontrollimise käsk.

WordPress või CMS Prompt​

Kopeerimisvalmis prompt
WordPress või CMS Prompt

Lisage ChattyBox sellele WordPress või CMS veebisaidile.

Kasutage seda vidina fragmenti minu ChattyBox juhtpaneelilt:

Vidina koodilõikHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Nõuded
  1. 1Lisage skript kõige turvalisema globaalse kohandatud kooditee kaudu: teema jaluse skriptid, alamteema jalus, päise/jaluse skripti pistikprogramm, CMS globaalne kohandatud HTML ala või Google Tag Manager.
  2. 2Laadige see avalikele lehtedele, postitustele, dokumentidele ja teadmistebaasi artiklitele, kus külastajad peaksid küsimusi esitama.
  3. 3Ärge laadige seda administraatori-, kassa-, konto-, ainult lavastuse või privaatsetele liikmesuslehtedele, välja arvatud juhul, kui see on selgesõnaliselt nõutud.
  4. 4Ärge eemaldage skriptist data-api-key, data-api-url ega asünkrooni.
  5. 5Kui CMS-l on eraldi keelemallid, määrake data-locale sobivaks keelekoodiks, kui see on asjakohane.
  6. 6Andke mulle täpne koht, kuhu skript lisati, ja lühike brauseri testimise plaan.

Google Tag Manager Prompt​

Kopeerimisvalmis prompt
Google Tag Manager Prompt

Looge juhised ChattyBox installimiseks koos Google Tag Manager.

Kasutage seda vidina fragmenti minu ChattyBox juhtpaneelilt:

Vidina koodilõikHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Nõuded
  1. 1Looge kohandatud HTML märgend täpse ülaltoodud skriptiga.
  2. 2Kasutage päästikut Kõik lehed, kui ma ei määra kitsamat avalike lehtede komplekti.
  3. 3Kui see GTM konteiner kasutab nõusolekurežiimi, mainige nõusoleku seadeid.
  4. 4Kaasake märgendi käivitamise, vidinakäiviti ilmumise, testküsimuse saatmise ja tsitaatide kuvamise eelvaaterežiimi kontrollid.
  5. 5Ärge soovitage GTM privaatsete API võtmete või serverisaladuste lisamist.

Installimisjärgne kinnitamine Prompt​

Kopeerimisvalmis prompt
Installimisjärgne kinnitamine Prompt

Kontrollige seda ChattyBox installi käivitamisvalmidust.

Kontrollige neid nõudeid
  1. 1Vidina skript laaditakse ettenähtud avalikele lehtedele üks kord.
  2. 2Skript sisaldab src="https://chattybox.ai/widget.js".
  3. 3Skript sisaldab data-api-key ja data-api-url.
  4. 4Lehe keel ja mis tahes data-locale väärtus vastavad lehe sisule.
  5. 5Brauseri konsoolil pole ChattyBox puuduvat atribuuti, kehtetut võtit ega päritoluvigu.
  6. 6Vidin avaneb, saadab realistliku testküsimuse, vastused indekseeritud sisust ja näitab allikaviiteid.
  7. 7Sait ei avalda privaatserveri võtmeid ega sellega mitteseotud saladusi.

Tagasta kõik failiteedega seotud probleemid, täpsed koodiviited ja väikseim turvaparandus.