מדריך › מתקדם

נלווים ומשלימים בעמוד המוצר

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

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

שני מקומות, לא אחד

• המראה וההדלקה — ״עיצוב ← התאמה אישית ← עמוד מוצר ← נלווים ומשלימים״. ההסבר של המקטע: ״כל בלוק של מוצרים אחרים שעמוד מוצר יכול לשאת, ואיך כל אחד נראה.״
• התוכן — בעמוד עריכת המוצר עצמו, בלשונית ״מוצרים מקושרים״ שבתיבת נתוני המוצר.

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

בלוק 1 — מוצרים דומים

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

1. הדליקו ״הצג מוצרים דומים״ (דלוק כברירת מחדל).
2. כתבו ״כותרת מוצרים דומים״.
3. ב״אילו מוצרים נחשבים דומים״ בחרו:
   • ״כל הקטגוריות שהמוצר משויך אליהן״
   • ״הקטגוריה שמופיעה בנתיב שלו״ (ברירת המחדל)
4. ב״תצוגת מוצרים דומים״ בחרו ״רשת״ או ״סליידר חופשי״.
5. קבעו ״כמה מוצרים דומים להציג״ (8 כברירת מחדל, 2–24) ו״מוצרים דומים בשורה״ (4 כברירת מחדל, 2–6).
6. ״יישור מוצרים דומים״ — ״מתחילת השורה״ או ״ממורכז״. ההסבר: ״משפיע רק כשאין מספיק כרטיסים כדי למלא את השורה.״
7. ״רקע אזור מוצרים דומים״ — ריק משאיר את האזור על העמוד; צבע נותן לו רצועה משלו עם מרווח סביב המוצרים.

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

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

בלוק 2 — ״נקנים יחד״ (חבילה)

בהתאמה האישית

1. הדליקו ״הצג חבילת ׳נקנים יחד׳״ (דלוק כברירת מחדל). ההסבר: ״מופיעה רק במוצרים שהוגדרה להם חבילה.״
2. כתבו ״כותרת החבילה״ וקבעו ״רקע אזור החבילה״.

במוצר עצמו

1. פתחו את המוצר לעריכה, ובתיבת נתוני המוצר לחצו על הלשונית ״מוצרים מקושרים״.
2. בשדה ״נקנים יחד״ חפשו והוסיפו את המוצרים שמרכיבים את החבילה.
3. אפשר לכתוב ״כותרת החבילה״ ייחודית למוצר הזה — ״אם נשאר ריק, תוצג הכותרת מההתאמה האישית״.
4. ב״הנחת חבילה״ בחרו ״ללא הנחה״, ״הנחה באחוזים״ או ״הנחה בסכום״, וב״כמה״ הזינו את הערך.
5. עדכנו את המוצר.

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

בלוק 3 — ״השלמת הלוק/חלל״ (מוצרים שמשתלבים)

הבלוק הזה מוזן מרשימת ה-Cross-sells של ווקומרס. ההסבר בשדה: ״ווקומרס מציגה אותם רק בסל; ההגדרה הזו מביאה אותם לעמוד המוצר.״

1. הדליקו ״הצג מוצרים שמשתלבים עם המוצר״. ברירת המחדל היא כבוי.
2. כתבו ״כותרת ׳משתלב עם׳״.
3. ב״היכן מוצגות״ בחרו אחת משלוש (מתוך ציורים):
   • ״לפני הוספה לסל״ — צמוד לכפתור.
   • ״אחרי הטאבים״.
   • ״מתחת לגלריה ולפרטי המוצר״ (ברירת המחדל).
4. לכל מיקום יש הגדרת צורה משלו, והיא מופיעה רק כשבחרתם בו:
   • ״תצוגה לפני ההוספה לסל״ — ״שורות עם תיבת סימון״ או ״ריבועים לסימון״. ״כל מה שמסומן יתווסף לסל יחד עם המוצר עצמו.״
   • ״תצוגה אחרי הטאבים״ — ״מוצר לרוחב״ או ״כרטיסים בשורה״. ״כאן לכל מוצר יש כפתור הוספה לסל משלו.״
   • ״תצוגה מתחת לפרטים״ — ״רשת״ או ״סליידר חופשי״, עם ״כרטיסי הקטלוג הרגילים, כך שכפתור ההוספה נגזר מהגדרת הכרטיס״.
5. קבעו ״מוצרים משתלבים בשורה״, ״יישור מוצרים משתלבים״ ו״רקע אזור מוצרים משתלבים״.
6. במוצר עצמו — לשונית ״מוצרים מקושרים״, שדה ה-Cross-sells.

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

בלוק 4 — שדרוגים

מוזן מרשימת ה-Upsells של ווקומרס — ״גרסה משודרגת של מה שנצפה כרגע״.

1. הדליקו ״הצג שדרוגים״ (דלוק כברירת מחדל).
2. כתבו ״כותרת שדרוגים״ וקבעו ״רקע אזור שדרוגים״.
3. במוצר עצמו — לשונית ״מוצרים מקושרים״, שדה ה-Upsells.

עצה אחת על כמות

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

קשור

• advanced-product-page-structure
• advanced-catalogue-structure
• advanced-customizer-map
• advanced-global-design