Sut i Agor y Ffenestr Sgwrsio gyda Dolen

Gallwch agor y ffenestr sgwrsio drwy ddefnyddio dolen ddwfn heb addasu cod eich thema. Yn Shopify Theme Editor, ychwanegwch yr hashnod #shoply-ai-chatbot at unrhyw fotwm, eicon, neu elfen destun. Pan fydd cwsmeriaid yn clicio ar yr elfennau hyn, bydd y ffenestr sgwrsio yn agor yn awtomatig.

Enghraifft fyw: demo.shoplyai.ai

Camau:

Golygwch y botwm, testun, neu eicon dymunol yn eich golygydd thema.
Gosodwch y ddolen neu’r URL i #shoply-ai-chatbot.

Enghreifftiau:

Defnyddiwch fotwm i agor y ffenestr sgwrsio:

Defnyddiwch destun â dolen i agor y ffenestr sgwrsio:

Agor Sgwrs gyda Chwestiynau sy’n Benodol i Gynnyrch

Ychwanegwch fotwm “Question About This Product?” at dudalen cynnyrch i helpu siopwyr i ofyn am yr eitem honno. Gosodwch ei ddolen i #shoply_product_questions. Bydd clicio arno yn agor y sgwrs gydag enw’r cynnyrch, crynodeb byr o’r cynnyrch, a chwestiynau a gynhyrchir yn awtomatig sy’n berthnasol i’r cynnyrch hwnnw.

Yn Shopify Theme Editor, agorwch dempled eich cynnyrch ac ychwanegwch neu golygwch fotwm neu destun â dolen sy’n cefnogi URL.
Gosodwch y label i “Question About This Product?” a’r ddolen i #shoply_product_questions.
Cadwch, ewch i dudalen cynnyrch, a chliciwch y ddolen i wirio’r cwestiynau cynnyrch.

Os nad yw eich thema yn cynnig gosodiad addas ar gyfer botwm neu ddolen, ychwanegwch y ddolen hon yn HTML templed y cynnyrch:

html


<a href="#shoply_product_questions">Question About This Product?</a>

Defnyddiwch y ddolen hon ar dudalen cynnyrch fel bod gan Shoply gyd-destun y cynnyrch. Gallwch hefyd rannu URL cynnyrch llawn sy’n gorffen gyda #shoply_product_questions.

Rhowch gynnig ar y sgwrs cwestiynau-cynnyrch ar gyfer Bent 85 Skis . Mae’r awgrymiadau yn cynnwys cwestiynau am bwysau’r sgïau, y craidd, proffil rocker, a chelf topsheet. Gall siopwyr ddewis awgrym neu deipio eu cwestiwn eu hunain.

Am enghreifftiau o ble i ddefnyddio’r dolenni hyn, gweler cwestiynau cynnyrch wedi’u pweru gan AI yn ein canllaw amnewid Cwestiynau Cyffredin.

Mae’r cwestiynau cynnyrch hyn yn cael eu cynhyrchu’n awtomatig. Mae’r cwestiynau cychwynnol rydych yn eu ffurfweddu yn Customize AI Chat yn berthnasol i agoriad safonol y sgwrs yn lle hynny.

Agor Sgwrs gyda Chwestiwn wedi’i Lenwi Ymlaen Llaw

Eisiau agor y ffenestr sgwrsio ac anfon cwestiwn yn awtomatig? Gallwch wneud hyn naill ai drwy ddefnyddio darn hash (argymelledig) neu baramedr ymholiad URL.

Mae hyn yn berffaith ar gyfer creu dolenni uniongyrchol at bynciau cyffredin fel polisi cludo, polisi dychwelyd, neu ymholiadau cynnyrch.

Argymelledig: Darn Hash (dim ail-lwytho tudalen)

Defnyddiwch y darn hash #shoply_question=. Gan fod yr hash yn cael ei brosesu’n gyfan gwbl yn y porwr, ni fydd clicio ar y ddolen hon yn ail-lwytho’r dudalen, a chaiff unrhyw hanes sgwrsio presennol ei gadw.

Fformat:

plaintext


https://your-store.com#shoply_question=your question here

Enghreifftiau:

