🚀 התחלה מהירה3 דק' קריאה

עיצוב החנות — המדריך המהיר

8 שלבים — תבנית, צבעים, לוגו, פונטים, סקשנים, הדר/פוטר, מובייל ופרסום

עיצוב החנות — המדריך המהיר

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

הסקירה הזו היא ה־onboarding המהיר. למידע מעמיק על [עורך העיצוב](theme-editor).

עיצוב חנות
עיצוב חנות

שלב 1: בחירת תבנית

QS מציע תבניות מוכנות לכל סגנון:

  • קלאסית
  • בוטיק
  • ZARA-like
  • קולוריאלית
  • טכנו
  • בחירת תבנית = להציב את הבסיס. אפשר תמיד לשנות אחר־כך.

    שלב 2: ערכת צבעים

    בעורך העיצוב → "צבעים":

  • צבע ראשי
  • צבע משני
  • רקע
  • טקסט
  • 💡 חוק זהב: 2-3 צבעים בלבד. עוד = רעש ויזואלי.

    צבעים שעובדים:

  • שחור + לבן + אקסנט — ZARA classic
  • שמנת + ירוק עתיק + זהב — בוטיק
  • אדום בורגוני + לבן — חנויות יין / קוסמטיקה
  • שלב 3: לוגו

    [הגדרות → כללי](general-settings) → לוגו:

  • רוחב 300-500px
  • PNG עם רקע שקוף
  • גרסה הפוכה
  • אין לך לוגו? יש כלים זולים:

  • Canva
  • Looka / Wix Logo Maker
  • Fiverr
  • שלב 4: פונטים

    עברית עובדת הכי טוב עם:

  • Assistant
  • Heebo
  • Noto Sans Hebrew
  • ⚠️ לא לבחור: פונטים "מצחיקים" (Comic Sans וכדומה) או מקושטים מדי. הקהל לא יקנה.

    שלב 5: סקשנים בדף הבית

    עורך העיצוב מציע 30+ סוגי סקשנים. רכבי את דף הבית מהם:

    סדר מומלץ לחנות חדשה:

  • 1באנר ראשי — תמונה גדולה + כותרת + CTA ("קנו עכשיו")
  • 2קטגוריות — תמונה לכל קטגוריה ראשית
  • 3מוצרים מובילים — 4-8 מוצרים
  • 4טקסט + תמונה — סיפור קצר על המותג שלך
  • 5ביקורות — אם יש לך
  • 6ניוזלטר — איסוף לידים
  • שלב 6: הדר ופוטר

    הדר (כותרת עליונה):

  • לוגו (שמאל ב־LTR, ימין ב־RTL)
  • ניווט (קטגוריות ראשיות)
  • חיפוש
  • עגלה (אייקון + מספר פריטים)
  • חשבון (אייקון)
  • פוטר:

  • לוגו + תיאור קצר
  • תפריט (מדיניות, אודות, יצירת קשר)
  • ניוזלטר
  • אייקוני רשתות חברתיות
  • זכויות יוצרים
  • שלב 7: התאמה למובייל

    90%+ מהמבקרים שלך יגיעו במובייל. בעורך העיצוב — תמיד בדקי בתצוגת מובייל לפני שמירה.

    נקודות לבדוק:

  • תמונות לא נחתכות
  • טקסטים קריאים (16px+)
  • כפתורים גדולים מספיק (44×44px לפחות)
  • המבורגר מנו עם כל הניווט
  • שלב 8: פרסום

    אחרי כל ההכנות:

  • 1תצוגה מקדימה (בעורך — "תצוגה מקדימה")
  • 2בדיקה במובייל אמיתי (שלחי לעצמך URL → פתחי בטלפון)
  • 3לפרסם
  • טעויות נפוצות

  • תמונות כבדות — דף שטוען לאט = לקוח שעזב. ראי [אופטימיזציית תמונות](image-optimization)
  • טקסט גנרי — "ברוכים הבאים לחנות שלנו". כל פינה צריכה לדבר על המוצר.
  • 3+ פונטים שונים — בלגן
  • חוסר עקביות — צבע אחד פה, אחר שם
  • הצעדים הבאים

    אחרי שעיצבת את החנות:

  • 1[הוספת מוצרים](add-products)
  • 2[הגדרת תשלומים](payment-setup)
  • 3[הגדרת משלוחים](shipping-setup)
  • 4בדיקה סופית
  • 5השקה לציבור
  • האם המדריך הזה היה שימושי?