Hvernig á að nota djúptengil til að opna spjallgluggann (án þess að breyta þemakóða)

Þú getur opnað spjallgluggann með djúptengli án þess að breyta kóða þemans. Í Shopify Theme Editor skaltu einfaldlega bæta hashtaginu #shoply-ai-chatbot við hvaða hnapp, tákn eða textaeiningu sem er. Þegar viðskiptavinir smella á þessar einingar opnast spjallglugginn sjálfkrafa.

Dæmi í beinni: demo.shoplyai.ai

Skref:

Breyttu viðkomandi hnappi, texta eða tákni í þemaritlinum.
Stilltu tengilinn eða slóðina á #shoply-ai-chatbot.

Dæmi:

Notaðu hnapp til að opna spjallgluggann:

Notaðu tengdan texta til að opna spjallgluggann:

Opna spjall með forútfylltri spurningu

Viltu opna spjallgluggann og senda spurningu sjálfkrafa? Þú getur gert þetta annaðhvort með hash-broti (mælt með) eða fyrirspurnarstiku í slóð.

Þetta hentar fullkomlega til að búa til beinar tengingar á algeng efni á borð við sendingarreglur, skilareglur eða fyrirspurnir um vörur.

Mælt með: Hash-brot (engin endurhleðsla síðu)

Notaðu hash-brotið #shoply_question=. Þar sem hash-brotið er unnið alfarið í vafranum endurhleður þessi tenging ekki síðuna þegar smellt er á hana og núverandi spjallferill varðveitist.

Snið:

plaintext


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

Dæmi:

Sendingarreglur: https://your-store.com#shoply_question=What is your shipping policy?
Skil: https://your-store.com#shoply_question=How do I return an item?
Pöntunarstaða: https://your-store.com#shoply_question=Where is my order?
Vöruleit: https://your-store.com#shoply_question=What class 2 e-bikes are available under $2000?

Þú getur sameinað þetta við hvaða síðu sem er í versluninni þinni. Til dæmis til að opna spjallmennið með spurningu á tiltekinni vörusíðu:

plaintext


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

Eldra: Fyrirspurnarstika í slóð

Fyrirspurnarstikan ?shoply_question= er enn studd vegna afturvirks samhæfis. Athugaðu að ef fyrirspurnarstiku er bætt við slóð sem viðskiptavinurinn er þegar á veldur það endurhleðslu síðu.

Snið:

plaintext


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

Athugið: Mundu að URL-kóða spurninguna þegar sérstakir stafir eða bil eru notuð. Flestir vafrar sjá um þetta sjálfkrafa, en ef þú ert að bæta tenglum við með forritun skaltu nota rétta URL-kóðun (t.d. verða bil að %20).

Þegar viðskiptavinur smellir á aðra hvora tegund tengingarinnar opnast spjallglugginn sjálfkrafa og spurningin er send til gervigreindarspjallmennisins, sem veitir svar samstundis.

Notkunartilvik:

Bættu tengli á borð við „Spyrja um sendingu“ í fót síðunnar
Búðu til QR-kóða sem opna spjallmennið með tilteknum spurningum
Settu gagnlega tengla í tölvupóstaherferðir eða pöntunarstaðfestingar
Bættu samhengisbundnum hjálpartenglum á vörusíður (t.d. „Spyrja um stærðir“)

Hvernig á að nota djúptengil til að opna spjallgluggann (krefst breytinga á kóða í þemasniðmáti)

Í fyrri hlutanum ræddum við hvernig hægt er að kveikja á spjallglugganum með því að bæta hashtaginu (djúptenglinum) beint við hvaða hnapp, tákn eða texta sem er úr Theme Editor, án þess að breyta kóða þemans.

Hins vegar, ef þú vilt hafa fullan sveigjanleika til að bæta djúptenglinum hvar sem er í versluninni þinni (t.d. búa til nýtt tákn í hausnum), þarftu að breyta sniðmátakóðanum.

Hér fyrir neðan eru einföld HTML-kóðadæmi sem þú getur notað til að búa til ný tákn í þemasniðmátinu þínu:

Kóðadæmi

1. Spjalltákn

Kóðinn hér að neðan bætir við spjalltákni:

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. AI-stjörnutákn

Kóðinn hér að neðan bætir við AI-stjörnu:

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. Aðferð með fallkalli

Auk þess að nota hashtag geturðu einnig sett fallkallið openShoplyAIChatBot() í onclick-eigind hvaða hnapps eða tákns sem er svo spjallglugginn birtist þegar viðskiptavinir smella á hnappinn eða táknið.

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>

Þarftu hjálp?

Þú getur notað eitthvert dæmanna hér að ofan og sett kóðann við hlið leitartáknsins í sections/header.liquid-skránni til að bæta djúptengli á haus verslunarinnar þinnar.

Hins vegar, ef þér líður ekki alveg vel með að breyta kóðanum í þemasniðmátinu þínu, hafðu þá engar áhyggjur!

Þér er velkomið að bóka fund með okkur og við hjálpum þér með ánægju að setja upp hið fullkomna tákn á kjörinn stað sem passar við einstakan stíl verslunarinnar þinnar.

Hvernig á að fela fljótandi táknið?

Þegar þú hefur stillt djúptengilinn til að opna spjallgluggann gætirðu viljað fela fljótandi táknið. Verslunareigendur nefna líka oft að of mörg fljótandi tákn á vefsíðum þeirra geti verið yfirþyrmandi. Við skiljum áhyggjur þínar! Þess vegna höfum við kynnt eiginleika til að fela spjalltáknið.

Í hlutanum „Customize AI Chat“ í stjórnunartölvu appsins, undir stillingunum Select a Chat Icon, geturðu nú valið:

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

Þetta gerir þér kleift að fela fljótandi táknið en halda áfram að gera kleift að opna spjallgluggann með djúptengli.