תבניות לקידום התקנת 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 יום.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Landing page (דף הנחיתה)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

לאחר ההמרה

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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