Siirry pääsisältöön
ChattyBox Logo

AI Builder Prompts

Käytä näitä kehotteita Cursorin, Clauden, v0:n, Boltin, Lovablen, Replitin tai muun tekoälyn rakentajan kanssa, kun haluat sen asentavan ChattyBox puolestasi.

Ennen kuin liität kehotteen, kopioi tarkka widget-koodinpätkä ChattyBox-hallintapaneelista. Pidä julkinen widget API-avain ja data-api-url täsmälleen kuvan mukaisesti.

Universal Prompt​

Kopiointivalmis kehote
Universal Prompt

Lisää ChattyBox tälle verkkosivustolle.

Käytä tätä komentosarjaa ChattyBox-hallintapaneelistani:

Widgetin koodinpätkäHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Vaatimukset
  1. 1Lataa skripti kerran jokaiselle julkiselle sivulle, jolla kävijöiden pitäisi nähdä chatbot.
  2. 2Aseta se lähelle rungon loppua tai käytä kehyksen suosittelemaa skriptilataajaa.
  3. 3Älä paljasta yksityisen palvelimen API avaimia, järjestelmänvalvojan tunnuksia, ympäristön salaisuuksia tai palvelun valtuustietoja.
  4. 4Pidä julkinen ChattyBox-widget API-avain täsmälleen sellaisena kuin se on annettu.
  5. 5Säilytä data-api-url täsmälleen sellaisena kuin ChattyBox-hallintapaneeli tarjoaa.
  6. 6Jos tällä sivustolla on kielikohtaisia sivuja, aseta sivun kieleksi data-locale tai luota sivun html lang -attribuuttiin.
  7. 7Varmista, että widget tulee näkyviin, avautuu, lähettää testikysymyksen ja näyttää lähdeviittauksia.

Next.js / React Prompt​

Kopiointivalmis kehote
Next.js / React Prompt

Asenna ChattyBox tähän Next.js- tai React-sovelluksen kuoreen.

Käytä tätä widget-katkelmaa ChattyBox-hallintapaneelistani:

Widgetin koodinpätkäHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Käyttöönottovaatimukset
  1. 1Lisää komentosarja Next.js App Routerille app/layout.tsx komennoilla next/script ja strategy="afterInteractive".
  2. 2Lisää Next.js Pages Routerille se pages/_app.tsx- tai pages/_document.tsx -sovellukseen käyttämällä kehyksen suosittelemaa komentosarjalataajaa.
  3. 3Jos kyseessä on React SPA, lataa komentosarja kerran ylätason sovelluksen kuoreen tai index.html, ei jokaiseen reittikomponenttiin.
  4. 4Älä luo taustapäätepistettä tai välityspalvelinta tälle julkiselle widget-koodinpätkälle.
  5. 5Älä siirrä julkista widget-avainta API yksityiseen vain palvelinympäristömuuttujaan, ellei koontiversio vielä tuota sitä selaimeen.
  6. 6Säilytä data-api-key ja data-api-url täsmälleen annetussa muodossa.
  7. 7Kerro toteutuksen jälkeen, mikä tiedosto muuttui ja miten testataan, että widget avautuu ja vastaa lainauksin.

Docusaurus Prompt​

Kopiointivalmis kehote
Docusaurus Prompt

Asenna ChattyBox tälle Docusaurus -dokumentaatiosivustolle.

Käytä tätä widget-katkelmaa ChattyBox-hallintapaneelistani:

Widgetin koodinpätkäHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Vaatimukset
  1. 1Lisää skripti kerran koko asiakirjasivustolle, mieluiten src/theme/Root.tsx tai src/theme/Root.js.
  2. 2Säilytä nykyinen Docusaurus-teema, navigointipalkki, alatunniste, analytiikka ja i18n-käyttäytyminen ennallaan.
  3. 3Älä lisää komentosarjaa jokaiselle yksittäiselle Markdown-sivulle.
  4. 4Jos sivustolla on lokalisoituja reittejä, käytä data-locale vain tarvittaessa ja yhdistä se nykyiseen sivun kieleen.
  5. 5Varmista, että komentosarja sisältää edelleen data-api-key ja data-api-url.
  6. 6Suorita käyttöönoton jälkeen Docusaurus-koontiversio tai projektin olemassa oleva asiakirjojen vahvistuskomento.

