Product banner (באנר מוצר) של Shop Pay Installments מוצג מתחת למחיר בעמוד מוצר, ומציג ללקוח מידע על אפשרויות תשלום בתשלומים. לפי Shopify, המידע שמוצג משתנה לפי ערך המוצר וזכאות הלקוח.
במדריך הזה
המדריך מסביר מתי הבאנר כבר עשוי להיות קיים בתבנית, איפה מוסיפים אותו ידנית, איזה snippet (קטע קוד) Shopify מציגה, ומה לבדוק בעמודי מוצר רגילים ומוצרים מובלטים.
איפה מוסיפים את הבאנר
אם הבאנר לא מופיע, מוסיפים אותו בכל מופע של product form (טופס מוצר), שנראה כמו {% form 'product', product ... }. מיקומים נפוצים לפי Shopify הם product-form.liquidLiquid / ליקווידמונח Shopify שמשמעותו בעברית: ליקוויד. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון, featured-product-form.liquidLiquid / ליקווידמונח Shopify שמשמעותו בעברית: ליקוויד. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון, product-template.liquidLiquid / ליקווידמונח Shopify שמשמעותו בעברית: ליקוויד. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון ו-product.liquidLiquid / ליקווידמונח Shopify שמשמעותו בעברית: ליקוויד. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון, אך זה תלוי בתבנית.
הקוד ש-Shopify מציגה
בתוך טופס המוצר, מיד אחרי פתיחת form או באזור שמתאים למחיר/תשלום, מוסיפים:
{{ form | payment_terms }}
Shopify מציגה דוגמה שבה payment_terms נמצא בתוך {% form 'product', product ... %} לפני סגירת {% endform %}.
תהליך עבודה מומלץ
- שכפלו את ה-theme לפני עריכה.
- פתחו Online Store > Themes > Edit code.
- מצאו את קובץ product form הרלוונטי.
- הוסיפו את payment_terms בתוך form המוצר.
- בדקו מוצר עם מחיר זכאי, מוצר עם מחיר לא זכאי, וריאנטים, featured product ומובייל.
חוויית קנייה
הבאנר נותן ללקוח upfront information (מידע מראש) על סכום תשלום משוער לפני checkoutCheckout / תהליך תשלוםשלב התשלום שבו לקוח מזין פרטים, בוחר משלוח ומשלים רכישה.פתיחה במילון. הוא צריך להופיע ליד המחיר בלי להסתיר מחיר, הנחות, אפשרויות וריאנט, משלוח או כפתור הוספה לעגלה. הנוסח צריך להבהיר שהתשלומים כפופים לזכאות.
מדידה
בדקו השפעה על add to cart (הוספה לעגלה), מעבר ל-checkout, AOVAOV / ערך הזמנה ממוצעמונח Shopify שמשמעותו בעברית: ערך הזמנה ממוצע. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון ושאלות שירות. אם הבאנר גורם לבלבול לגבי זכאות, העבירו אותו למיקום פחות דומיננטי או שפרו את ה-FAQ.
תפקיד הבאנר בעמוד מוצר
Product banner (באנר מוצר) מציג ללקוח אפשרות תשלומים בשלב שבו הוא מעריך מחיר ומחליט אם להוסיף לעגלה. לפי Shopify, הבאנר מוצג מתחת למחיר ומידע התשלומים יכול להשתנות לפי ערך המוצר וזכאות. לכן הוא צריך להיות קרוב למחיר אך לא להחליף מחיר, הנחה, וריאנט, משלוח או מידע חיוני אחר.
זיהוי אם הבאנר כבר קיים
Shopify מציינת שתבניות שהותקנו אחרי 31 בינואר 2022 עשויות לכלול את הבאנר כברירת מחדל. לאחר הפעלת Shop Pay Installments, בדקו בפועל עמוד מוצר חי או preview (תצוגה מקדימה) לפני שמוסיפים קוד. הוספה כפולה עלולה ליצור שני באנרים, מסר חוזר או פגיעה בפריסה. אם הבאנר לא מופיע, בדקו האם המוצר, המחיר והחנות עומדים בתנאים.
איפה מוסיפים בקוד
את payment_terms (תנאי תשלום) מוסיפים בתוך product form (טופס מוצר), כלומר בתוך אזור LiquidLiquid / ליקווידמונח Shopify שמשמעותו בעברית: ליקוויד. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון שנראה כמו form של product. קבצים נפוצים יכולים להיות product-form.liquidLiquid / ליקווידמונח Shopify שמשמעותו בעברית: ליקוויד. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון, featured-product-form.liquidLiquid / ליקווידמונח Shopify שמשמעותו בעברית: ליקוויד. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון, product-template.liquidLiquid / ליקווידמונח Shopify שמשמעותו בעברית: ליקוויד. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון או product.liquidLiquid / ליקווידמונח Shopify שמשמעותו בעברית: ליקוויד. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון, אבל בתבניות Online Store 2.0 המבנה עשוי להיות sectionSection / מקטעמקטע בתבנית Shopify שמכיל תוכן או רכיבים וניתן לעריכה בעורך התבנית.פתיחה במילון או snippet אחר. חפשו את הטופס שמכיל את כפתור Add to cart (הוספה לעגלה) ואת מחיר המוצר.
קוד LiquidLiquid / ליקווידמונח Shopify שמשמעותו בעברית: ליקוויד. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון
הקוד המרכזי ש-Shopify מציגה הוא:
{{ 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 / שוקמונח Shopify שמשמעותו בעברית: שוק. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון (שוק) מתאים ולא דרך ההנחה שהוא יופיע לכל לקוח.
תסריט שירות לקוחות
כתבו לצוות תשובה קצרה שמסבירה מה הלקוח רואה, מי מעבד את התשלום, איפה החנות יכולה לעזור, ואילו שאלות צריך להפנות ל-Shopify, Shop Pay, PayPal, Affirm או ספק התשלום. התסריט צריך לכלול גם מילים באנגלית שהלקוח עשוי לראות, כמו authorization (אישור), capture (לכידה), payout (העברת כספים), dispute (מחלוקת), installment (תשלום תקופתי) או payment method (אמצעי תשלום). כאשר הצוות משתמש באותם מונחים, קל יותר לחבר בין פנייה, הזמנה ודוח כספי.
בקרה חודשית
אחת לחודש בדקו אם Shopify או הספק שינו זמינות, עמלות, נוסח, מדינות נתמכות או דרישות אימות. השוו את רשימת אמצעי התשלום באדמין למה שמופיע בקופה בפועל, בדקו שאין קמפיין או עמוד FAQ שמבטיח אפשרות שאינה זמינה, וסמנו חריגות שחוזרות על עצמן. כך תשלום אינו נשאר הגדרה חד-פעמית אלא חלק ממערכת תפעולית שממשיכה להיות נכונה גם אחרי שינויי Shopify, שינויי שוק או קמפיין חדש.
שאלות נפוצות
מה מטרת באנר מוצר?
להציג אפשרות תשלומים לפני שהלקוח מגיע לעגלה או checkout.
מה לבדוק?
מיקום, מובייל, זכאות, סכום, שפה ומדידה.