Polisi Cludo: https://your-store.com#shoply_question=What is your shipping policy?
Dychweliadau: https://your-store.com#shoply_question=How do I return an item?
Statws Archeb: https://your-store.com#shoply_question=Where is my order?
Darganfod Cynhyrchion: https://your-store.com#shoply_question=What class 2 e-bikes are available under $2000?

Gallwch gyfuno hyn ag unrhyw dudalen yn eich siop. Er enghraifft, i agor y chatbot gyda chwestiwn ar dudalen cynnyrch benodol:

plaintext


https://your-store.com/products/blue-jacket#shoply_question=What sizes are available?

Hen Ddull: Paramedr Ymholiad URL

Mae’r paramedr ymholiad ?shoply_question= yn dal i gael ei gefnogi ar gyfer cydnawsedd yn ôl. Sylwch y bydd atodi paramedr ymholiad at URL y mae’r cwsmer arno eisoes yn achosi ail-lwytho tudalen.

Fformat:

plaintext


https://your-store.com?shoply_question=your question here

Nodyn: Cofiwch amgodio eich cwestiwn fel URL wrth ddefnyddio nodau arbennig neu fylchau. Bydd y rhan fwyaf o borwyr yn gwneud hyn yn awtomatig, ond os ydych yn ychwanegu dolenni’n rhaglennol, defnyddiwch amgodio URL priodol (e.e., bydd bylchau yn dod yn %20).

Pan fydd cwsmer yn clicio ar y naill fath neu’r llall o ddolen, bydd y ffenestr sgwrsio yn agor yn awtomatig a bydd y cwestiwn yn cael ei anfon at y chatbot AI, gan ddarparu ateb ar unwaith.

Achosion Defnydd:

Ychwanegwch ddolen “Ask about shipping” yn eich troedyn
Creu codau QR sy’n agor y chatbot gyda chwestiynau penodol
Cynnwys dolenni defnyddiol yn eich ymgyrchoedd e-bost neu gadarnhadau archeb
Ychwanegwch ddolenni cymorth cyd-destunol ar dudalennau cynnyrch (e.e., “Ask about sizing”)

Sut i Ddefnyddio Dolen Ddwfn i Agor y Ffenestr Sgwrsio (angen golygu’r cod yn nhempled y Thema)

Yn yr adran flaenorol, trafodasom sut i ddefnyddio’r hashnod (dolen ddwfn) i sbarduno’r ffenestr sgwrsio drwy ei ychwanegu at unrhyw fotwm, eicon, neu destun yn uniongyrchol o’r Theme Editor, heb olygu cod eich thema.

Fodd bynnag, os hoffech gael hyblygrwydd llawn i ychwanegu’r ddolen ddwfn yn unrhyw le ar eich siop (e.e., creu eicon newydd yn y pennyn), bydd angen i chi olygu cod y templed.

Isod mae enghreifftiau cod HTML syml y gallwch eu defnyddio i greu eiconau newydd yn nhempled eich Thema:

Enghreifftiau Cod

1. Eicon Sgwrsio

Mae’r cod isod yn ychwanegu eicon sgwrsio:

plaintext


