כיצד להתאים אישית את המראה של הצ’אטבוט שלך

How to Customize the Shoply AI Chat

Shoply AI Chat ו-AI Search מספקים יותר מ-40 אפשרויות להתאמה אישית של מראה האפליקציה.

חלק זה ילווה אתכם בין אפשרויות ההתאמה האישית השונות הזמינות עבור AI Chatbot שלכם. תוכלו להתאים אישית את המראה שלו, את עיצוב חלון הצ’אט ואת חוויית ההודעות כך שיתאימו למותג שלכם.

מוכנים להתחיל? פתחו את Customize AI Chat ב-Shoply AI Admin Console שלכם, בין אם אתם משתמשים ב-Shopify או בפלטפורמת אתר אחרת. אם הצ’אטבוט עדיין לא גלוי, פעלו לפי רשימת הבדיקה להתקנה ולנראות.

תצוגה מקדימה של חלון הצ’אט שלכם

נסו את אותה ערכת נושא ואיורים ברוחב שולחן העבודה שבהם נעשה שימוש בממשק הניהול. בחרו מראה בהיר או כהה והשוו כמה מקום חלון הצ’אט תופס.

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.

כדי לשנות את האופן שבו ה-AI מדבר ולא את האופן שבו הוא נראה, ראו כיצד להתאים אישית את האישיות של ה-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.

בחירת אייקון הצ’אט

Select an icon

תוכלו לבחור אייקון צ’אט מתוך 17 אייקונים מוגדרים מראש, או להעלות תמונה שתשמש כאייקון הצ’אט שלכם

Choose different icons for the AI Chat button

צבע וגודל של אייקון הצ’אט

Customize the AI Chat button

Primary Color

זהו צבע ערכת הנושא הראשי, והוא משמש גם כצבע טקסט מודגש בחלון הצ’אט.

אם אתם משתמשים במצב בהיר באתר שלכם, אנא בחרו צבע שאינו לבן כצבע ערכת הנושא שלכם — זאת כדי לוודא שהטקסט המודגש עדיין יהיה קריא על רקע בהיר. אם אתם משתמשים במצב כהה באתר שלכם, אנא בחרו צבע שאינו שחור כצבע ערכת הנושא שלכם.

Complementary Color

זהו צבע משלים שעובד יחד עם הצבע הראשי שלכם כדי ליצור גרדיאנטים (מעבר חלק בין שני צבעים) עבור אייקון הצ’אט וכותרת חלון הצ’אט, וכך להפוך את אייקון הצ’אט לאטרקטיבי יותר מבחינה חזותית ומתואם יותר למותג שלכם.

Icon’s Line Color

זהו צבע קו המתאר של אייקון הצ’אט.

Whether to remove the background color of the chat icon.

אפשרות זו שימושית לעיתים קרובות אם העליתם תמונה כאייקון הצ’אט, ואתם רוצים להסיר את צבע הרקע (הצבע הראשי) של אייקון הצ’אט.

Whether to remove the shadow of the chat icon.

אפשרות זו מאפשרת לכם להסיר את אפקט הצל המוטל מאייקון הצ’אט לקבלת עיצוב שטוח ומינימליסטי יותר. זה שימושי במיוחד אם לחנות שלכם יש אסתטיקה נקייה ומודרנית, או אם העליתם אייקון מותאם אישית שכבר כולל אפקטי צל או עומק משלו.

Floating Icon Size for desktop and mobile.

במובייל, ייתכן שתרצו להגדיר גודל קטן יותר לאייקון הצ’אט כדי שלא יחסום את שדה הראייה של הלקוח במסך הנייד.

מיקום אייקון הצ’אט

Chat icon positioning’s on desktop and on mobile.

Z-index of Chat Icon:

השתמשו בערך גבוה יותר אם אתם רוצים שהאייקון יישאר מעל רכיבי UI אחרים.

Auto-hide chat icon on mobile

הסתרת אייקון הצ’אט לאחר מספר מוגדר של שניות במכשירים ניידים.

אפשרות זו זמינה רק למכשירים ניידים. היא מסייעת למנוע מאייקון הצ’אט לחסום את שדה הראייה של הלקוח במסך הנייד.

התאמה אישית של חלון הצ’אט

כאשר לוחצים על אייקון הצ’אט של Shoply AI, חלון הצ’אט ייפתח. לקוחות יכולים לתקשר עם Shoply AI דרך חלון הצ’אט הזה.

