תבניות לקידום התקנת PWA

Penny McLachlan
Penny McLachlan

התקנה של אפליקציית Progressive Web App (PWA) יכולה לעזור למשתמשים למצוא אותה ולהשתמש בה בקלות. גם אם מקדמים את האפליקציה בדפדפן, חלק מהמשתמשים לא מבינים שהם יכולים להתקין אפליקציית PWA. לכן כדאי לספק חוויית שימוש באפליקציה שבה תוכלו לקדם את ההתקנה של אפליקציית ה-PWA ולאפשר אותה.

צילום מסך של לחצן התקנה פשוט ב-PWA.
לחצן התקנה פשוט שמוצג ב-PWA.

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

שיטות מומלצות

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

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

קידום אוטומטי של הדפדפן

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

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

ב-Chrome ל-Android מוצגת למשתמש הודעה קצרה, אבל אפשר למנוע את הצגתה על ידי קריאה ל-preventDefault() באירוע beforeinstallprompt. אם לא תפעילו את preventDefault(), הבאנר יוצג בפעם הראשונה שמשתמש יבקר באתר שלכם ויעמוד בקריטריונים להתקנה ב-Android, ואז שוב אחרי כ-90 יום.

דפוסי קידום מכירות בממשק המשתמש

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

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

לחצן התקנה פשוט

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

לחצן התקנה מותאם אישית..
לחצן התקנה פשוט.

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

כפתור התקנה בהתאמה אישית בכותרת.
לחצן התקנה בהתאמה אישית בכותרת.

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

כפתור התקנה בהתאמה אישית בכותרת
לחצן התקנה בהתאמה אישית בכותרת

הקפידו לוודא שביצעתם פעולות אלה:

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

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

הקפידו לוודא שביצעתם פעולות אלה:

  • הימנעו מהפרעה לתוכן חשוב של ניווט. מומלץ להציב את קידום ההתקנה של ה-PWA מתחת לפריטי תפריט אחרים.
  • מציעים הצעה קצרה ורלוונטית לכך שהמשתמש ירוויח מהתקנת אפליקציית ה-PWA.

דף נחיתה

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

הודעת הצעה מותאמת אישית להתקנה בדף נחיתה.
הנחיה מותאמת אישית להתקנה בדף נחיתה.

קודם צריך להסביר את היתרונות של האתר, ואז להודיע למבקרים מה הם יקבלו מההתקנה.

הקפידו לוודא שביצעתם פעולות אלה:

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

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

מודעת באנר מותאמת אישית להתקנה בחלק העליון של הדף.
באנר שניתן לסגירה בחלק העליון של הדף.

הקפידו לוודא שביצעתם פעולות אלה:

  • כדאי להמתין עד שהמשתמש יראה עניין באתר לפני שמוצג לו באנר. אם המשתמש סוגר את הבאנר, אל תציגו אותו שוב, אלא אם המשתמש יפעיל אירוע המרה שמציין רמה גבוהה יותר של התעניינות בתוכן שלכם, כמו רכישה באתר מסחר אלקטרוני או הרשמה לחשבון.
  • בקטע הבא של הבאנר, צריך להסביר בקצרה את הערך של התקנת אפליקציית ה-PWA. לדוגמה, אפשר להבדיל בין התקנה של אפליקציית PWA לבין התקנה של אפליקציה ל-iOS או ל-Android, על ידי ציון שהיא כמעט לא משתמשת באחסון במכשיר של המשתמש או שהיא תותקן באופן מיידי בלי הפניה אוטומטית לחנות.

ממשק משתמש זמני

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

באנר התקנה בהתאמה אישית בתור סרגל סטטוסים.
סרגל קטן שניתן לסגור, שמציין שאפשר להתקין את ה-PWA.

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

באנר התקנה בהתאמה אישית בתור סרגל סטטוסים.
סרגל קטן שניתן לסגור, שמציין שאפשר להתקין את ה-PWA.

הקפידו לוודא שביצעתם פעולות אלה:

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

אחרי ההמרה

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

קידום מכירות להתקנה אחרי המרה.
קידום מכירות להתקנה אחרי שמשתמש משלים רכישה.

תהליך ההזמנה או התשלום

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

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

הקפידו לוודא שביצעתם פעולות אלה:

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

תהליך ההרשמה, הכניסה או היציאה

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

לחצן התקנה מותאם אישית בדף ההרשמה.
לחצן התקנה בהתאמה אישית בדף ההרשמה.

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

הקפידו לוודא שביצעתם פעולות אלה:

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

דפוסים של קידומי מכירות בתוך הטקסט

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

מודעות בגוף הפיד

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

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

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

הקפידו לוודא שביצעתם פעולות אלה:

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