ברוכים הבאים ל-LEMON!

קהילת LEMON הוקמה במטרה לשתף קטעי קוד (CSS, JS, PHP) ומדריכים שימושיים בין בוני אתרים באלמנטור.
באתר תוכלו למצוא מגוון קטעי קוד שונים שתוכלו לשלב באתרים שלכם. בנוסף, יעלו לאתר מדריכים מתקדמים בנושא אלמנטור, כלים ותוספים שקשורים לאלמנטור, ועוד מגוון מדריכים בנושא בניית אתרים.

הרשמו לניוזלטר

הרשמו עכשיו וקבלו עדכון מיידי בכל פעם שעולה תוכן חדש לאתר.

קבוצת LEMON בפייסבוק

אתם מוזמנים להצטרף!

הוספת אפשרות לשינוי כמויות למוצרים בעגלה הצפה של אלמנטור + הצגת בר משלוחים בחינם

בוא נשים את כל הדברים על השולחן בלי להתייפייף יותר מידי.
אתרי איקומרס שנבנו באמצעות אלמנטור – לא בנויים להמרות!

כן שמעתם נכון.

אל תכעסו עלי.
אבל בבקשה תקראו שוב ושוב את המשפט הזה בשביל שהוא יכנס לכם טוב טוב לראש.
וכן – אני מדבר גם על אלה שיודעים לבנות אתרים באמצעות ג'ט או כל הרחבה מתקדמת אחרת.

היום זה כבר ממש, אבל ממש לא מספיק שיהיה לכם (או ללקוחות שלכם כמובן) אתר יפיפה עם פונט מגניב ועמוד מוצר שעיצבתם באלמנטור ועמוד קטגוריה עם יכולות פילטור בסיסיות.
כי יש דברים שהם לא נכונים מיסודם ברמת החווית משתמש שפשוט אי אפשר לגשר על הפער שלהם עם הכלים הבסיסיים שאלמנטור מציעים. ואני בכלל לא מדבר על בניה נכונה של דף מוצר ברמה הפסיכולוגית, פירוק התנגדויות רכישה, עידוד ומוטיבציית רכישה, העלאת שווי סל, איך לגרום ללקוחות שלנו לחזור אלינו שוב ושוב ועוד…
אני רוצה לדבר איתכם הכי בייסיק כרגע.


ולפני שנמשיך בוא נציין עובדה סופר חשובה – עם כל הכבוד למערכת וורדפרס, אתרי וורדפרס בכלל לא נבנו במטרה להפוך אותם לאתרי מסחר. לא בשביל זה פיתחו את הפלטפורמה הזו.

תנו לי לשאול אתכם שאלה – ראיתם פעם כמה עיניים נועצים סטודנטים בערס שנכנס בטעות לספריה? וואי, מלאאא עיניים. למה? כי הוא פשוט מרגיש לא שייך. לא נוף ילדותו כמו שאומרים. (יסלחו לי כל חברי הערסים וכל חברי הסטודנטים)
וזה בדיוק מה שוורדפרס או ווקומרס, לא משנה – מתיימרת לעשות.

וורדפרס זה פלטפורמה לבלוגים.
לטקסט.
לקריאה.
היא לא נבנתה בשביל לבנות איתה אתרי מסחר, בטח ובטח לא בשביל להיות הפלטפורמה הכי טובה והכי ממירה לאתרי מסחר.

אז אחרי שהבנו שאנחנו עובדים עם מערכת שמהיסוד שלה לא עובדת נכון, שבלשון המעטה, הגיע הזמן להפשיל שרוולים ולהפוך את הלימון ללימונדה קרה עם נענע על החוף של נתניה באמצע אוגוסט.

מוכנים? יאללה בוא נתחיל במתכון של הלימודנה שלנו.

