Sut i Ddefnyddio Dolen Ddwfn i Agor y Ffenestr Sgwrsio (Heb Olygu Cod y Thema)

Gallwch agor y ffenestr sgwrsio drwy ddefnyddio dolen ddwfn heb addasu cod eich thema. Yn Golygydd Thema Shopify, 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’n agor yn awtomatig.

Enghraifft fyw: demo.shoplyai.ai

Camau:

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

Enghreifftiau:

Defnyddio botwm i agor y ffenestr sgwrsio:

Defnyddio testun â dolen i agor y ffenestr sgwrsio:

Agor Sgwrs â Chwestiwn wedi’i Raglenwi

Am agor y ffenestr sgwrsio a anfon cwestiwn yn awtomatig? Gallwch wneud hyn naill ai drwy ddarn hash (argymhellir) neu baramedr ymholiad URL.

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

Argymhellir: 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 bydd unrhyw hanes sgwrsio presennol yn cael 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?

Etifeddol: Paramedr Ymholiad URL

Mae’r paramedr ymholiad ?shoply_question= yn dal i gael ei gefnogi er mwyn sicrhau cydnawsedd tuag yn ôl. Sylwch y bydd ychwanegu paramedr ymholiad at URL y mae’r cwsmer arno eisoes yn achosi ail-lwytho’r dudalen.

Fformat:

plaintext


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

Nodyn: Cofiwch amgodio’ch cwestiwn mewn 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., mae bylchau’n troi’n %20).

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

Achosion Defnyddio:

Ychwanegu dolen “Gofyn am gludo” 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
Ychwanegu dolenni cymorth cyd-destunol ar dudalennau cynnyrch (e.e., “Gofyn am faint”)

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

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

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

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

Enghreifftiau o God

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 briodwedd onclick unrhyw fotwm/eicon, fel y bydd cwsmeriaid yn gweld y ffenestr sgwrsio pan fyddant yn clicio ar y 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 chwistrellu’r cod wrth ymyl yr eicon chwilio yn y ffeil sections/header.liquid, er mwyn ychwanegu’r ddolen ddwfn sgwrsio at bennyn eich siop.

Fodd bynnag, os nad ydych yn gwbl gyfforddus yn golygu’r cod yn y templed ar gyfer eich Thema, peidiwch â phoeni!

Mae croeso ichi drefnu cyfarfod gyda ni , a byddwn yn falch o’ch helpu i osod yr eicon perffaith yn y lle delfrydol i gyd-fynd ag awyrgylch unigryw eich siop.

Sut i Guddio’r Eicon Symudol?

Ar ôl i chi ffurfweddu’r ddolen ddwfn i agor y ffenestr sgwrsio, efallai y byddwch am guddio’r eicon symudol. Mae perchnogion siopau hefyd yn aml yn sôn y gall cael gormod o eiconau symudol ar eu gwefannau fod yn llethol. Rydym yn deall eich pryderon! Dyna pam rydym wedi cyflwyno nodwedd i guddio’r eicon sgwrsio.

Yn adran “Customize AI Chat” consol gweinyddol yr ap, o dan y gosodiadau Select a Chat Icon, gallwch nawr ddewis yr opsiwn:

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

Mae hyn yn eich galluogi i guddio’r eicon symudol gan barhau i alluogi’r ffenestr sgwrsio i agor drwy ddolen ddwfn.