ברגע שגולש או גולשת הוסיפו לסל הקניות שלהם מוצר באתר שלנו, נרצה לאפשר להם לעבור לרכישה מיידת או לעבור לסל הקניות שהם צברו עד כה.
דרך אחת מיוחדת לעשות זאת היא באמצעות פופאפ.
בסרטון הזה יוסף טרבלסי מראה לנו איך לעשות זאת בקלות 🙂
אז איך עושים את זה?
1. הקמה
תחילה נלך ללוח הבקרה > טמפלטיים > פופאפים > הוספת פופאפ חדש > ניתן לפופאפ שם Add to cart popup > יצירת פופאפ
2. עיצוב
נבחר את אחד העיצובים המוצעים לנו ע"י אלמנטור או נסגור אותם ונעצב פופאפ בעצמנו. נוסיף כותרת, טקסט ושני כפתורים
3. קישורים
בקישור לדף התשלום נרשום: /checkout/
בקישור לעגלה נרשם /cart/
4. פרסום
נבחר בתנאי > כל האתר (על טריגרים וכללים מתקדמים נדלג ונלחץ הבא)
5. נשאב קוד Class
נלך לכל כפתור של הוספה לסל שנמצא באתר שלנו > קליק ימני > בדוק > נמצא את ה- class > נעתיק לפנקס רשימות את הקוד > ajax_add_to_cart.
6. מטמיעים
חוזרים להגדרות הפופאפ > מתקדם > פתח באמצעות סלקטור > מטמיעים את קוד הקלאס שהעתקנו > עדכון
*ניתן גם לקבוע זמן סגירה אוטומטי לפופאפ
7. בודקים
נחזור לאתר שלנו ונבדוק שהכל עבד כמו שצריך 🙂
בהצלחה!
תודה רבה ליוסף טרבלסי, חבר צוות קהילת אלמנטור ומומחה לבניית אתרי חנויות אונליין. בקרו אותו בפייסבוק שלו yosk.
11 תגובות
המדריך עזר לי מאוד! תודה רבה.
אשמח לדעת איך ניתן להוסיף לפופאפ, תצוגה של רשימת המוצרים שנוספו לסל עם הסכום ביניים כפי שמופיע בהרבה אתרים.
שאלה טובה,
אני לא בטוח שזה אפשר עם הפופאפ הזה, כי הוא לא ממש דינמי…
הוא פשוט קופץ כל פעם בלי קשר לאיזה מוצר הוספת
ניסיתי בזמנו להכניס שורטקוד של "יש לך עוד X למשלוח חינם" ושזה יישתנה על פי הפופאפ, אבל זה לא השתנה כי המידע לא היה מקושר לעגלה.
זאת אומרת הוא לא קופץ כי הוספת את מוצר X לעגלה (ווקומרס)
הוא קופץ כי לחצת על כפתור מסויים.
אני אבדוק את זה אבל בעז"ה 🙂
על כל פנים יש תוספים שעושים את זה.
https://wpclever.net/downloads/fly-cart
https://xootix.com/plugins/cart-pop-up-for-woocommerce/
תודה רבה
איך אני מגיע להגדרות הפופאפ?
1. בפאנל ניהול של האתר (wp-admin)
2. טמפלטים
3. פופאפים
יוסף טרבלסי תודה רבה על הסרטון והמאמר המעולה!
מוסיף הערה למי שמשתמש בjet woo builder – הסלקטור צריך להיות: .single_add_to_cart_button
אופציה לדינאמיות: אפשר לעשות כותרת דינאמית עם תצוגה של PRODUCT TITLE, כך שהפופ אפ יציג באופן דינאמי את שם המוצר ונוסף לסל 🙂
Title: Product Title
Fallback: Product
After: Added to cart
מצויין, תודה רבה על ההסבר הנוסף ושמח שהשתמשת 🙂
כיצד ניתן להגדיר פופ אפ רק כאשר לוחצים על לחצן ספציפי באתר שנמצא אצל חלק מהמוצרים בכדי לזהות מאיזה דף הלקוח היה באותו רגע
איך אני מגדיר שבמעבר עכבר כל כפתור הוספה לסל בעמוד מוצר יחיד יפתח פופאפ שמציע רכישה של מוצר נוסף? לא הצלחתי עם הסלקטור שכתבתם….
תודה!
תודה זה פשוט פצצה
שמח שעזר לך רבקה!