אני רוצה לצעוק (כזה אני, מעיק) שהעמוד הזה הוא חלק ממקדם "ביטחון" שנועד להציג אמינות מול הגולשים באתרכם. בדיוק כמו שחשוב לנו להציג באתר שה-"משלוחים מהירים, שירות הלקוחות זמין ושעות הפעילות הן פה ושם".
סממני ביטחון נוספים יהיו דווקא בדפים כמו אודות האתר, מדיניות משלוחים, מדיניות פרטיות, תנאי שימוש, החזרות והחלפות ועמוד הצהרת נגישות. נכון, חלקם עמודים שחייבים להיות על פי חוק באתר, אבל זה רק משדר שאתם מיושרים עם חוק הצרכן.
מיותר לציין שאתר מאובטח ב-HTTPS, תשלום מאובטח בתקן PCI ועוד דברים שאנחנו לוקחים כבר כמובנים מאליו, נכון?
היום אני רוצה לכתוב תזכורת על עמוד "מעקב אחר הזמנות" (שם נוסף: עמוד סטטוס הזמנה). ישנו פתרון פשוט של ווקומרס שמאפשר ליצור עמוד מוכן ואפשרויות למתקדמים – בעזרת תוספים ייעודים שעליהם אפשר להרחיב בפוסט נפרד.
מה יש בטופס סטטוס הזמנה של Woo?
בווידג'ט ישנו טקסט דיפולטיבי שלא ניתן לשנות אותו בתוך השורטקוד אלא רק בהתערבות בקוד.
בטופס שנוצר יש שני שדות:
- Order ID הוא מספר ההזמנה
- Billing Email הוא המייל שאיתו בוצעה הרכישה
שדות הטופס וכפתור שליחת הטופס יהיו בהתאם לעיצוב של התבנית שלכם.
ניתן לעצב את שדות הטופס ואת התבנית בעזרת CSS בהתאם לקלאס: .woocommerce-form-track-order
לאחר שנמלא את הטופס ונלחץ על הכפתור "Track", הטופס ישלח, ה-URL של העמוד לא מתחלף, אך יופיע במקום הטופס, פרטי המידע של ההזמנה.
בדיוק כמו בדף תודה לאחר רכישה, יופיעו פרטי ההזמנה יחד עם שורה ראשונה שההזמנה הוזמנה בתאריך, וסטטוס ההזמנה שכרגע מסומנת במצב "הושלם".
בממשק ההזמנות של ווקומרס, ניתן לשנות את סטטוס ההזמנה – שמיד ישתנה גם בעמוד הזה.
הפרטים הדינמיים כמו מספר ההזמנה, מצב ההזמנה ותאריך ההזמנה מסומנים במרקר צהוב בתור ברירת מחדל בעזרת תגית ה-HTML Mark
זה הקוד CSS ברירת המחדל שלה ברמת הדפדפן:
mark {
background-color: mark;
color: marktext;
}ניתן לשנות את הצבעים לצבעים שתרצו.
יצירת עמוד מעקב אחר הזמנות באמצעות שורטקוד
בממשק אדמין של וורדפרס אנחנו נרצה ליצור עמוד חדש. בעמוד החדש – ניתן שם גנרי לעמוד כמו: "מעקב אחר הזמנה" או "סטטוס הזמנה" או "Order Tracking" למי שרוצה באנגלית.
נוסיף בלוק מסוג שורטקוד ונקליד: [woocommerce_order_tracking]
לאחר מכן נשמור את העמוד ונקבל את התוצאה הדיפולטיבית הבאה:
בווידג'ט ישנו טקסט דיפולטיבי שלא ניתן לשנות אותו בתוך השורטקוד אלא רק בהתערבות בקוד.
בטופס שנוצר יש שני שדות:
Order ID הוא מספר ההזמנה
Billing Email הוא המייל שאיתו בוצעה הרכישה.
יצירת עמוד מעקב אחר הזמנות באמצעות אלמנטור
כשניצור עמוד חדש, עם הכותרת של "מעקב אחר הזמנות" או "סטטוס הזמנה", נלחץ על עריכה באמצעות אלמנטור. בווידג'טים של אלמנטור אנחנו נבחר ב-"Woocommerce Pages"
בתוך הווידג'ט של Woocommerce Pages אנחנו נרצה לבחור ב-Order Tracking Form
שיציג את אותה הצורה הדיפולטיבית כמו שיוצג בשורטקוד בדוגמה הקודמת, עם שני שדות טופס:
Order ID הוא מספר ההזמנה
Billing Email הוא המייל שאיתו בוצעה הרכישה. זהו.
סיכום, שהוא בעצם תזכורת
יצא לי לחטוא, ולשכוח להוסיף את העמוד מעקב אחרי הזמנות בפרויקטים הראשונים שלי, כי הייתי אובססיבי לוודא שה-SMTP מוטמע ושהמיילים מגיעים בעיצוב שמתאים לאתר ולא בעיצוב הגנרי של ווקומרס (כמובן, שזה תירוצים מהצד שלי).
היה לי חשוב להזכיר שהטופס הזה קיים גם בשבילי וגם בשביל אחרים שאולי פספסו את זה כמוני מדאגות של השקות והרצות של אתרי איקומרס.
2 תגובות
אשמח לדעת כיצד ניתן להוסיף ו/או לערוך שדה; לדוגמה: מספר משלוח בחברת המשלוחים
היי אביעד, זה מצריך הוספת שדה מותאם אישית בעזרת קוד PHP שיקשר את השדה של מספר משלוח.
אם יש צורך בעדכון אוטומטי של מספר המשלוח מחברת המשלוחים אז צריך לקבל את זה ב-API מחברת המשלוחים. ישנן חברות משלוחים עם תוסף שפותח לווקומרס, כדאי להתעדכן איתם