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

מוסטפה קורטודו
מוסטפה קורטולודו
פני מק'לאכלן
פני מק'לאכלן

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

דף הנחיתה

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

אחרי ההמרה

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

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

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

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

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

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

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

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

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

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

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

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

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

דפוסי קידום מכירות מוטבעים

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

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

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

קידום התקנה בתוך פיד תוכן.
קידום התקנה בתוך פיד תוכן.

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

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

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