חלק זה ילווה אתכם בין האפשרויות השונות הזמינות להתאמה אישית של חלון הצ’אט.

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

אם תבחרו במצב כהה, הרקע של חלון הצ’אט יהיה שחור וצבע הגופן יהיה לבן. אנו ממליצים לאמץ את אפשרות המצב הכהה אם ערכת הנושא של החנות שלכם היא גם במצב כהה.

Dark or Bright Mode for AI Chat Window

Width of the chat window on desktop

אפשרות זו חלה רק על שולחן העבודה. במובייל, חלון הצ’אט תמיד תופס את כל המסך.

Select the branding image and background image

תוכלו לבחור להעלות תמונת מיתוג ותמונת רקע משלכם עבור חלון הצ’אט, או פשוט לתת ל-Shoply AI ליצור עבורכם את התמונות הללו.

אם תבחרו להשתמש בתמונה שנוצרה על ידי AI, Shoply AI ייצור את תמונות המיתוג ואת תמונות הרקע על סמך תיאור החנות שלכם.

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

תמונות רקע בחלון הצ’אט עשויות להפוך את הטקסט שמעליהן לבלתי קריא. לכן, כברירת מחדל, אנו מוסיפים שכבה חצי-שקופה מעל תמונת הרקע.

Whether to remove Shoply AI’s Logo in Input Bar

אפשרות זו מאפשרת לכם להסיר את הלוגו של Shoply AI מסרגל הקלט של הצ’אט לקבלת חוויה נקייה וממותגת יותר. זה שימושי במיוחד אם אתם רוצים לשמור על זהות מותג עקבית בכל החנות שלכם ללא לוגואים של צד שלישי, או אם אתם מעדיפים עיצוב ממשק צ’אט מינימליסטי יותר.

אפשרות זו זמינה רק בתוכניות בתשלום.

הודעות מוגדרות מראש עבור AI Chat

תוכלו גם להגדיר או לערוך הודעות ברירת מחדל שמנחות לקוחות כאשר הם מקיימים אינטראקציה עם הצ’אטבוט שלכם בפעם הראשונה. בנוסף, תוכלו להגדיר את אפשרויות התרגום עבור הודעות אלה (ראו את דף ה-FAQ הזה לפרטים נוספים).

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

אם תשאירו את הודעת הפתיחה ריקה, לא נציג את הודעת הפתיחה מעל אייקון הצ’אט.

Popup Welcome Message

Pre-defined messages in chat window

תוכלו להגדיר עד 3 סוגים של הודעות מוגדרות מראש בחלון הצ’אט:

  1. הודעה ראשונה בחלון הצ’אט - זוהי הודעת הפתיחה הראשונית שמופיעה אוטומטית כאשר לקוחות פותחים את חלון הצ’אט בפעם הראשונה. השתמשו בה כדי לקבל את פני הלקוחות ולקבוע את הטון של השיחה.

  2. עד 4 שאלות פתיחה - אלו הן הצעות לשאלות הניתנות ללחיצה ומוצגות בתחילת הצ’אט. הן מסייעות להנחות לקוחות באמצעות הצגת שאלות נפוצות שעליהן ניתן ללחוץ כדי להתחיל שיחה, וכך מקלות על הלקוחות להתחיל.

  3. הודעת מציין מקום בשדה הקלט - זהו טקסט הרמז שמופיע בשדה הקלט של הצ’אט לפני שלקוחות מתחילים להקליד. הוא מספק הכוונה לגבי מה הלקוחות יכולים לשאול, כגון “Ask me anything 🤗” או “How can I help you today?”

הגדרות אלה שולטות בפתיחה הרגילה של הצ’אט. כאשר לקוח פותח את הצ’אט דרך קישור “Question About This Product?”, Shoply מציג במקום זאת את שם המוצר, הדגשה קצרה של המוצר ושאלות שנוצרו אוטומטית לגבי אותו פריט. אין צורך לכתוב שאלות פתיחה עבור כל מוצר. למדו כיצד שאלות מוצר מבוססות AI פועלות, או פעלו לפי השלבים כדי להוסיף כפתור לשאלת מוצר.

ראו את הדוגמה עבור כל סוג של הודעות מוגדרות מראש:

Pre-defined Messages in Chat Window