ThemeTheme / תבניתתבנית העיצוב והמבנה שמציגה את החנות ללקוחות ומשפיעה על עמודים, מקטעים, ביצועים ועריכה.פתיחה במילון apps (אפליקציות תבנית) מאפשרות לאפליקציות להוסיף רכיבים לחנות דרך Theme editorTheme editor / עורך התבניתעורך התבנית שבו מנהלים מקטעים, בלוקים, מקורות דינמיים והגדרות עיצוב.פתיחה במילון (עורך התבנית) בלי לערוך קוד תבנית ידנית. Shopify משתמשת בעיקר במונחים App blocksBlocks / בלוקיםרכיבי תוכן או פעולה שניתן להוסיף לתבנית, לעמוד או לעיתים גם לעמודי אדמין.פתיחה במילון (בלוקי אפליקציה) ו-App embeds (הטמעות אפליקציה).
App blockBlock / בלוקרכיב קטן בתוך מקטע או בתוך ממשק Shopify, שאפשר להוסיף, להזיז או להגדיר בנפרד.פתיחה במילון הוא רכיב שמוסיפים למקטע או לתבנית במקום מסוים, למשל ביקורות, טופס, המלצות או נאמנות. App embed הוא רכיב שפועל ברקע או באתר כולו, למשל צ׳אט, פיקסל, באנר או סקריפט.
במדריך הזה
המדריך מסביר איך אפליקציות מופיעות בעורך התבנית, מה ההבדל בין App blocksBlocks / בלוקיםרכיבי תוכן או פעולה שניתן להוסיף לתבנית, לעמוד או לעיתים גם לעמודי אדמין.פתיחה במילון ו-App embeds, איך מפעילים ומכבים, ומה לבדוק לפני הסרת אפליקציה או שינוי תבנית.
App blocksBlocks / בלוקיםרכיבי תוכן או פעולה שניתן להוסיף לתבנית, לעמוד או לעיתים גם לעמודי אדמין.פתיחה במילון (בלוקי אפליקציה)
כאשר אפליקציה מספקת App blockBlock / בלוקרכיב קטן בתוך מקטע או בתוך ממשק Shopify, שאפשר להוסיף, להזיז או להגדיר בנפרד.פתיחה במילון, אפשר להוסיף אותו באזור נתמך בתבנית. לא כל תבנית או מקטע תומכים בכל בלוק, ולכן אם הבלוק לא מופיע, בודקים את תמיכת התבנית ואת התקנת האפליקציה.
App embeds (הטמעות אפליקציה)
App embed מופעל בדרך כלל דרך אזור App embeds בעורך התבנית. הוא יכול להוסיף קוד לאתר כולו או לפעול בתנאים מסוימים. כיבוי embed יכול להשבית פונקציה שנראית ללקוח רק בתרחיש מסוים.
הרשאות ותלות באפליקציה
אם מסירים אפליקציה, הבלוקים או ההטמעות שלה עשויים להיעלם או להפסיק לעבוד. לפני הסרה, בדקו באילו תבניות היא מופיעה, האם יש קוד שנשאר בתבנית, והאם יש תהליכים כמו ביקורות, צ׳אט, חיפוש או upsell שתלויים בה.
בדיקות ביצועים ותצוגה
אפליקציות תבנית יכולות להשפיע על מהירות, יציבות ונראות. אחרי הוספה או כיבוי, בדקו עמוד בית, מוצר, קולקציה, עגלה, מובייל ודסקטופ, וכן קונסולת דפדפן אם יש תקלה חזותית.
שלוש דרכים שבהן אפליקציות מתחברות לתבנית
Shopify מסבירה שאפליקציות יכולות להשתלב בתבנית בשלוש דרכים: App blockBlock / בלוקרכיב קטן בתוך מקטע או בתוך ממשק Shopify, שאפשר להוסיף, להזיז או להגדיר בנפרד.פתיחה במילון (בלוק אפליקציה), App embed (הטמעת אפליקציה), או Custom code (קוד מותאם) שמוזרק או נוסף לתבנית. ההבדל חשוב כי לכל דרך יש מיקום, יכולת כיבוי וסיכון תחזוקה שונים.
App blocksBlocks / בלוקיםרכיבי תוכן או פעולה שניתן להוסיף לתבנית, לעמוד או לעיתים גם לעמודי אדמין.פתיחה במילון מאפשרים להוסיף פונקציונליות בדיוק במקום שבו רוצים להשתמש בה, למשל ביקורות בעמוד מוצר או טופס בעמוד תוכן. App embeds יכולים לצוף, להופיע כשכבת Overlay (שכבת על), או להוסיף קוד לאתר בלי להיות גלויים ללקוח, למשל צ׳אט או מעקב אנליטיקה.
App blocksBlocks / בלוקיםרכיבי תוכן או פעולה שניתן להוסיף לתבנית, לעמוד או לעיתים גם לעמודי אדמין.פתיחה במילון בפועל
| שימוש | דגש |
|---|---|
| Add block (הוספת בלוק) | מופיע רק במקטעים שתומכים באפליקציה וב-App blocks |
| Add section (הוספת מקטע) | חלק מהאפליקציות יכולות להתווסף כמקטע Apps בתבנית |
| Reposition (מיקום מחדש) | אפשר לגרור בלוק למיקום אחר אם התבנית מאפשרת |
| Customize (התאמה) | ההגדרות תלויות באפליקציה ובתבנית |
תאימות ותיעוד
Shopify מציינת ש-App blocksBlocks / בלוקיםרכיבי תוכן או פעולה שניתן להוסיף לתבנית, לעמוד או לעיתים גם לעמודי אדמין.פתיחה במילון זמינים רק בתבניות תואמות, ושחלק מהמקטעים לא תומכים בהם. אם בלוק לא מופיע ב-Block picker (בורר בלוקים), בודקים את תיעוד התבנית, תיעוד האפליקציה והאם האפליקציה מותקנת. שורת החיפוש בעורך מחפשת באפליקציות שמותקנות, לא בכל App Store.
אם מחליפים Published themeTheme / תבניתתבנית העיצוב והמבנה שמציגה את החנות ללקוחות ומשפיעה על עמודים, מקטעים, ביצועים ועריכה.פתיחה במילון (תבנית מפורסמת), Shopify מציינת שייתכן שיהיה צורך להפעיל מחדש אפליקציות בתבנית החדשה, כי הן לא תמיד פעילות כברירת מחדל. זה סיכון נפוץ במעבר תבנית: החנות נראית תקינה, אבל ביקורות, צ׳אט, פיקסלים או בלוקי נאמנות נעלמים.
App embeds לפי MarketMarket / שוקמונח Shopify שמשמעותו בעברית: שוק. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון וקוד מותאם
App embeds ניתנים להפעלה, כיבוי, תצוגה מקדימה והתאמה דרך Theme editorTheme editor / עורך התבניתעורך התבנית שבו מנהלים מקטעים, בלוקים, מקורות דינמיים והגדרות עיצוב.פתיחה במילון. אם יש כמה Markets (שווקים), Shopify מציינת שאפשר להתאים App embeds לפי MarketMarket / שוקמונח Shopify שמשמעותו בעברית: שוק. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון דרך בחירת שוק בעורך לפני הפעלה או שינוי הגדרות. כך אפשר, למשל, להפעיל צ׳אט רק בשוק מסוים.
חלק מהאפליקציות מוסיפות Custom code ישירות לתבנית. במקרים מסוימים אפשר להשתמש ב-Custom LiquidLiquid / ליקווידמונח Shopify שמשמעותו בעברית: ליקוויד. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון sectionSection / מקטעמקטע בתבנית Shopify שמכיל תוכן או רכיבים וניתן לעריכה בעורך התבנית.פתיחה במילון (מקטע LiquidLiquid / ליקווידמונח Shopify שמשמעותו בעברית: ליקוויד. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון מותאם) במקום עריכת קוד עמוקה. לפני הסרת אפליקציה, בודקים אם נשאר קוד בתבנית, אם יש App embeds פעילים, ואם יש App blocksBlocks / בלוקיםרכיבי תוכן או פעולה שניתן להוסיף לתבנית, לעמוד או לעיתים גם לעמודי אדמין.פתיחה במילון בתבניות עמוד.
בדיקת איכות לפני פרסום
לפני שמעלים שינוי לחנות פעילה, בודקים את אותו נושא בשלושה מקומות: Shopify admin (ממשק הניהול), ThemeTheme / תבניתתבנית העיצוב והמבנה שמציגה את החנות ללקוחות ומשפיעה על עמודים, מקטעים, ביצועים ועריכה.פתיחה במילון preview (תצוגה מקדימה של התבנית), והעמוד הציבורי במובייל ובדסקטופ. הבדיקה הזאת חשובה במיוחד בתוכן שמופיע בכמה עמודים, כמו תפריטים, בלוקים, קולקציות, וריאנטים או כפתורי קנייה.
כדאי לעבוד עם רשימת בדיקה קבועה: האם השינוי נשמר, האם הוא מופיע במקום הנכון, האם קישורים מובילים ליעד הנכון, האם טקסטים לא נחתכים במובייל, האם תמונות נטענות, האם לקוח יכול להשלים פעולה, והאם לא נוצרה תלות באפליקציה או בהגדרה שאינה זמינה בכל MarketMarket / שוקמונח Shopify שמשמעותו בעברית: שוק. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון (שוק).
תיעוד, בעלות ובדיקת מובייל
בכל שינוי תוכן או תבנית כדאי לתעד Owner (בעלים), סיבת שינוי, עמודים מושפעים ותאריך בדיקה הבא. Shopify מאפשרת לבצע הרבה פעולות מתוך ממשק הניהול, אבל קל לשכוח ששינוי קטן יכול להשפיע על מסלול קנייה שלם: תפריט מוביל לקולקציה, קולקציה מובילה למוצר, מוצר מוביל לקופה, ואפליקציה או בלוק יכולים לשנות מה הלקוח רואה בדרך. לכן תיעוד קצר מונע מצב שבו צוות שיווק משנה תוכן, צוות תפעול משנה מלאי, וצוות שירות מגלה רק אחרי פניות לקוחות שהחנות מציגה מידע לא עקבי.
בדיקת Mobile (מובייל) אינה רק הקטנת חלון בדפדפן. פותחים את העמוד במכשיר או בתצוגת מובייל אמינה, בודקים גלילה, פתיחת תפריט, בחירת וריאנט, טעינת תמונות, חיפוש, לחיצה על כפתורים, קריאות טבלאות, ושדות שבהם טקסט עברי ואנגלי מופיעים יחד. אם התוכן כולל טבלה או רשימת צעדים, בודקים שהעמודות לא נחתכות ושכותרות המשנה עוזרות לסריקה מהירה. בחנות פעילה, בעיה קטנה במובייל יכולה להשפיע על רוב התנועה.
סימני אזהרה אחרי שינוי
| סימן | מה לבדוק מיד |
|---|---|
| לקוחות לא מוצאים פריט | חיפוש, תפריט, קולקציה, שם מוצר, תגיות ומילים נרדפות |
| כפתור קנייה לא מופיע | מלאי, וריאנט נבחר, תבנית מוצר, App block או הגדרת checkout |
| עמוד נראה שונה בין מוצרים | Template משויך, Dynamic sources, Metafields ובלוקים מוסתרים |
| קישור מוביל ל-404 | Menu item, URL handle, Redirect והאם היעד נמחק או הוסתר |
| אפליקציה נעלמה אחרי החלפת תבנית | App embeds, App blocks, תאימות התבנית והאם צריך להפעיל מחדש |
כאשר אחד מסימני האזהרה מופיע, לא מסתפקים בתיקון נקודתי. בודקים אם אותה בעיה קיימת בעמודים דומים: כל מוצר שמשתמש באותה תבנית, כל קולקציה שמסתמכת על אותו תנאי, כל תפריט עם אותו יעד, וכל MarketMarket / שוקמונח Shopify שמשמעותו בעברית: שוק. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון שמקבל הגדרות שונות. כך השינוי נשאר מקור-נאמן לתיעוד של Shopify וגם מתאים להפעלה יומיומית בחנות אמיתית.
בסיום, שמרו צילום מסך או תיאור קצר של מצב תקין, במיוחד כאשר השינוי קשור לקופה, חיפוש, תפריט ראשי או תבנית מוצר. בפעם הבאה שמדווחת תקלה, יהיה ברור מה השתנה ומה אמור להיראות ללקוח.
אם יש כמה שפות או Markets, חזרו על הבדיקה לכל גרסה פעילה ולא רק לחנות ברירת המחדל.
שאלות נפוצות
מה ההבדל בין App block לבין App embed?
App block הוא רכיב שממקמים באזור מסוים בתבנית. App embed הוא הטמעה שיכולה לפעול ברקע או באתר כולו.
מה לבדוק לפני הסרת אפליקציה?
בדקו באילו תבניות, בלוקים, embeds ותהליכי לקוח האפליקציה משתמשת, והאם יישאר קוד או תוכן תלוי.