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

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

Claude Code הוא כלי טרמינל של Anthropic שרואה את קבצי חנות השופיפיי שלכם, כותב ומתקן עבורכם קוד עיצוב (Liquid), ומריץ סקריפטים לניהול מוצרים. הוא לא מחובר אוטומטית לחנות, לא רואה את הדפדפן, ולא בודק checkout, אז עדיין צריך אדם שידע להריץ פקודות ולוודא שהתוצאה עובדת בפועל.

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

Claude Code הוא כלי של חברת Anthropic, לא צ'אטבוט רגיל. הוא יושב על המחשב שלכם, רואה את הקבצים של הפרויקט, וכותב ומתקן קוד בעצמו. ההבדל מ-ChatGPT הרגיל: הוא לא רק עונה, הוא עושה את העבודה בפועל בקבצים שלכם.

בקצרה, מה זה נותן לחנות שופיפיי:

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

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

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

🔧 מכאן זה נהיה טכני

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

אפשר לפתוח את הסעיפים למטה ולעבור שלב אחר שלב, או לדלג ישר לטיפ הסיום.

מה ההבדל בין Claude הרגיל לבין Claude Code?

פתחו ▾

כשמדברים עם Claude ב-claude.ai, מקבלים תשובות. כשעובדים עם Claude Code, מקבלים עושה. הוא רץ ישירות בתיקיית הפרויקט שלכם, מסוגל לקרוא מאות קבצים בו-זמנית, להריץ npm install, לבדוק שגיאות בטרמינל, ולתקן אותן בפועל. הכול בשיחה אחת.

בהקשר שופיפיי, זה מתרגם לשלושה סוגי עבודה עיקריים:

פיתוח ועריכת ערכות נושא (Themes) - קבצי Liquid, CSS, JavaScript
בניית Shopify Apps - אפליקציות על גבי ה-API של שופיפיי
סקריפטים ואוטומציות - ייבוא מוצרים, דוחות, ניהול מלאי

מה Claude Code באמת עושה בעולם האיקומרס

פתחו ▾

1. עריכת ערכות נושא, כאן הוא הכי חזק

שופיפיי בנויה על שפת תבניות בשם Liquid, שרוב בעלי החנויות לא מכירים. Claude Code יכול לקרוא את קבצי ה-theme שלכם ולבצע שינויים מורכבים בדיוק כמו מפתח בכיר, רק מהר יותר:

