Sut i Addasu Ymddangosiad Eich Chatbot

How to Customize the Shoply AI Chat

Mae Shoply AI Chat ac AI Search yn darparu mwy na 40 o opsiynau i addasu ymddangosiad yr ap.

Mae’r adran hon yn eich tywys drwy’r gwahanol opsiynau addasu sydd ar gael ar gyfer eich AI Chatbot. Gallwch bersonoli ei ymddangosiad, dyluniad y ffenestr sgwrsio, a’r profiad negeseuon i gyd-fynd â’ch brand.

Yn barod i ddechrau? Agorwch Customize AI Chat yn eich Shoply AI Admin Console, p’un a ydych yn defnyddio Shopify neu blatfform gwefan arall. Os nad yw’r chatbot i’w weld eto, dilynwch y rhestr wirio gosod a gwelededd.

Rhagolwg o’ch Ffenestr Sgwrsio

Rhowch gynnig ar yr un thema a’r darluniau lled-bwrdd gwaith a ddefnyddir yn yr adran weinyddol. Dewiswch ymddangosiad golau neu dywyll a chymharwch faint o le y mae’r ffenestr sgwrsio yn ei feddiannu.

Chat window preview
Shopping assistant
Can you help me find a winter jacket?
Of course! Are you looking for a lightweight shell or extra warmth for colder days?
Type your message…
Light theme: light surfaces with dark text.
Desktop preview · 480 px chat window
Shopping assistantType your message…
Scaled view of a 1200 px desktop. Adjust the slider to compare widths.

These examples do not change your store. Set your preferences in Customize AI Chat and save them there.

I newid sut mae’r AI yn siarad yn hytrach na sut mae’n edrych, gweler sut i addasu personoliaeth eich AI.

Customize AI Chat includes icon selection, uploads, background, corner roundness, and shadow controls.
Customize AI Chat includes icon selection, uploads, background, corner roundness, and shadow controls. Click the screenshot to view it at full size.

Dewis o Eicon Sgwrsio

Select an icon

Gallwch ddewis eicon sgwrsio o’n 17 eicon gwahanol wedi’u diffinio ymlaen llaw, neu uwchlwytho delwedd fel eich eicon sgwrsio eich hun

Choose different icons for the AI Chat button

Lliwio a Maintio’r Eicon Sgwrsio

Customize the AI Chat button

Primary Color

Dyma’r prif liw thema, ac fe’i defnyddir hefyd fel lliw testun wedi’i amlygu yn y ffenestr sgwrsio.

Os ydych yn defnyddio modd golau ar eich gwefan, dewiswch liw nad yw’n wyn fel lliw eich thema — mae hyn er mwyn sicrhau bod y testun wedi’i amlygu yn dal yn ddarllenadwy gyda’r cefndir golau. Os ydych yn defnyddio modd tywyll ar eich gwefan, dewiswch liw nad yw’n ddu fel lliw eich thema.

Complementary Color

Mae hwn yn lliw ategol sy’n gweithio gyda’ch prif liw i greu graddiannau (pontio llyfn rhwng dau liw) ar gyfer eicon y sgwrs a phennawd y ffenestr sgwrsio, gan wneud eicon y sgwrs yn fwy deniadol yn weledol ac yn fwy cydnaws â’ch brand.

Icon’s Line Color

Dyma liw amlinelliad eicon y sgwrs.

Whether to remove the background color of the chat icon.

Mae hyn yn aml yn ddefnyddiol os ydych yn uwchlwytho delwedd fel eicon y sgwrs, ac rydych am dynnu lliw cefndir (y prif liw) eicon y sgwrs.

Whether to remove the shadow of the chat icon.

Mae’r opsiwn hwn yn caniatáu i chi dynnu’r effaith cysgod gollwng oddi ar eicon y sgwrs ar gyfer dyluniad mwy gwastad a minimalaidd. Mae hyn yn arbennig o ddefnyddiol os oes gan eich siop estheteg lân a modern, neu os ydych wedi uwchlwytho eicon personol sydd eisoes yn cynnwys ei effeithiau cysgod neu ddyfnder ei hun.

Floating Icon Size for desktop and mobile.

Ar ffôn symudol, efallai y byddwch am osod maint llai ar gyfer eicon y sgwrs er mwyn osgoi rhwystro golwg y cwsmer o’r sgrin symudol.

Lleoli’r Eicon Sgwrsio

Chat icon positioning’s on desktop and on mobile.

Z-index of Chat Icon:

Defnyddiwch werth uwch os ydych am i’r eicon aros o flaen elfennau UI eraill.

Auto-hide chat icon on mobile

Cuddiwch eicon y sgwrs ar ôl nifer benodol o eiliadau ar ddyfeisiau symudol.

Dim ond ar gyfer dyfeisiau symudol y mae’r opsiwn hwn ar gael. Mae’n helpu i atal eicon y sgwrs rhag rhwystro golwg y cwsmer o’r sgrin symudol.

Addasu’r Ffenestr Sgwrsio

Pan gliciwch eicon sgwrsio Shoply AI, bydd y ffenestr sgwrsio yn ymddangos. Gall cwsmeriaid ryngweithio â Shoply AI drwy’r ffenestr sgwrsio honno.