במדריך הזה אני נותן כאן מענה ופתרון אחד לסוגיה כואבת – סוגיה של שינוי כמות המוצרים בעגלה הצפה של אלמנטור.
ואתם בטח שואלים את עצמם – אביתר, מה אתה עושה מזה כזה עניין? גולש שרוצה לשנות כמות מוצרים, נכנס לעמוד עגלה ומשנה משם את הכמויות וזהו. סוף סיפור.

אבל תדעו לכם שזה ממש לא "זהו".
צפיתי לא בהקלטה אחת, וגם לא ב 5 הקלטות של מבקרים שבהם אני רואה כל פעם מחדש איך הנושא של שינוי כמות למוצר בעגלה הצפה מאריך דרסתית את זמן הרכישה וכתוצאה ישירה גורם לאחוזי נטישה גבוהים מאוד, מעבר לתסבוך ולסרבול בחווית המשתמש, זה מביא את הגולש לחוסר אונים ולעומס קוגנטיבי. איך? – כי עצם העובדה שהיכולת הזו לא מונגשת לו מול העיניים והוא צריך להפעיל את השכל שלו ולשאול את עצמו, "רגע, אז איפה אני משנה כמות למוצר, אולי בעמוד ההזמנה", ואז הוא רואה שבעמוד ההזמנה גם אי אפשר לשנות כמויות, ואז מתחיל תהליך ארוך של לחפש את הזנב של עצמו שבמקרה הטוב נגמר ברכישה וברוב המקרים – נגמר בנטישה כואבת שעולה לכם ביוקר.

אל תפלו למלכודת שבטח עכשיו רצה לכם בראש "נו אביתר באמת… מי לא מכיר שיש דבר כזה עגלת קניות ומשם אפשר לשנות כמויות"
תתפלאו, אבל לא כל הגולשים ברשת זה אנשים בני 20-30, יש קהל בכלל לא מבוטל של אנשים שהנושא הטכנולוגי מאוד מאוד זר ולא מונגש לו. אנשים בני 40 וצפונה כנראה שיוותרו על התענוג לחפש את עמוד העגלה וירימו טלפון בשביל לסיים את ההזמנה כי הם לא מבינים למה הם צריכים לשלם על 2 מקרנים ולא על 1 בלבד כי בטעות הם לחצו פעמיים על הלחצן של ההוספה לסל.

רואים את זה בעיקר באתרי איקומרס שסך המוצרים הממוצע בעגלה הוא מעל 3, אבל רואים את זה גם באתרים שסך הפריטים הממוצע בהזמנה הוא מוצר אחד בלבד.
הנה דוגמא מוחשית שתפסתי בלייב והייתי חייב לתעד לכם את זה! לא תאמינו למה שאתם רואים בדיוק כמו שאני לא האמנתי בהתחלה:
קבלו סרטון שממחיש את מה שאני מתכוון אליו (2 דקות):


אבל רגע, לא סיימנו פה.יש עוד בונוסים 😊
הזכרתי בתחילת המאמר שהחוכמה היא לא רק לבנות אתר איקומרס (שזה כל ילד יכול לעשות)
אלא גם לבנות אותם ממירים, וכאלה שיודעים לפטם את עגלת הקניות של הלקוחות, אם כבר הכנסתם גולש אנונימי לאתר שלכם – תגרמו לו להכניס כמה שיותר פריטים לסל.

אחד הדרכים הכי נפוצות ומוצלחות לגרום להעלאת שווי הסל של הגולש, זה להציג לו אידיקטור \בר התקדמות של משלוחים בחינם, הדבר הקטן הזה פשוט כל כך עוצמתי שאין לכם מושג כמה כסף הוא הכניס ללקוחות שלי.
וכל זה למרות שהוא לכאורה עושה רק פעולה אחת פשוטה מאוד – מעודד אל הלקוח להוסיף עוד מוצר אחד או שניים לעגלת הקניות ולזכות במשלוח בחינם. כי מי לא אוהב בחינם? ומי לא אוהב שמעודדים אותו ונותנים לו מוטיבציה? וזה בדיוק התפקיד של הבר התקדמות הזה.

