Neidio i'r prif gynnwys
ChattyBox Logo

AI Adeiladwr Prompts

Defnyddiwch yr awgrymiadau hyn gyda Cursor, Claude, v0, Bolt, Lovable, Replit, neu adeiladwr AI arall pan fyddwch chi am iddo osod ChattyBox i chi.

Cyn gludo anogwr, copïwch y pyt teclyn union o'ch dangosfwrdd ChattyBox. Cadwch y teclyn cyhoeddus API allwedd a data-api-url yn union fel y dangosir.

Cyffredinol Prompt​

Anogiad barod i'w gopïo
Cyffredinol Prompt

Ychwanegu ChattyBox i'r wefan hon.

Defnyddiwch y sgript hon o fy dangosfwrdd ChattyBox:

Darn cod widgetHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Gofynion
  1. 1Llwythwch y sgript unwaith ar bob tudalen gyhoeddus lle dylai ymwelwyr weld y chatbot.
  2. 2Rhowch ef yn agos at ddiwedd y corff neu defnyddiwch y llwythwr sgript a argymhellir yn y fframwaith.
  3. 3Peidiwch â datgelu allweddi gweinydd preifat API, tocynnau gweinyddol, cyfrinachau amgylchedd, neu fanylion gwasanaeth.
  4. 4Cadwch yr allwedd ChattyBox widget API cyhoeddus yn union fel y darperir.
  5. 5Cadwch data-api-url yn union fel y darperir gan y dangosfwrdd ChattyBox.
  6. 6Os oes gan y wefan hon dudalennau iaith-benodol, gosodwch data-locale i iaith y dudalen neu dibynnwch ar briodwedd html lang y dudalen.
  7. 7Dilysu bod y teclyn yn ymddangos, yn agor, yn anfon cwestiwn prawf, ac yn dangos dyfyniadau ffynhonnell.

Next.js / React Prompt​

Anogiad barod i'w gopïo
Next.js / React Prompt

Gosodwch ChattyBox yn y Next.js neu React plisgyn ap hwn.

Defnyddiwch y pytiau teclyn hwn o fy dangosfwrdd ChattyBox:

Darn cod widgetHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Gofynion gweithredu
  1. 1Ar gyfer Next.js App Router, ychwanegwch y sgript yn app/layout.tsx gyda next/script a strategy="afterInteractive".
  2. 2Ar gyfer Next.js Llwybrydd Tudalennau, ychwanegwch ef yn pages/_app.tsx neu pages/_document.tsx gan ddefnyddio'r llwythwr sgript a argymhellir gan y fframwaith.
  3. 3Ar gyfer SPA React, llwythwch y sgript unwaith yn y plisgyn ap lefel uchaf neu index.html, nid y tu mewn i bob cydran llwybr.
  4. 4Peidiwch â chreu pwynt terfyn ôl-wyneb neu ddirprwy ar gyfer y pyt teclyn cyhoeddus hwn.
  5. 5Peidiwch â symud allwedd y teclyn cyhoeddus API i newidyn amgylchedd gweinydd preifat yn unig oni bai bod yr adeilad yn dal i'w allbynnu i'r porwr.
  6. 6Cadwch data-api-key a data-api-url yn union fel y darperir.
  7. 7Ar ôl gweithredu, dywedwch wrthyf pa ffeil sydd wedi newid a sut i brofi bod y teclyn yn agor ac yn ateb gyda dyfyniadau.

Docusaurus Prompt​

Anogiad barod i'w gopïo
Docusaurus Prompt

Gosodwch ChattyBox ar y wefan ddogfennaeth Docusaurus hon.

Defnyddiwch y pytiau teclyn hwn o fy dangosfwrdd ChattyBox:

Darn cod widgetHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Gofynion
  1. 1Ychwanegwch y sgript unwaith ar gyfer y safle dogfennau cyfan, yn ddelfrydol yn src/theme/Root.tsx neu src/theme/Root.js.
  2. 2Cadwch y thema Docusaurus bresennol, bar llywio, troedyn, dadansoddeg, ac ymddygiad i18n yn gyfan.
  3. 3Peidiwch ag ychwanegu'r sgript at bob tudalen Markdown unigol.
  4. 4Os oes gan y wefan lwybrau lleol, defnyddiwch data-locale dim ond pan fo angen a'i gyfateb i iaith gyfredol y dudalen.
  5. 5Cadarnhewch fod y sgript yn dal i gynnwys data-api-key a data-api-url.
  6. 6Ar ôl ei weithredu, rhedwch yr adeilad Docusaurus neu orchymyn dilysu dogfennau presennol y prosiect.

