מיתוג ומדיה

נתיב: /dashboard/settings (לשונית Branding) · הרשאה: מודול הגדרות

התאם את הזהות הויזואלית של העוזר הדיגיטלי שלך כך שתתאים למותג שלך. המיתוג חל גם על הדאשבורד וגם על הווידג'ט שהמשתמשים שלך רואים.

לוגו

הלוגו שלך מופיע בכותרת הדאשבורד ואופציונלית גם בווידג'ט.

דרישה	פרטים
רוחב מינימלי	200px
גודל תצוגה מקסימלי	משונה אוטומטית לרוחב של 350px
פורמט מומלץ	PNG עם רקע שקוף
שיטת העלאה	גרור-ושחרר או בוחר קבצים

טיפים:

השתמש ב-PNG שקוף כדי לקבל יישור נקי על רקעים בהירים וכהים כאחד.
העלה פי 2 מגודל התצוגה הרצוי לקבלת רינדור חד בצגי רטינה.
הימנע מלוגואים גבוהים מאוד — פורמטים רחבים/אופקיים עובדים הכי טוב בכותרת.

Favicon

ה-favicon מופיע בטאבים ובסימניות של הדפדפן.

דרישה	פרטים
גודל מינימלי	16x16 פיקסלים
עיבוד	נחתך למרבע, משונה למקסימום 48x48
פורמט מומלץ	PNG או SVG

טיפים:

השתמש באייקון פשוט, אות או סמל — תמונות מורכבות הופכות לבלתי קריאות בגדלים קטנים.
אם הלוגו שלך מפורט, צור גרסת favicon מפושטת (למשל, רק האות הראשונה או סימן האייקון).

צבעים

הגדרה	מה זה שולט	דוגמה
צבע ראשי	צבע ערכת הנושא העיקרי — כותרת הווידג'ט, כפתורים, מצבים אקטיביים, הדגשות בסיידבר	`#3b82f6` (כחול), `#10b981` (ירוק)
צבע משני	צבע הדגשה — מצבי ריחוף, קישורים, כפתורים משניים	`#6366f1` (אינדיגו), `#f59e0b` (ענבר)

הכנס קודי צבע hex ישירות או השתמש בבוחר הצבעים המובנה. השינויים מוצגים מיד בדאשבורד.

טיפים לצבעים

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

טיפוגרפיה

בחר ממשפחות פונטים פרימיום. בוחר הפונטים הוא מודע שפה — הוא מציג אוטומטית פונטים שתומכים בסטי התווים של השפות המופעלות שלך.

שפה	דוגמאות פונטים
אנגלית / לטינית	Inter, Poppins, Open Sans, Roboto, Montserrat
עברית	Heebo, Assistant, Rubik, Open Sans Hebrew
ערבית	Cairo, Tajawal, IBM Plex Arabic
CJK	Noto Sans CJK (נבחר אוטומטית)

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

אווטארים של הווידג'ט

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

אופציה	פרטים	הכי טוב ל
גלריה	בחר מסט אווטארים מעוצבים מראש עם כרטיסי תצוגה מקדימה גדולים	הקמה מהירה, מראה מקצועי
העלאה	העלה תמונה משלך — נחתכת ומותאמת אוטומטית ל-100x100 PNG	קמע מותג, תמונת צוות, אייקון מותאם
URL	הדבק URL של תמונה חיצונית	אווטארים דינמיים מ-CDN (שים לב: תלוי בזמינות המארח החיצוני)

טיפים לאווטאר

השתמש בפנים ידידותיות או אייקון — אווטארים עם פנים (אנושיות או מאוירות) מגדילים מעורבות ב-15–25%.
התאם למותג שלך — אם יש לך קמע או אייקון לוגו, השתמש בו לזיהוי מותג מיידי.
הימנע מתמונות עתירות טקסט — ב-100x100 פיקסלים, טקסט הופך לבלתי קריא.

CSS מותאם אישית

להתאמה אישית מתקדמת, הוסף CSS מותאם אישית שדורס את סגנונות הדאשבורד ברירת המחדל. זה שימושי עבור:

התאמה למדריכי סגנון ארגוניים ספציפיים מעבר לצבעים ראשיים/משניים
התאמת רווחים, גבולות או ניואנסים של צבעים
הסתרה או מיקום מחדש של אלמנטי UI לפריסות מיוחדות

דוגמה: סגנון כפתור מותאם

.btn-primary {
    border-radius: 8px !important;
    font-weight: 700 !important;
}

השתמש בזהירות

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

שאלות נפוצות

ש: למה הלוגו שלי נראה מטושטש?

העלה תמונת מקור גדולה יותר (לפחות פי 2 מגודל התצוגה הרצוי) ותן למערכת להקטין אותה. תמונה ברוחב של 700px תיראה חדה בגודל תצוגה של 350px.

ש: האם אני יכול להשתמש ב-URL במקום להעלות?

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

ש: האם שינויי מיתוג משפיעים על הווידג'ט מיד?

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

ש: האם המיתוג הוא לכל בוט או גלובלי?

המיתוג הוא לכל בוט. כל בוט בהגדרת ריבוי בוטים יכול להיות עם צבעים, לוגו ואווטאר משלו.