הוספת section חדשה עם הגדרות בניית עמוד (schema)
שינוי לוגיקת הצגת מחיר (מבצע, מחיר לפני, תגי "חדש")
בניית mega menu מותאם אישית
הוספת שדות metafield לתצוגה על דף המוצר
אינטגרציה עם ספקי צד שלישי (ביקורות, מניות וכו')

2. סקריפטים לניהול נתונים

יש לכם 3,000 מוצרים ואתם צריכים לעדכן את כולם? Claude Code יכול לכתוב סקריפט Python או Node.js שמשתמש ב-Shopify Admin API ומבצע את הפעולה בצורה מאוחדת. בעבר הייתם צריכים מפתח. היום צריך להסביר מה רוצים.

3. בניית אפליקציות שופיפיי פשוטות

Shopify Apps שמוסיפות פונקציות שאין ב-theme הרגיל: לוח ניהול מותאם, widget של loyalty, לוגיקת pricing מיוחדת. Claude Code יכול לבנות את הבסיס. לא תוצר production מוכן לאלפי לקוחות, אבל פתרון פנימי לחנות עצמה? בהחלט.

ההגבלות האמיתיות, בלי לעגל פינות

פתחו ▾

כאן רוב הסרטונים שתראו ב-TikTok מדלגים. החיים האמיתיים מסובכים יותר:

אין גישה ישירה לחנות שלכם

Claude Code לא מחובר לחנות שופיפיי שלכם אוטומטית. הוא עובד על קבצים מקומיים בלבד. בשביל לדחוף שינויים ל-theme בפועל צריך Shopify CLI ותהליך deploy נפרד. בשביל גישה ל-API צריך להגדיר credentials ידנית.

לא יכול לבדוק checkout

Claude Code לא פותח דפדפן. הוא לא יכול לראות איך הדף נראה, ולא יכול לבדוק תהליכי תשלום, A/B tests, או התנהגות אמיתית של משתמשים. הוא כותב קוד. מישהו אחר (אתם) צריך לאמת שזה עובד.

Rate limits על Shopify API

כשכותבים סקריפטים שמושכים נתונים מ-API של שופיפיי, מגיעים מהר מאוד ל-rate limits. Claude Code יכול לכתוב את הלוגיקה נכון (עם throttling ו-retry), אבל זה משהו שצריך להכיר ולבקש ממנו לכתוב.

קוד Liquid מורכב עדיין דורש ידע

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

אין זיכרון ארוך טווח מחוץ לסשן

כל שיחה עם Claude Code מתחילה מחדש. הוא לא זוכר שלפני שבוע הוספתם section מסוים או שיש custom logic ספציפי ב-theme שלכם, אלא אם כן אתם מספרים לו.

איך עושים את זה בתכלס, מדריך מעשי

פתחו ▾

שלב 1: התקנה

npm install -g @anthropic-ai/claude-code

לאחר ההתקנה, מריצים claude בטרמינל ומאמתים עם חשבון Anthropic. גרסת ה-Pro (20$/חודש) מספיקה לשימוש אישי. לעבודה אינטנסיבית, גרסת ה-Max.

שלב 2: התקנת Shopify CLI

npm install -g @shopify/cli @shopify/theme

Shopify CLI הוא הגשר בין הקבצים המקומיים לחנות שלכם. Claude Code כותב. Shopify CLI דוחף.

שלב 3: משיכת ה-Theme לתיקייה מקומית

shopify theme pull --store your-store.myshopify.com

עכשיו יש לכם את כל קבצי ה-theme בתיקייה מקומית. Claude Code יכול לראות ולערוך אותם.

שלב 4: פתיחת Claude Code בתיקיית הפרויקט

cd your-theme-folder
claude

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

שלב 5: דוגמת פרומפט אפקטיבי

במקום: "תוסיף banner"

כתבו: "קרא את קבצי ה-theme, צור section חדשה בשם announcement-bar.liquid עם שדות schema לטקסט, צבע רקע, וקישור. הוסף את ה-section לתחתית sections/header.liquid. הסגנון צריך להתאים ל-design tokens הקיימים ב-base.css."

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

שלב 6: בדיקה ודחיפה

shopify theme dev --store your-store.myshopify.com

פקודה זו מריצה preview חי של ה-theme עם השינויים שביצע Claude Code. מוודאים שהכל נראה טוב, ואז:

shopify theme push

טיפ מתקדם: CLAUDE.md לפרויקט שופיפיי

פתחו ▾

אחד הדברים שרוב האנשים לא עושים, וזה פרודוקטיבי מאוד, הוא ליצור קובץ CLAUDE.md בתיקיית ה-theme. Claude Code קורא אותו בכל שיחה ומשתמש בו כהקשר.

דוגמה לתוכן CLAUDE.md לחנות שופיפיי:

## החנות
חנות שופיפיי למוצרי ילדים. RTL (עברית). ערכת נושא בסיס: Dawn 14.

## כללי עיצוב
- צבע ראשי: #FF6B6B
- פונטים: Heebo (עברית), Inter (אנגלית)
- אין להשתמש ב-Bootstrap, רק CSS מותאם

## מבנה מיוחד
- sections/custom-* : כל ה-sections המותאמים שלנו
- snippets/icons/ : כל ה-SVGs

## מה לא לגעת בו
- אין לשנות את checkout.liquid ללא אישור
- sections/header.liquid : רק הוספות, לא שינויים קיימים

אם אתם רוצים לראות כיצד אחרים בונים עם כלים כאלה, כדאי לבדוק גם את המדריך על Lovable (כלי בנייה מהיר נוסף) ואת הסקיל Remotion ל-Claude Code, שמראה עוד מה הכלי מסוגל לעשות.

טיפ אחד לסיום

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

אם אתם רוצים לעבוד עם Claude Code ולא לבד, לשאול, לשתף תקלות, ולראות מה עובד לאחרים בפועל, זה בדיוק מה שקורה בקהילת SOLOS.