Product banner (באנר מוצר) של Shop Pay Installments מוצג מתחת למחיר בעמוד מוצר, ומציג ללקוח מידע על אפשרויות תשלום בתשלומים. לפי Shopify (שופיפיי), המידע שמוצג משתנה לפי ערך המוצר וזכאות הלקוח.
במדריך הזה
המדריך מסביר מתי הבאנר כבר עשוי להיות קיים בתבנית, איפה מוסיפים אותו ידנית, איזה snippet (קטע קוד) Shopify מציגה, ומה לבדוק בעמודי מוצר רגילים ומוצרים מובלטים.
איפה מוסיפים את הבאנר
אם הבאנר לא מופיע, מוסיפים אותו בכל מופע של product form (טופס מוצר), שנראה כמו {% form 'product', product ... }. מיקומים נפוצים הם product-form.liquidLiquid / ליקווידLiquid (ליקוויד) היא שפת התבניות של Shopify (שופיפיי) — היא רצה בצד השרת ומחליפה תגים כמו `{{ product.title }}` בערכים האמיתיים מהחנות לפני שהדף נשלח לדפדפן.פתיחה במילון, featured-product-form.liquidLiquid / ליקווידLiquid (ליקוויד) היא שפת התבניות של Shopify (שופיפיי) — היא רצה בצד השרת ומחליפה תגים כמו `{{ product.title }}` בערכים האמיתיים מהחנות לפני שהדף נשלח לדפדפן.פתיחה במילון, product-template.liquidLiquid / ליקווידLiquid (ליקוויד) היא שפת התבניות של Shopify (שופיפיי) — היא רצה בצד השרת ומחליפה תגים כמו `{{ product.title }}` בערכים האמיתיים מהחנות לפני שהדף נשלח לדפדפן.פתיחה במילון ו-product.liquidLiquid / ליקווידLiquid (ליקוויד) היא שפת התבניות של Shopify (שופיפיי) — היא רצה בצד השרת ומחליפה תגים כמו `{{ product.title }}` בערכים האמיתיים מהחנות לפני שהדף נשלח לדפדפן.פתיחה במילון, אך זה תלוי בתבנית.
הקוד ש-Shopify מציגה
בתוך טופס המוצר, מיד אחרי פתיחת form או באזור שמתאים למחיר/תשלום, מוסיפים:
{{ form | payment_terms }}
שופיפיי מציגה דוגמה שבה payment_terms נמצא בתוך {% form 'product', product ... %} לפני סגירת {% endform %}.
תהליך עבודה מומלץ
- שכפלו את ה-theme לפני עריכה.
- פתחו Online Store > Themes > Edit code.
- מצאו את קובץ product form הרלוונטי.
- הוסיפו את payment_terms בתוך form המוצר.
- בדקו מוצר עם מחיר זכאי, מוצר עם מחיר לא זכאי, וריאנטים, featured product ומובייל.
חוויית קנייה
הבאנר נותן ללקוח upfront information (מידע מראש) על סכום תשלום משוער לפני checkoutCheckout / קופהCheckout (קופה) הוא תהליך התשלום בחנות Shopify (שופיפיי) — שלושת המסכים שמובילים את הלקוח מהעגלה דרך פרטי משלוח ותשלום ועד לעמוד אישור ההזמנה.פתיחה במילון. הוא צריך להופיע ליד המחיר בלי להסתיר מחיר, הנחות, אפשרויות וריאנט, משלוח או כפתור הוספה לעגלה. הנוסח צריך להבהיר שהתשלומים כפופים לזכאות.
מדידה
בדקו השפעה על add to cart (הוספה לעגלה), מעבר ל-checkout, AOVAOV / ערך הזמנה ממוצעAOV (Average Order Value) הוא הסכום הממוצע של הזמנה בחנות Shopify (שופיפיי) — סך ההכנסה חלקי מספר ההזמנות — מטריקת מפתח להעריך את כלכלת החנות.פתיחה במילון ושאלות שירות. אם הבאנר גורם לבלבול לגבי זכאות, העבירו אותו למיקום פחות דומיננטי או שפרו את ה-FAQ.
תפקיד הבאנר בעמוד מוצר
Product banner (באנר מוצר) מציג ללקוח אפשרות תשלומים בשלב שבו הוא מעריך מחיר ומחליט אם להוסיף לעגלה. הבאנר מוצג מתחת למחיר ומידע התשלומים יכול להשתנות לפי ערך המוצר וזכאות. לכן הוא צריך להיות קרוב למחיר אך לא להחליף מחיר, הנחה, וריאנט, משלוח או מידע חיוני אחר.
זיהוי אם הבאנר כבר קיים
שופיפיי מציינת שתבניות שהותקנו אחרי 31 בינואר 2022 עשויות לכלול את הבאנר כברירת מחדל. לאחר הפעלת Shop Pay Installments, בדקו בפועל עמוד מוצר חי או preview (תצוגה מקדימה) לפני שמוסיפים קוד. הוספה כפולה עלולה ליצור שני באנרים, מסר חוזר או פגיעה בפריסה. אם הבאנר לא מופיע, בדקו האם המוצר, המחיר והחנות עומדים בתנאים.
איפה מוסיפים בקוד
את payment_terms (תנאי תשלום) מוסיפים בתוך product form (טופס מוצר), כלומר בתוך אזור LiquidLiquid / ליקווידLiquid (ליקוויד) היא שפת התבניות של Shopify (שופיפיי) — היא רצה בצד השרת ומחליפה תגים כמו `{{ product.title }}` בערכים האמיתיים מהחנות לפני שהדף נשלח לדפדפן.פתיחה במילון שנראה כמו form של product. קבצים נפוצים יכולים להיות product-form.liquidLiquid / ליקווידLiquid (ליקוויד) היא שפת התבניות של Shopify (שופיפיי) — היא רצה בצד השרת ומחליפה תגים כמו `{{ product.title }}` בערכים האמיתיים מהחנות לפני שהדף נשלח לדפדפן.פתיחה במילון, featured-product-form.liquidLiquid / ליקווידLiquid (ליקוויד) היא שפת התבניות של Shopify (שופיפיי) — היא רצה בצד השרת ומחליפה תגים כמו `{{ product.title }}` בערכים האמיתיים מהחנות לפני שהדף נשלח לדפדפן.פתיחה במילון, product-template.liquidLiquid / ליקווידLiquid (ליקוויד) היא שפת התבניות של Shopify (שופיפיי) — היא רצה בצד השרת ומחליפה תגים כמו `{{ product.title }}` בערכים האמיתיים מהחנות לפני שהדף נשלח לדפדפן.פתיחה במילון או product.liquidLiquid / ליקווידLiquid (ליקוויד) היא שפת התבניות של Shopify (שופיפיי) — היא רצה בצד השרת ומחליפה תגים כמו `{{ product.title }}` בערכים האמיתיים מהחנות לפני שהדף נשלח לדפדפן.פתיחה במילון, אבל בתבניות Online Store 2.0 המבנה עשוי להיות sectionSection / מקטעSection (מקטע) הוא יחידת בניין מודולרית בתבנית Shopify (שופיפיי) — רצועה עצמאית של תוכן ועיצוב שאפשר להוסיף, להסיר ולסדר מחדש דרך עורך התבנית בלי לגעת בקוד.פתיחה במילון או snippet אחר. חפשו את הטופס שמכיל את כפתור Add to cart (הוספה לעגלה) ואת מחיר המוצר.
קוד Liquid
הקוד המרכזי ש-שופיפיי מציגה הוא:
{{ form | payment_terms }}
הקוד צריך להיות בתוך {% form 'product', product ... %} ולא במקום אקראי בעמוד. אם יש featured product (מוצר מובלט), quick view (תצוגה מהירה) או טפסים נוספים, צריך לבדוק כל טופס בנפרד כדי לוודא שהבאנר מופיע רק במקום הנכון.
תהליך בדיקות
- שכפלו את ה-theme לפני עריכה.
- הוסיפו את payment_terms לטופס מוצר אחד ובדקו preview.
- בדקו מוצר זכאי, מוצר לא זכאי, מוצר עם וריאנטים ומוצר בהנחה.
- בדקו featured product, quick view ומובייל אם הם קיימים.
- ודאו שהבאנר אינו מסתיר מחיר, מלאי, משלוח או כפתורי רכישה.
טבלת מיקומים
| מיקום | סיכון | בדיקה |
|---|---|---|
| מתחת למחיר | המיקום המומלץ לרוב | שהנוסח מתייחס למחיר הנוכחי |
| מעל וריאנטים | עלול להופיע לפני בחירת אפשרות | לבדוק שינוי מחיר בין וריאנטים |
| ליד כפתור קנייה | יכול להכביד על פעולה מרכזית | לבדוק מובייל וקיפול מסך |
| featured product | טופס שונה מעמוד מוצר | לבדוק שהקוד נוסף גם שם אם צריך |
| quick view | מגבלות תבנית או אפליקציה | לוודא שאין שגיאות JavaScript |
תוכן, זכאות ושירות
הבאנר לא אמור להבטיח שהלקוח יאושר לתשלומים. אם מוסיפים טקסט עברי סביבו, כתבו שהאפשרות כפופה לזכאות ולתנאים שמוצגים ב-Shop Pay. שירות לקוחות צריך לדעת להסביר שהחנות מטפלת במוצר, משלוח והחזרות, אבל שאלות על approval, לוח תשלומים או חשבון Shop Pay מטופלות במסלול Shop/Affirm לפי המדינה.
ביקורת לפני עלייה לאוויר
לפני שמסמנים את ההגדרה כגמורה, עברו על מסלול לקוח מלא ולא רק על מסך ההגדרות. התחילו מעמוד מוצר, המשיכו לעגלה, עברו ל-checkout (קופה), השלימו תשלום, פתחו את ההזמנה באדמין, בדקו payment status (סטטוס תשלום), בצעו refund (החזר) מבוקר אם אפשר, ואז השוו את הנתונים לדוחות. הבדיקה צריכה לכלול מובייל ודסקטופ, לקוח חדש ולקוח חוזר, מוצר פשוט ומוצר עם וריאנטים, וכן מצב שבו יש הנחה, מס ומשלוח. אם אמצעי התשלום תלוי במדינה או במטבע, בדקו אותו דרך marketMarket / שוקMarket (שוק) הוא הגדרת מכירה גיאוגרפית ב-Shopify (שופיפיי) שמאפשרת לחנות להציג מחירים, שפה, מטבע ותנאי משלוח שונים לקהלי יעד שונים — למשל ישראל לעומת אירופה.פתיחה במילון (שוק) מתאים ולא דרך ההנחה שהוא יופיע לכל לקוח.
תסריט שירות לקוחות
כתבו לצוות תשובה קצרה שמסבירה מה הלקוח רואה, מי מעבד את התשלום, איפה החנות יכולה לעזור, ואילו שאלות צריך להפנות ל-שופיפיי, Shop Pay, PayPal, Affirm או ספק התשלום. התסריט צריך לכלול גם מילים באנגלית שהלקוח עשוי לראות, כמו authorization (אישור), capture (לכידה), payout (העברת כספים), dispute (מחלוקת), installment (תשלום תקופתי) או payment method (אמצעי תשלום). כאשר הצוות משתמש באותם מונחים, קל יותר לחבר בין פנייה, הזמנה ודוח כספי.
בקרה חודשית
אחת לחודש בדקו אם שופיפיי או הספק שינו זמינות, עמלות, נוסח, מדינות נתמכות או דרישות אימות. השוו את רשימת אמצעי התשלום באדמין למה שמופיע בקופה בפועל, בדקו שאין קמפיין או עמוד FAQ שמבטיח אפשרות שאינה זמינה, וסמנו חריגות שחוזרות על עצמן. כך תשלום אינו נשאר הגדרה חד-פעמית אלא חלק ממערכת תפעולית שממשיכה להיות נכונה גם אחרי שינויי שופיפיי, שינויי שוק או קמפיין חדש.
שאלות נפוצות
מה מטרת באנר מוצר?
להציג אפשרות תשלומים לפני שהלקוח מגיע לעגלה או checkout.
מה לבדוק?
מיקום, מובייל, זכאות, סכום, שפה ומדידה.