🎨 תוכן ועיצוב3 דק' קריאה

עורך העיצוב (הבילדר)

3 פאנלים, ערכת צבעים גלובלית, פונטים, סקשנים, טיוטה ופרסום

עורך העיצוב (הבילדר)

עורך העיצוב ב־/admin/editor הוא הכלי שבו את בונה את החנות שלך — דף הבית, דפי הקטגוריה, דפי המוצר, ההדר והפוטר. זה ממשק "drag & drop" עם תצוגה מקדימה חיה, ועם עשרות סקשנים מוכנים שאת מרכיבה כמו לגו.

עורך העיצוב
עורך העיצוב

שלוש הפאנלים בעורך

המסך מחולק ל־3:

  • 1שמאל — רשימת הסקשנים בעמוד הנוכחי (drag & drop לסידור מחדש)
  • 2באמצע — תצוגה מקדימה חיה של החנות
  • 3ימין — הגדרות הסקשן שאת עורכת כרגע
  • בחירת עמוד לעריכה

    בראש הפאנל השמאלי — בורר עמודים:

  • דף הבית
  • דף קטגוריה
  • דף מוצר
  • הדר
  • פוטר
  • דפי תוכן
  • 💡 טיפ: שינויים ב"הדר" / "פוטר" משפיעים על כל העמודים. שינוי בדף קטגוריה הוא תבנית — כל הקטגוריות יחילו אותה.

    עריכת ערכת צבעים גלובלית

    לחיצה על אייקון הצבעים בראש העורך פותחת ערכת צבעים גלובלית:

  • צבע ראשי (primary)
  • צבע משני (secondary)
  • רקע (background)
  • טקסט (text)
  • גבולות (border)
  • שינוי כאן = משפיע על כל החנות. לא צריך לערוך כל סקשן בנפרד.

    💡 טיפ: בחרי 2-3 צבעים בלבד שתואמים את המותג. שימוש ביותר מ־5 צבעים = כאוס ויזואלי.

    פונטים

    בלשונית "טיפוגרפיה":

  • פונט כותרות
  • פונט גוף
  • חלופות
  • ⚠️ חוק זהב לטיפוגרפיה: כותרת + גוף = מקסימום שני פונטים. שלישי = רעש.

    הוספת סקשן

    לחיצה על "+ הוסף סקשן" פותחת ספריית סקשנים מסווגת:

  • דפי בית
  • מוצרים
  • תוכן
  • חברתי
  • שיווק
  • משפך
  • עריכת סקשן

    לחיצה על סקשן ברשימה השמאלית פותחת את ההגדרות בפאנל הימני:

  • תוכן
  • עיצוב
  • תצוגה
  • טריגרים
  • גרירה ושינוי סדר

    בפאנל השמאלי — כל סקשן הוא "כרטיס". גררי אותו למעלה/למטה לסידור מחדש. תצוגה מקדימה מתעדכנת מיידית.

    הסתרה זמנית

    לכל סקשן יש כפתור "עין" — מסתיר את הסקשן בלי למחוק. שימושי לבדיקה: לראות איך החנות נראית בלי הסקשן הזה.

    תצוגה מקדימה במובייל / דסקטופ

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

    שמירה ופרסום

  • "שמור"
  • "פרסם"
  • "שחזר טיוטה"
  • 💡 טיפ עבודה: השתמשי בטיוטה לשינויים גדולים. בדקי בטיוטה. רק כשהכל מושלם — פרסמי.

    תרחישי שימוש

    שינוי צבע ראשי לקמפיין מבצע:

  • 1ערכת צבעים → צבע ראשי לאדום (במקום שחור)
  • 2כל הכפתורים בחנות הופכים אדומים מיד
  • 3סוף הקמפיין — חוזרים לשחור
  • שיפור דף הבית:

  • 1הוסיפי באנר ראשי עם המבצע
  • 2גררי אותו למעלה
  • 3הסתירי באנר ישן (לא למחוק — שמורי לעתיד)
  • A/B test על באנר:

  • 1פרסמי גרסה A שבוע
  • 2הוסיפי באנר B, הסתירי A
  • 3השווי בדוח [התנהגות](behavior-report) — איזה הביא יותר קליקים?
  • האם המדריך הזה היה שימושי?

    עוד בתוכן ועיצוב