WordPress tai CMS Prompt​

Kopiointivalmis kehote
WordPress tai CMS Prompt

Lisää ChattyBox tälle WordPress tai CMS -sivustolle.

Käytä tätä widget-katkelmaa ChattyBox-hallintapaneelistani:

Widgetin koodinpätkäHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Vaatimukset
  1. 1Lisää komentosarja turvallisimman saatavilla olevan maailmanlaajuisen mukautetun koodipolun kautta: teeman alatunnisteen komentosarjat, alatunnisteen alatunniste, ylä-/alatunniste komentosarjalaajennus, CMS globaali mukautettu HTML-alue tai Google Tag Manager.
  2. 2Lataa se julkisille sivuille, viesteihin, asiakirjoihin ja tietokannan artikkeleihin, joissa vierailijoiden tulee esittää kysymyksiä.
  3. 3Älä lataa sitä järjestelmänvalvoja-, kassa-, tili-, vain välityssivuille tai yksityisille jäsensivuille, ellei sitä nimenomaisesti pyydetä.
  4. 4Älä poista komentosarjasta data-api-key, data-api-url tai async.
  5. 5Jos CMS:ssa on erilliset kielimallit, aseta data-locale vastaavaksi kielikoodiksi tarvittaessa.
  6. 6Anna minulle tarkka paikka, johon komentosarja lisättiin, ja lyhyt selaimen testisuunnitelma.

Google Tag Manager Prompt​

Kopiointivalmis kehote
Google Tag Manager Prompt

Luo ohjeet asentaaksesi ChattyBox komennolla Google Tag Manager.

Käytä tätä widget-katkelmaa ChattyBox-hallintapaneelistani:

Widgetin koodinpätkäHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Vaatimukset
  1. 1Luo mukautettu HTML-tunniste tarkalla yllä olevalla komentosarjalla.
  2. 2Käytä Kaikki sivut -laukaisinta, ellei määritä kapeampaa joukkoa julkisia sivuja.
  3. 3Mainitse suostumusasetukset, jos tämä GTM-säilö käyttää suostumustilaa.
  4. 4Sisällytä esikatselutilan tarkistukset tagin käynnistymiselle, widget-käynnistysohjelman näyttämiselle, testikysymyksen lähettämiselle ja lainausten näyttämiselle.
  5. 5Älä suosittele yksityisten API-avaimien tai palvelinsalaisuuksien lisäämistä kohteeseen GTM.

Asennuksen jälkeinen vahvistus Prompt​

Kopiointivalmis kehote
Asennuksen jälkeinen vahvistus Prompt

Tarkista tämän ChattyBox-asennuksen käynnistysvalmius.

Tarkista nämä vaatimukset
  1. 1Widget-skripti ladataan kerran tarkoitetuille julkisille sivuille.
  2. 2Skripti sisältää src="https://chattybox.ai/widget.js".
  3. 3Skripti sisältää data-api-key ja data-api-url.
  4. 4Sivun kieli ja mahdollinen data-locale-arvo vastaavat sivun sisältöä.
  5. 5Selainkonsolissa ei ole ChattyBox puuttuvaa attribuuttia, virheellistä avainta tai alkuperävirheitä.
  6. 6Widget avautuu, lähettää realistisen testikysymyksen, vastaa indeksoidusta sisällöstä ja näyttää lähdeviittauksia.
  7. 7Sivusto ei paljasta yksityisiä palvelinavaimia tai asiaankuulumattomia salaisuuksia.

Palauta kaikki tiedostopolkuihin liittyvät ongelmat, tarkat koodiviittaukset ja pienin turvallinen korjaus.