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

Penny McLachlan
Penny McLachlan

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

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

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

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

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

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

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

כשהאתר עומד בקריטריונים מסוימים, רוב הדפדפנים מציינים באופן אוטומטי למשתמש שאפשר להתקין את אפליקציית ה-Progressive Web App. לדוגמה, ב-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.

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

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

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

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