Kā izmantot dziļo saiti, lai atvērtu tērzēšanas logu (neizmainot motīva kodu)

Tērzēšanas logu varat atvērt, izmantojot dziļo saiti, neizmainot sava motīva kodu. Shopify motīva redaktorā vienkārši pievienojiet heštegu #shoply-ai-chatbot jebkurai pogai, ikonai vai teksta elementam. Kad klienti noklikšķina uz šiem elementiem, tērzēšanas logs tiks automātiski atvērts.

Tiešais piemērs: demo.shoplyai.ai

Darbības:

Motīva redaktorā rediģējiet vajadzīgo pogu, tekstu vai ikonu.
Iestatiet saiti vai URL uz #shoply-ai-chatbot.

Piemēri:

Izmantojiet pogu, lai atvērtu tērzēšanas logu:

Izmantojiet saistītu tekstu, lai atvērtu tērzēšanas logu:

Tērzēšanas atvēršana ar iepriekš aizpildītu jautājumu

Vai vēlaties atvērt tērzēšanas logu un automātiski nosūtīt jautājumu? To varat izdarīt, izmantojot vai nu heštega fragmentu (ieteicams), vai URL vaicājuma parametru.

Tas ir lieliski piemērots, lai izveidotu tiešās saites uz biežāk apspriestām tēmām, piemēram, piegādes politiku, atgriešanas politiku vai jautājumiem par produktiem.

Ieteicams: heštega fragments (bez lapas atkārtotas ielādes)

Izmantojiet heštega fragmentu #shoply_question=. Tā kā heštegs tiek apstrādāts pilnībā pārlūkprogrammā, noklikšķinot uz šīs saites, lapa netiks atkārtoti ielādēta un tiks saglabāta esošā tērzēšanas vēsture.

Formāts:

plaintext


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

Piemēri:

Piegādes politika: https://your-store.com#shoply_question=What is your shipping policy?
Atgriešana: https://your-store.com#shoply_question=How do I return an item?
Pasūtījuma statuss: https://your-store.com#shoply_question=Where is my order?
Produktu meklēšana: https://your-store.com#shoply_question=What class 2 e-bikes are available under $2000?

To varat apvienot ar jebkuru sava veikala lapu. Piemēram, lai atvērtu tērzēšanas robotu ar jautājumu konkrēta produkta lapā:

plaintext


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

Mantots risinājums: URL vaicājuma parametrs

?shoply_question= vaicājuma parametrs joprojām tiek atbalstīts atpakaļsaderībai. Ņemiet vērā, ka vaicājuma parametra pievienošana URL, kurā klients jau atrodas, izraisīs lapas atkārtotu ielādi.

Formāts:

plaintext


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

Piezīme: neaizmirstiet URL kodēt savu jautājumu, ja tajā ir īpašās rakstzīmes vai atstarpes. Lielākā daļa pārlūkprogrammu to izdarīs automātiski, taču, ja saites pievienojat programmatiski, izmantojiet pareizu URL kodējumu (piemēram, atstarpes kļūst par %20).

Kad klients noklikšķina uz jebkura no šiem saišu veidiem, tērzēšanas logs tiks automātiski atvērts un jautājums nosūtīts AI tērzēšanas robotam, sniedzot tūlītēju atbildi.

Izmantošanas gadījumi:

Kājenē pievienojiet saiti “Jautāt par piegādi”
Izveidojiet QR kodus, kas atver tērzēšanas robotu ar konkrētiem jautājumiem
Iekļaujiet noderīgas saites e-pasta kampaņās vai pasūtījumu apstiprinājumos
Produktu lapās pievienojiet kontekstuālas palīdzības saites (piemēram, “Jautāt par izmēru”)

Kā izmantot dziļo saiti, lai atvērtu tērzēšanas logu (jārediģē motīva veidnes kods)

Iepriekšējā sadaļā aplūkojām, kā izmantot heštegu (dziļo saiti), lai aktivizētu tērzēšanas logu, pievienojot to jebkurai pogai, ikonai vai tekstam tieši motīva redaktorā, neizmainot motīva kodu.

Tomēr, ja vēlaties pilnīgu brīvību pievienot dziļo saiti jebkurā sava veikala vietā (piemēram, izveidot jaunu ikonu galvenē), jums būs jārediģē veidnes kods.

Tālāk ir sniegti vienkārši HTML koda piemēri, kurus varat izmantot, lai motīva veidnē izveidotu jaunas ikonas:

Koda piemēri

1. Tērzēšanas ikona

Tālāk redzamais kods pievieno tērzēšanas ikonu:

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 zvaigznes ikona

Tālāk redzamais kods pievieno AI zvaigzni:

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. Funkcijas izsaukuma metode

Papildus heštegu izmantošanai varat arī jebkuras pogas/ikonas onclick atribūtā ievietot funkcijas izsaukumu openShoplyAIChatBot(), lai klienti, noklikšķinot uz pogas/ikonas, redzētu tērzēšanas logu.

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>

Nepieciešama palīdzība?

Varat izmantot jebkuru no iepriekš minētajiem piemēriem un ievietot kodu blakus meklēšanas ikonai failā sections/header.liquid, lai veikala galvenei pievienotu tērzēšanas dziļo saiti.

Tomēr, ja nejūtaties pilnībā pārliecināts par koda rediģēšanu motīva veidnē, neuztraucieties!

Droši rezervējiet tikšanos ar mums , un mēs ar prieku palīdzēsim iestatīt ideālo ikonu piemērotā vietā, lai tā atbilstu jūsu veikala unikālajam stilam.

Kā paslēpt peldošo ikonu?

Kad esat konfigurējis dziļo saiti tērzēšanas loga atvēršanai, iespējams, vēlēsieties paslēpt peldošo ikonu. Veikalu īpašnieki arī bieži min, ka pārāk daudz peldošu ikonu viņu tīmekļa vietnēs var būt nomācoši. Mēs saprotam jūsu bažas! Tāpēc esam ieviesuši funkciju tērzēšanas ikonas paslēpšanai.

Lietotnes administrēšanas konsoles sadaļā “Pielāgot AI tērzēšanu”, iestatījumā Atlasīt tērzēšanas ikonu, tagad varat atlasīt:

“Paslēpt peldošo ikonu un izmantot dziļo saiti tērzēšanas atvēršanai” opciju.

Tas ļauj paslēpt peldošo ikonu, vienlaikus saglabājot iespēju atvērt tērzēšanas logu, izmantojot dziļo saiti.