אז אחרי שעשיתי לכם קצת שכל (אני מקווה)
הנה המדריך ליישום של הדברים בצורה סופר פשוטה קלה ומובנת.
רק אני שם פה תמונה של לפני ואחרי:

הנה הסרטון המלא:
קליק כאן בשביל להוריד את הקבצים הנדרשים:

הוראות שימוש לקבצים כפי שמוסבר בסרטון:

1. נתקין את התוסף של הבר משלוחים – חפשו את התוסף Free Shipping Label By Devnet

2. את הקובץ mini-cart.php יש להעתיק\להחליף בנתיב הבא:

/public_html/wp-content/plugins/elementor-pro/modules/woocommerce/wc-templates/cart/mini-cart.php

(ממליץ כמובן לשמור\להוריד את הקובץ המקורי לפני ההחלפה)

/public_html/wp-content/plugins/elementor-pro/modules/woocommerce/wc-templates/cart/mini-cart.php

3. ואת הקובץ template-setquantity.php יש להעתיק לתוך תקיית התבנית הפעילה הנוכחית כפי שאני מסביר בסרטון

4. לאחר מכן יש ליצור דף חדש באתר ולבחור תבנית עמוד בשם updatecart לאותו דף מתוך רשימת תבניות העמוד הקיימות אצלכם.

5. עכשיו תעתיקו את הקישור לעמוד הזה ותחליפו אותו במקום הקישורים שנמצאים בקובץ mini-cart.php

הכתובות לשינוי נמצאות בשורה 128 ובשורה 147:

שימו לב שיש גרש' יחיד לפני ה URL ובסופו – אל תמחקו אותם.

6. לסיום – נדביק את התוכן של הקובץ style.css בסניפט חדש באמצעות התוסף HFCM

ננקה קאש באתר ונבדוק בגלישה בסתר שהכל עובד.

אם הכמות לא משתנה לכם – כנראה שהקישור ששמתם בקובץ mini-cart.php שגוי.

רק חשוב לי לציין שיש כאן עוד יתרון אחד ענק בעגלה הצפה הזו שאתם רואים כאן בתמונה:

אנחנו בעצם מדלגים כאן על שלב בתהליך הרכישה של הלקוח וחוסכים לו יםםם של זמן.
איך?
שמתם לב שאין לי פה לחצן של מעבר לסל הקניות? 😯 יש לי כאן רק לחצן אחד בלבד, שהוא לחצן מעבר לעמוד תשלום.
המשמעות של דילוג\קיצור שלב אחד מתוך תהליך הרכישה משפיע בצורה מטורפת על אחוזי ההמרה של החנות. כן כן – דברים קטנים עם משמעויות גדולות 😎
תוכלו להשתמש בפיסת הקוד הזו בשביל להסתיר את הלחצן "מעבר לעגלה" :


.elementor-button--view-cart {
display:none !important;}
Code language: CSS (css)

בהצלחה ענקית!
אביתר גיל


נ.ב
מוזמנים להציץ בקורס שלי בנושא שיפור המרות לאתרי מסחר מבוססי וורדפרס
ומי שאוהב את כל התחום הזה של שיפור המרות, מוזמן להצטרף לקבוצה שיש בה היום כמעט 2,000 אנשים שכבר נהנים מתוכן שעוסק אך ורק בזה, מוזמנים.

נ.ב 2
יש כמובן תוספי עגלה צפה מומלצים יותר שאני עובד איתם שנותנים בעיניי מענה מקיף יותר מאשר העגלה צפה של אלמנטור. המדריך הזה נכתב כתוצאה מדרישה של אחת הלקוחות שליוותי בתהליך שיפור המרות באתר שלו. מאמין שמי שהוא פריק של אלמנטור ימצא את המדריך הזה שימושי ביותר עבורו.

בנושא שיפור המרות לאתרי מסחר מבוססי וורדפרס.




העתקת קישור

