חנות רספונסיבית לעסק: מה צריך לעבוד בכל מסך | ShiftStore  1. [ShiftStore](https://store.shift.co.il)
2. /
3. [כתבות](https://store.shift.co.il/articles)
4. /
5. [בלוג חנות וירטואלית](https://store.shift.co.il/articles/%D7%91%D7%9C%D7%95%D7%92-%D7%97%D7%A0%D7%95%D7%AA-%D7%95%D7%99%D7%A8%D7%98%D7%95%D7%90%D7%9C%D7%99%D7%AA-3094)
6. /
7. חנות רספונסיבית לעסק: מה צריך לעבוד בכל מסך

   ![חנות רספונסיבית לעסק: מה צריך לעבוד בכל מסך](https://content.shiftme.co.il/tenants/shift/articles/01M6WW5BB2EM2EQT4CPTFKKKSJ/c/חנות-רספונסיבית-לעסק-מה-צריך-לעבוד-בכל-מסך-59753-lg.webp) חנות רספונסיבית לעסק: מה צריך לעבוד בכל מסך
===========================================

 08.11.2026

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

      תוכן הכתבה 7 פסקאות     1. [מה זה אומר שחנות רספונסיבית](#מה-זה-אומר-שחנות-רספונסיבית)
2. [נראה טוב מול עובד באמת](#נראה-טוב-מול-עובד-באמת)
3. [ארבעה מסכים שכדאי לבדוק](#ארבעה-מסכים-שכדאי-לבדוק)
4. [מסלול קנייה אחד, בכל אחד מהמסכים](#מסלול-קנייה-אחד-בכל-אחד-מהמסכים)
5. [מה המערכת עושה ומה תלוי בכם](#מה-המערכת-עושה-ומה-תלוי-בכם)
6. [מתי לחזור על הבדיקה](#מתי-לחזור-על-הבדיקה)
7. [הצעד הבא](#הצעד-הבא)

   מה זה אומר שחנות רספונסיבית
---------------------------

**[חנות רספונסיבית](/tags/%D7%97%D7%A0%D7%95%D7%AA-%D7%A8%D7%A1%D7%A4%D7%95%D7%A0%D7%A1%D7%99%D7%91%D7%99%D7%AA-7106) לעסק** היא חנות שבה הלקוח יכול לעשות את כל הדרך, למצוא מוצר, לבחור צבע או מידה, להוסיף לסל ולשלם, בכל מסך: טלפון קטן, טלפון גדול, טאבלט ומחשב. לא מספיק שהעמודים מתכווצים יפה לרוחב הטלפון. השאלה האמיתית היא אם אפשר לסיים בהם קנייה בלי להיתקע.

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

  נראה טוב מול עובד באמת
----------------------

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

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

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

  ארבעה מסכים שכדאי לבדוק
-----------------------

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

1. **טלפון קטן:** המסך הכי צפוף. כאן נחתכים בוררים, שורות מחיר נשברות וכפתורים נדחקים זה לזה. מה שעובד כאן, יעבוד כמעט בכל טלפון.
2. **טלפון גדול, גם לרוחב:** חלק מהלקוחות מסובבים את הטלפון כדי לראות תמונה בגדול. תבדקו שהעמוד לא נשבר ושהכפתורים נשארים במקום הגיוני.
3. **טאבלט:** המסך שהכי קל לשכוח. הוא רחב מדי לעיצוב של טלפון וצר מדי לעיצוב של מחשב, ושם מופיעים לפעמים רווחים מוזרים או תפריט שנשבר לשתי שורות.
4. **מחשב:** כאן הבעיה היא לפעמים הפוכה: עמוד שנמתח לרוחב, תמונות שנראות מטושטשות בגדול, או טופס [קופה](/tags/%D7%A7%D7%95%D7%A4%D7%94-8869) שבו העין צריכה לרוץ מצד לצד.

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

  מסלול קנייה אחד, בכל אחד מהמסכים
--------------------------------

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

### 1. מציאת המוצר: תפריט, חיפוש וקטגוריה

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

### 2. עמוד המוצר: לבחור ולהוסיף לסל

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

מוצר עם וריאציות הוא מקרה טוב לבדיקה. בעמוד של [בגד גוף ספורטיבי לדוגמה עם צבעים ומידות](https://store.shift.co.il/product/%D7%9E%D7%95%D7%A6%D7%A8-%D7%A2%D7%9D-%D7%95%D7%A8%D7%99%D7%90%D7%A6%D7%99%D7%95%D7%AA-%D7%9C%D7%93%D7%95%D7%92%D7%9E%D7%90-%D7%91%D7%92%D7%93-%D7%92%D7%95%D7%A3-%D7%A1%D7%A4%D7%95%D7%A8%D7%98%D7%99%D7%91%D7%99-%D7%90%D7%A8%D7%95%D7%9A-%D7%A2%D7%9D-%D7%92%D7%91-%D7%A4%D7%AA%D7%95%D7%97-6893) בוחרים צבע ומידה באותו עמוד, וזה בדיוק סוג הבחירה שכדאי לנסות באצבע על מסך קטן עם המוצרים שלכם.

לגבי גודל הכפתורים, תקן הנגישות הבינלאומי WCAG 2.2 קובע שיעד לחיצה יהיה לפחות 24 על 24 פיקסלים (ביחידות CSS), או שיהיה סביבו מספיק רווח מכפתורים אחרים. זה מינימום, לא יעד. כפתור קנייה גדול יותר נוח יותר לכולם.

### 3. הסל: לבדוק ולהמשיך

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

### 4. הקופה: למלא פרטים ולשלם

בקופה הלקוח מקליד, וזה המקום שבו טלפון מרגיש הכי שונה ממחשב. תבדקו שהמקלדת המתאימה נפתחת בכל שדה, שהשדות לא מוסתרים מאחורי המקלדת, ושאם הלקוח טעה, ההודעה מסבירה מה לתקן ולא מוחקת את מה שכבר מילא. אחר כך תבדקו שאפשר לבחור משלוח ואמצעי [תשלום](/tags/%D7%AA%D7%A9%D7%9C%D7%95%D7%9D-2176) בלי לגלול הלוך ושוב.

### 5. אישור ההזמנה

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

  מה המערכת עושה ומה תלוי בכם
---------------------------

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

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

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

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

  מתי לחזור על הבדיקה
-------------------

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

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

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

  הצעד הבא
--------

מתכננים חנות חדשה ורוצים שהיא תעבוד טוב בטלפון בדיוק כמו במחשב? אפשר לקבוע שיחת היכרות עם [Shift Store](https://store.shift.co.il/), לעבור יחד על סוגי המוצרים שלכם ולראות איך הם ייראו בעמודי הקטגוריה, המוצר והסל בכל מסך.

   [בלוג חנות וירטואלית](https://store.shift.co.il/articles/%D7%91%D7%9C%D7%95%D7%92-%D7%97%D7%A0%D7%95%D7%AA-%D7%95%D7%99%D7%A8%D7%98%D7%95%D7%90%D7%9C%D7%99%D7%AA-3094) [מובייל](https://store.shift.co.il/tags/%D7%9E%D7%95%D7%91%D7%99%D7%99%D7%9C-9913) [עמוד מוצר](https://store.shift.co.il/tags/%D7%A2%D7%9E%D7%95%D7%93-%D7%9E%D7%95%D7%A6%D7%A8-8684) [קופה](https://store.shift.co.il/tags/%D7%A7%D7%95%D7%A4%D7%94-8869) [חנות רספונסיבית](https://store.shift.co.il/tags/%D7%97%D7%A0%D7%95%D7%AA-%D7%A8%D7%A1%D7%A4%D7%95%D7%A0%D7%A1%D7%99%D7%91%D7%99%D7%AA-7106) [חוויית קנייה](https://store.shift.co.il/tags/%D7%97%D7%95%D7%95%D7%99%D7%99%D7%AA-%D7%A7%D7%A0%D7%99%D7%99%D7%94-7485)  אולי יעניין אותך גם
-------------------

- [ ![חנות וירטואלית למוצר אחד: הקמה, עלויות ורווחיות](https://content.shiftme.co.il/tenants/shift/articles/01M73EXG41DFKZ2713S83K5RTX/c/חנות-וירטואלית-למוצר-אחד-הקמה-עלויות-ורווחיות-19658-sm.webp)  חנות וירטואלית למוצר אחד: הקמה, עלויות ורווחיות חנות וירטואלית למוצר אחד מתאימה כשיש מוצר מרכזי עם ביקוש, ומה שנשאר מכל הזמנה יכול לכסות א...     ](https://store.shift.co.il/a/%D7%97%D7%A0%D7%95%D7%AA-%D7%95%D7%99%D7%A8%D7%98%D7%95%D7%90%D7%9C%D7%99%D7%AA-%D7%9C%D7%9E%D7%95%D7%A6%D7%A8-%D7%90%D7%97%D7%93-%D7%94%D7%A7%D7%9E%D7%94-%D7%A2%D7%9C%D7%95%D7%99%D7%95%D7%AA-%D7%95%D7%A8%D7%95%D7%95%D7%97%D7%99%D7%95%D7%AA-1338)
- [ ![קופה נוחה במובייל: איך מקלים על השלמת ההזמנה](https://content.shiftme.co.il/tenants/shift/articles/01M70W5GKCMTRP0SC84Z0KYDKD/c/קופה-נוחה-במובייל-איך-מקלים-על-השלמת-ההזמנה-93821-sm.webp)  קופה נוחה במובייל: איך מקלים על השלמת ההזמנה הקופה נראית טוב אבל קשה למלא אותה בטלפון? בדקו שדות, מקלדת, הודעות ותצוגת הסכום, ולמדו לזה...     ](https://store.shift.co.il/a/%D7%A7%D7%95%D7%A4%D7%94-%D7%A0%D7%95%D7%97%D7%94-%D7%91%D7%9E%D7%95%D7%91%D7%99%D7%99%D7%9C-%D7%90%D7%99%D7%9A-%D7%9E%D7%A7%D7%9C%D7%99%D7%9D-%D7%A2%D7%9C-%D7%94%D7%A9%D7%9C%D7%9E%D7%AA-%D7%94%D7%94%D7%96%D7%9E%D7%A0%D7%94-4385)
- [ ![תמונת שיתוף אוטומטית למוצר: איך משתמשים בה בחנות](https://content.shiftme.co.il/tenants/shift/articles/01M70VQ3T4Q8ESTTKB5WYBS2T8/c/תמונת-שיתוף-אוטומטית-למוצר-איך-משתמשים-בה-בחנות-62981-sm.webp)  תמונת שיתוף אוטומטית למוצר: איך משתמשים בה בחנות לכל מוצר יש תמונה והקשר משלו. הכירו כיצד כרטיסיית שיתוף אוטומטית יכולה להציג קישור רלוונטי...     ](https://store.shift.co.il/a/%D7%AA%D7%9E%D7%95%D7%A0%D7%AA-%D7%A9%D7%99%D7%AA%D7%95%D7%A3-%D7%90%D7%95%D7%98%D7%95%D7%9E%D7%98%D7%99%D7%AA-%D7%9C%D7%9E%D7%95%D7%A6%D7%A8-%D7%90%D7%99%D7%9A-%D7%9E%D7%A9%D7%AA%D7%9E%D7%A9%D7%99%D7%9D-%D7%91%D7%94-%D7%91%D7%97%D7%A0%D7%95%D7%AA-3412)
- [ ![חיבור סליקת אשראי לחנות אונליין: מה בודקים עם HYP](https://content.shiftme.co.il/tenants/shift/articles/01M6YMEP0VRNJ97VJJ718730XA/c/חיבור-סליקת-אשראי-לחנות-אונליין-מה-בודקים-עם-hyp-25608-sm.webp)  חיבור סליקת אשראי לחנות אונליין: מה בודקים עם HYP רוצים לקבל תשלום באשראי בחנות? מדריך לשאלות על חיבור HYP, מסלול הסליקה, אישורי העסק ובדיקו...     ](https://store.shift.co.il/a/%D7%97%D7%99%D7%91%D7%95%D7%A8-%D7%A1%D7%9C%D7%99%D7%A7%D7%AA-%D7%90%D7%A9%D7%A8%D7%90%D7%99-%D7%9C%D7%97%D7%A0%D7%95%D7%AA-%D7%90%D7%95%D7%A0%D7%9C%D7%99%D7%99%D7%9F-%D7%9E%D7%94-%D7%91%D7%95%D7%93%D7%A7%D7%99%D7%9D-%D7%A2%D7%9D-hyp-9338)
- [ ![מכירה טלפונית בחנות אונליין: איך שולחים עגלה לתשלום](https://content.shiftme.co.il/tenants/shift/articles/01M6WW9TYQG3VTPZDGG7413TGZ/c/מכירה-טלפונית-בחנות-אונליין-איך-שולחים-עגלה-לתשלום-88498-sm.webp)  מכירה טלפונית בחנות אונליין: איך שולחים עגלה לתשלום לקוח רוצה להזמין בשיחה? נלמד איך נציג מרכיב עגלת קניות ושולח קישור להשלמת תשלום, ואילו פרי...     ](https://store.shift.co.il/a/%D7%9E%D7%9B%D7%99%D7%A8%D7%94-%D7%98%D7%9C%D7%A4%D7%95%D7%A0%D7%99%D7%AA-%D7%91%D7%97%D7%A0%D7%95%D7%AA-%D7%90%D7%95%D7%A0%D7%9C%D7%99%D7%99%D7%9F-%D7%90%D7%99%D7%9A-%D7%A9%D7%95%D7%9C%D7%97%D7%99%D7%9D-%D7%A2%D7%92%D7%9C%D7%94-%D7%9C%D7%AA%D7%A9%D7%9C%D7%95%D7%9D-4551)

  להמשך הכתבה