<a href="#shoply-ai-chatbot"
   style="display:inline-flex;align-items:center;margin-right:13px">
    <svg viewBox="64 64 896 896" style="height:28px;width:28px;fill:orange">
        <path
            d="M868.2 377.4c-18.9-45.1-46.3-85.6-81.2-120.6a377.26 377.26 0 00-120.5-81.2A375.65 375.65 0 00519 145.8c-41.9 0-82.9 6.7-121.9 20C306 123.3 200.8 120 170.6 120c-2.2 0-7.4 0-9.4.2-11.9.4-22.8 6.5-29.2 16.4-6.5 9.9-7.7 22.4-3.4 33.5l64.3 161.6a378.59 378.59 0 00-52.8 193.2c0 51.4 10 101 29.8 147.6 18.9 45 46.2 85.6 81.2 120.5 34.7 34.8 75.4 62.1 120.5 81.2C418.3 894 467.9 904 519 904c51.3 0 100.9-10.1 147.7-29.8 44.9-18.9 85.5-46.3 120.4-81.2 34.7-34.8 62.1-75.4 81.2-120.6a376.5 376.5 0 0029.8-147.6c-.2-51.2-10.1-100.8-29.9-147.4zm-66.4 266.5a307.08 307.08 0 01-65.9 98c-28.4 28.5-61.3 50.7-97.7 65.9h-.1c-38 16-78.3 24.2-119.9 24.2a306.51 306.51 0 01-217.5-90.2c-28.4-28.5-50.6-61.4-65.8-97.8v-.1c-16-37.8-24.1-78.2-24.1-119.9 0-55.4 14.8-109.7 42.8-157l13.2-22.1-9.5-23.9L206 192c14.9.6 35.9 2.1 59.7 5.6 43.8 6.5 82.5 17.5 114.9 32.6l19 8.9 19.9-6.8c31.5-10.8 64.8-16.2 98.9-16.2a306.51 306.51 0 01217.5 90.2c28.4 28.5 50.6 61.4 65.8 97.8l.1.1.1.1c16 37.6 24.1 78 24.2 119.8-.1 41.7-8.3 82-24.3 119.8zM681.1 364.2c-20.4 0-37.1 16.7-37.1 37.1v55.1c0 20.4 16.6 37.1 37.1 37.1s37.1-16.7 37.1-37.1v-55.1c0-20.5-16.7-37.1-37.1-37.1zm-175.2 0c-20.5 0-37.1 16.7-37.1 37.1v55.1c0 20.4 16.7 37.1 37.1 37.1 20.5 0 37.1-16.7 37.1-37.1v-55.1c0-20.5-16.7-37.1-37.1-37.1z" />
    </svg>
</a>

2. Eicon Seren AI

Mae’r cod isod yn ychwanegu seren AI:

plaintext


<a href="#shoply-ai-chatbot" style="display:inline-flex;align-items:center">
    <img style="height:28px;width:28px" src="https://[CFN_PRODUCTION_ASSET]/AIStar.svg" alt="Shoply Chatbot"  />
</a>

3. Dull Galw Swyddogaeth

Yn ogystal â defnyddio hashnodau, gallwch hefyd roi’r alwad swyddogaeth openShoplyAIChatBot() yn briodoledd onclick unrhyw fotwm/eicon, fel y bydd cwsmeriaid yn gweld y ffenestr sgwrsio pan fyddant yn clicio’r botwm/eicon.

plaintext


<button onclick="openShoplyAIChatBot()" style="border-radius:20px;margin:10px;cursor:pointer;background:black">
    <span style="font-size:13px;color:white;margin:5px">Click to Chat</span>
</button>

Angen Cymorth?

Gallwch ddefnyddio unrhyw un o’r enghreifftiau uchod, a mewnosod y cod wrth ymyl yr eicon chwilio yn y ffeil sections/header.liquid, i ychwanegu’r ddolen ddwfn sgwrsio at bennyn eich siop.

Fodd bynnag, os nad ydych yn gwbl gyfforddus yn golygu’r cod yn nhempled eich Thema, peidiwch â phoeni!

Mae croeso i chi drefnu cyfarfod gyda ni , a byddwn yn falch o’ch helpu i osod yr eicon perffaith yn y lleoliad delfrydol i gyd-fynd â naws unigryw eich siop.

Sut i Guddio’r Eicon Arnofiol?

Unwaith y byddwch yn ffurfweddu’r ddolen ddwfn i agor y ffenestr sgwrsio, efallai y byddwch am guddio’r eicon arnofiol. Hefyd, mae perchnogion siopau yn aml yn nodi y gall cael gormod o eiconau arnofiol ar eu gwefannau fod yn orlethol. Rydym yn deall eich pryderon! Dyna pam rydym wedi cyflwyno nodwedd i guddio’r eicon sgwrsio.

Yn adran “Customize AI Chat” consol gweinyddu’r ap, o dan osodiadau Select a Chat Icon, gallwch nawr ddewis yr opsiwn:

“Hide floating icon and use deep link to open chat”.

Mae hyn yn caniatáu i chi guddio’r eicon arnofiol tra’n dal i alluogi’r ffenestr sgwrsio i agor drwy ddolen ddwfn.