מוזמנים לשאול בפייסבוק!

13 תגובות

  1. נחמד מאוד. כמה הערות/שאלות ברשותך:
    לא מבין למה מומלץ להתקין תוסף נוסף כדי להטמיע CSS. ניתן להשתמש בהתאמה אישית > CSS ו/או ב CSS בתבנית הבת ו/או ב CSS בהגדרות אתר באלמנטור ו/או בקוד מותאם באלמנטור.
    אם מעלים קבצי PHP אז חובה להתשמש בתבנית בת, אחרת הכל ימחק בעדכון הראשון.
    האם הקובץ שהתווסף לתיקייה בתוך אלמנטור פרו לא ימחק/ישתנה בעדכון הבא של התוסף? לדעתי עדיף להשתמש בדרך אחרת על מנת לעדכן את הקובץ.

    1. אין שום מניעה להוסיף את הCSS באיזה דרך שאתה מכיר, הצגתי בסרטון דרך שהיא סה"כ נוחה ויעילה לטעמי.
      לגבי העדכון של התוסף, יש מצב שבעדכון הקובץ ידרס, אבל אלמנטור פרו זה לא תוסף שיוצא לנו לעדכן כל יומיים ללקוחות שלנו. אבל שוב – לא בדקתי אם הוא דורס את הקובץ או לא

      1. תודה על המדריך, מניח שאם ניצור את אותו הנתיב בתבנית הבת זה ימשיך לעבוד לאחר עדכונים. מעבר לכך הערה קטנה: יש באלמנטור אפשרות להסיר את הכפתור של מעבר לעגלת קניות אם סוויצ'ר קטן כך שישאר רק המשך לתשלום.

    1. היי דור – כן יש מלאא תוספים בחוץ שעושים פעולה דומה. מוזמן לראות באתר פה למשל איך ביצעתי את זה שלא באמצעות אלמנטור:
      https://smartcase.co.il/

      התוספים יחסית שונים, בהתאם לאתר ולצורך.

  2. התוסף של Header Footer עולה כסף, האם יש דרך אחרת להעתיק את הקוד ובאם כן לאן.

  3. מה הקוד שאני מכניסה לתוסף header foter code manger
    הקוד שאתה נותן בהדרכה הוא
    /public_html/wp-content/plugins/elementor-pro/modules/woocommerce/wc-templates/cart/mini-cart.phpבסרטון יש קוד שונה

  4. לצערי הפלוסים והמינוסים לא עובדים לי טוב 🙁 בלחיצה ראשונה הם מוסיפים מוצר נוסף, אחר כך נתקע משום מה…

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

לשאלות / בקשות / בעיות / כל דבר אחר… צרו איתנו קשר :)

אודות כותב/ת הפוסט
149103783_3643193212468220_465839430329402579_n
הוא היה האקר מחונן בחברת סטארט אפ מצליחה עד שיום אחד הוא החליט לעזוב את הכל ולעשות סוויץ' בחיים. עשה הסבה מקצועית לעולם הרוח והנפש והיום יש לו הכשרה טיפולית ותואר ראשון בעבודה סוציאלית. בחמש שנים האחרונות הוא בונה אתרי וורדפרס ממירים ועוזר לבעלי עסקים לשפר את ההמרות שלהם, שזה אומר להגדיל את שורת הרווח ואת כמות המכירות שלהם מהאתר מבלי להוציא עוד אגורה שחוקה על שיווק. בימים אלו אביתר משיק קורס פרקטי ומקיף לשיפור המרות באתרי איקומרס מבוססי וורדפרס, כזה שכל אחד יוכל ליישם אצלו באפס מאמץ. ולמי שאין זמן לזה – הוא נותן שירותי ליווי להגדלת הרווחיות וכמות המכירות לבעלי עסקים באונליין.
הרשמו לניוזלטר

הרשמו עכשיו וקבלו עדכון מיידי בכל פעם שעולה תוכן חדש לאתר.