Kā atvērt tērzēšanas logu ar saiti

Jūs varat atvērt tērzēšanas logu, izmantojot dziļo saiti, nemainot savas tēmas kodu. Shopify Theme Editor vienkārši pievienojiet tēmturi #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šraides piemērs: demo.shoplyai.ai

Darbības:

Rediģējiet vajadzīgo pogu, tekstu vai ikonu savā tēmas redaktorā.
Iestatiet saiti vai URL uz #shoply-ai-chatbot.

Piemēri:

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

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

Atveriet tērzēšanu ar produktam specifiskiem jautājumiem

Pievienojiet pogu “Jautājums par šo produktu?” produkta lapai, lai palīdzētu pircējiem uzdot jautājumus par konkrēto preci. Iestatiet tās saiti uz #shoply_product_questions. Noklikšķinot uz tās, tiks atvērta tērzēšana ar produkta nosaukumu, īsu produkta izcēlumu un automātiski ģenerētiem jautājumiem, kas attiecas uz šo produktu.

Shopify Theme Editor atveriet sava produkta veidni un pievienojiet vai rediģējiet pogu vai teksta saiti, kas atbalsta URL.
Iestatiet etiķeti uz “Jautājums par šo produktu?” un saiti uz #shoply_product_questions.
Saglabājiet, atveriet produkta lapu un noklikšķiniet uz saites, lai pārbaudītu produkta jautājumus.

Ja jūsu tēma nepiedāvā piemērotu pogas vai saites iestatījumu, pievienojiet šo saiti produkta veidnes HTML:

html


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

Izmantojiet šo saiti produkta lapā, lai Shoply būtu produkta konteksts. Jūs varat arī kopīgot pilnu produkta URL, kas beidzas ar #shoply_product_questions.

Izmēģiniet produktu jautājumu tērzēšanu Bent 85 Skis . Ieteikumi ietver jautājumus par slēpju svaru, serdi, rocker profilu un topsheet dizainu. Pircēji var izvēlēties ieteikumu vai ierakstīt savu jautājumu.

Piemērus, kur izmantot šīs saites, skatiet AI-powered product questions in our FAQ replacement guide.

Šie produktu jautājumi tiek ģenerēti automātiski. Sākuma jautājumi, ko konfigurējat sadaļā Customize AI Chat, attiecas uz standarta tērzēšanas atvēršanu.

Atveriet tērzēšanu ar iepriekš aizpildītu jautājumu

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

Tas ir lieliski piemērots tiešu saišu veidošanai uz biežākajiem tematiem, piemēram, piegādes noteikumiem, atgriešanas politikai vai produktu jautājumiem.

Ieteicams: Hash fragments (bez lapas pārlādes)

Izmantojiet #shoply_question= hash fragmentu. Tā kā hash tiek apstrādāts pilnībā pārlūkā, noklikšķināšana uz šīs saites nepārlādēs lapu, un esošā tērzēšanas vēsture tiks saglabāta.

Formāts:

plaintext


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

Piemēri:

Piegādes noteikumi: 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 atlase: https://your-store.com#shoply_question=What class 2 e-bikes are available under $2000?

Varat to apvienot ar jebkuru lapu savā veikalā. Piemēram, lai atvērtu tērzēšanas robotu ar jautājumu konkrētā produkta lapā:

plaintext


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

Mantotais variants: URL vaicājuma parametrs

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

Formāts:

plaintext


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

Piezīme: Atcerieties veikt URL kodēšanu savam jautājumam, ja izmantojat īpašās rakstzīmes vai atstarpes. Lielākā daļa pārlūku to apstrādās automātiski, taču, ja pievienojat saites programmatiski, izmantojiet pareizu URL kodēšanu (piemēram, atstarpes kļūst par %20).

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

Lietošanas gadījumi:

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

Kā izmantot dziļo saiti, lai atvērtu tērzēšanas logu (jārediģē kods tēmas veidnē)

Iepriekšējā sadaļā mēs apspriedām, kā izmantot tēmturi (dziļo saiti), lai aktivizētu tērzēšanas logu, pievienojot to jebkurai pogai, ikonai vai tekstam tieši no Theme Editor, nerediģējot tēmas kodu.

Tomēr, ja vēlaties pilnīgu elastību pievienot dziļo saiti jebkurā vietā savā veikalā (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 savā Theme 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 tēmturu izmantošanai jūs varat arī ievietot funkcijas izsaukumu openShoplyAIChatBot() jebkuras pogas/ikonas onclick atribūtā, lai klienti redzētu tērzēšanas logu, kad viņi noklikšķina uz pogas/ikonas.

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 pievienotu tērzēšanas dziļo saiti sava veikala galvenei.

Tomēr, ja nejūtaties pilnībā ērti, rediģējot kodu savā Theme veidnē, neuztraucieties!

Droši ieplānojiet tikšanos ar mums , un mēs ar prieku palīdzēsim jums iestatīt ideālo ikonu vispiemērotākajā 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ēsities paslēpt peldošo ikonu. Turklāt veikalu īpašnieki bieži min, ka pārāk daudz peldošu ikonu viņu vietnēs var būt pārslogojoš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ļā “Customize AI Chat”, iestatījumos Select a Chat Icon tagad varat izvēlēties:

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

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