WordPress neu CMS Prompt​

Anogiad barod i'w gopïo
WordPress neu CMS Prompt

Ychwanegu ChattyBox i'r wefan WordPress neu CMS yma.

Defnyddiwch y pytiau teclyn hwn o fy dangosfwrdd ChattyBox:

Darn cod widgetHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Gofynion
  1. 1Ychwanegwch y sgript trwy'r llwybr cod arferiad byd-eang mwyaf diogel sydd ar gael: sgriptiau troedyn thema, troedyn thema plentyn, ategyn sgript pennawd/troedyn, yr ardal CMS arfer byd-eang HTML, neu Google Tag Manager.
  2. 2Llwythwch ef ar dudalennau cyhoeddus, postiadau, dogfennau, ac erthyglau sylfaen wybodaeth lle dylai ymwelwyr ofyn cwestiynau.
  3. 3Peidiwch â'i lwytho mewn tudalennau gweinyddol, til, cyfrif, llwyfannu yn unig, neu dudalennau aelodaeth breifat oni bai y gofynnir yn benodol.
  4. 4Peidiwch â thynnu data-api-key, data-api-url, neu async o'r sgript.
  5. 5Os oes gan y CMS dempledi iaith ar wahân, gosodwch data-locale i'r cod iaith cyfatebol pan fo'n briodol.
  6. 6Rhowch yr union fan lle ychwanegwyd y sgript a chynllun prawf porwr byr i mi.

Google Tag Manager Prompt​

Anogiad barod i'w gopïo
Google Tag Manager Prompt

Creu cyfarwyddiadau i osod ChattyBox gyda Google Tag Manager.

Defnyddiwch y pytiau teclyn hwn o fy dangosfwrdd ChattyBox:

Darn cod widgetHTML
<script
src="https://chattybox.ai/widget.js"
data-api-key="YOUR_API_KEY"
data-api-url="https://app.chattybox.ai"
async
></script>
Gofynion
  1. 1Creu tag Custom HTML gyda'r union sgript uchod.
  2. 2Defnyddiwch sbardun Pob Tudalen oni bai fy mod yn nodi set gulach o dudalennau cyhoeddus.
  3. 3Soniwch am osodiadau caniatâd os yw'r cynhwysydd GTM hwn yn defnyddio modd caniatâd.
  4. 4Cynhwyswch wiriadau modd rhagolwg ar gyfer tanio tagiau, lansiwr teclyn yn ymddangos, anfon cwestiwn prawf, a dyfyniadau yn ymddangos.
  5. 5Peidiwch ag awgrymu ychwanegu allweddi preifat API neu gyfrinachau gweinydd i GTM.

Dilysiad Ôl-osod Prompt​

Anogiad barod i'w gopïo
Dilysiad Ôl-osod Prompt

Adolygwch y gosodiad ChattyBox hwn ar gyfer parodrwydd lansio.

Gwiriwch y gofynion hyn
  1. 1Mae'r sgript teclyn yn cael ei lwytho unwaith ar dudalennau cyhoeddus arfaethedig.
  2. 2Mae'r sgript yn cynnwys src=" https://chattybox.ai/widget.js".
  3. 3Mae'r sgript yn cynnwys data-api-key a data-api-url.
  4. 4Mae iaith y dudalen ac unrhyw werth data-locale yn cyd-fynd â chynnwys y dudalen.
  5. 5Nid oes gan y consol porwr unrhyw ChattyBox priodoledd coll, allwedd annilys, neu wallau tarddiad.
  6. 6Mae'r teclyn yn agor, yn anfon cwestiwn prawf realistig, yn ateb o gynnwys wedi'i fynegeio, ac yn dangos dyfyniadau ffynhonnell.
  7. 7Nid yw'r wefan yn datgelu allweddi gweinydd preifat na chyfrinachau digyswllt.

Dychwelwch unrhyw broblemau gyda llwybrau ffeil, cyfeiriadau cod union, a'r ateb diogel lleiaf.