Bydd yr adran hon yn eich tywys drwy’r gwahanol opsiynau sydd ar gael i addasu’r ffenestr sgwrsio.

Color Theme (dark mode or light mode) of the chat window

Os dewiswch y modd tywyll, bydd cefndir y ffenestr sgwrsio yn ddu a bydd lliw’r ffont yn wyn. Rydym yn argymell mabwysiadu’r opsiwn modd tywyll os yw thema eich siop hefyd yn y modd tywyll.

Dark or Bright Mode for AI Chat Window

Width of the chat window on desktop

Dim ond i gyfrifiadur bwrdd gwaith y mae’r opsiwn hwn yn berthnasol. Ar ffôn symudol, mae’r ffenestr sgwrsio bob amser yn meddiannu’r sgrin gyfan.

Select the branding image and background image

Gallwch ddewis uwchlwytho eich delwedd frandio eich hun a delwedd gefndir ar gyfer y ffenestr sgwrsio, neu adael i Shoply AI gynhyrchu’r delweddau hynny i chi.

Os dewiswch ddefnyddio’r ddelwedd a gynhyrchir gan AI, bydd Shoply AI yn cynhyrchu’r delweddau brandio a’r delweddau cefndir yn seiliedig ar ddisgrifiad eich siop.

Adjust the transparency and aspect ratios of the background image for the chat window.

Gall delweddau cefndir yn y ffenestr sgwrsio wneud y testun uwch eu pennau yn anodd ei ddarllen. Felly, yn ddiofyn, rydym yn ychwanegu haen hanner-dryloyw uwchben y ddelwedd gefndir.

Whether to remove Shoply AI’s Logo in Input Bar

Mae’r opsiwn hwn yn caniatáu i chi dynnu logo Shoply AI o far mewnbwn y sgwrs ar gyfer profiad glanach a mwy brandiedig. Mae hyn yn arbennig o ddefnyddiol os ydych am gynnal hunaniaeth brand gyson ledled eich siop heb logos trydydd parti, neu os yw’n well gennych ddyluniad rhyngwyneb sgwrsio mwy minimalaidd.

Dim ond ar gynlluniau taledig y mae’r opsiwn hwn ar gael.

Negeseuon Wedi’u Diffinio Ymlaen Llaw ar gyfer AI Chat

Gallwch hefyd osod neu olygu negeseuon diofyn sy’n tywys cwsmeriaid pan fyddant yn rhyngweithio â’ch chatbot am y tro cyntaf. Yn ogystal, gallwch ffurfweddu’r opsiynau cyfieithu ar gyfer y negeseuon hynny (gweler y dudalen Cwestiynau Cyffredin hon am fwy o fanylion).

Popup Welcome message (shows above chat icon if not empty)

Os byddwch yn gadael y neges groeso yn wag, ni fyddwn yn dangos y neges groeso uwchben eicon y sgwrs.

Popup Welcome Message

Pre-defined messages in chat window

Gallwch osod hyd at 3 math o negeseuon wedi’u diffinio ymlaen llaw yn y ffenestr sgwrsio:

  1. Neges gyntaf yn y ffenestr sgwrsio - Dyma’r neges gyfarch gychwynnol sy’n ymddangos yn awtomatig pan fydd cwsmeriaid yn agor y ffenestr sgwrsio am y tro cyntaf. Defnyddiwch hon i groesawu cwsmeriaid a gosod naws y sgwrs.

  2. Hyd at 4 cwestiwn cychwynnol - Mae’r rhain yn awgrymiadau cwestiynau cliciadwy sy’n cael eu harddangos ar ddechrau’r sgwrs. Maent yn helpu i dywys cwsmeriaid drwy ddarparu cwestiynau cyffredin y gallant glicio arnynt i ddechrau sgwrs, gan ei gwneud yn haws i gwsmeriaid gychwyn.

  3. Neges deiliad lle mewnbwn - Dyma’r testun awgrym sy’n ymddangos yn y maes mewnbwn sgwrsio cyn i gwsmeriaid ddechrau teipio. Mae’n darparu arweiniad ar yr hyn y gall cwsmeriaid ei ofyn, megis “Ask me anything 🤗” neu “How can I help you today?”

Mae’r gosodiadau hyn yn rheoli agoriad safonol y sgwrs. Pan fydd siopwr yn agor sgwrs drwy ddolen “Question About This Product?”, mae Shoply yn dangos enw’r cynnyrch, uchafbwynt byr o’r cynnyrch, a chwestiynau a gynhyrchir yn awtomatig am yr eitem honno yn lle hynny. Nid oes angen i chi ysgrifennu cwestiynau cychwynnol ar gyfer pob cynnyrch. Dysgwch sut mae cwestiynau cynnyrch wedi’u pweru gan AI yn gweithio, neu dilynwch y camau i ychwanegu botwm cwestiwn am gynnyrch.

Gweler yr enghraifft ar gyfer pob math o negeseuon wedi’u diffinio ymlaen llaw:

Pre-defined Messages in Chat Window