באימייל שיווקי ממוצע, רק 6.81% מהאנשים שפתחו אותו לוחצים על משהו (MailerLite). כלומר, מתוך כל 100 קוראים שהתעניינו מספיק כדי לפתוח, 93 גוללים, מרפרפים וסוגרים. עיצוב אימייל הוא בדיוק המקום שבו הפער הזה נסגר או נשאר פתוח.
רוב האימיילים האלה נראים אותו דבר: hero מתמונת סטוק, כפתור “לקנייה” ממורכז, footer שהועתק מהקמפיין הקודם. שום דבר לא שבור, אבל גם שום דבר לא שווה טאפ.
המדריך הזה מראה איך לגרום לאימייל שלכם באמת לבלוט. נעבור בלוק אחר בלוק, מה-hero ועד ה-footer, על ה-best practices של עיצוב אימייל שמביאים את הקליק — בקצב שצוותי growth ישראליים מכירים: לבנות, לבדוק ולשלוח באותו יום, בלי לחכות לתור של צוות הפיתוח.
למה רוב האימיילים נראים אותו דבר
גללו בכל גלריית השראה לעיצוב אימייל, ותראו שלדוגמאות הטובות ביותר יש דבר 1 משותף: כל בלוק עוצב במיוחד לאימייל הספציפי הזה. רוב התעבורה ב-inbox עובדת הפוך, מ-3 סיבות.
- קשה לבנות HTML לאימייל. אימייל עדיין רץ על layouts מבוססי טבלאות ו-inline styles, ועיצוב שנראה מצוין ב-Gmail יכול להתפרק ב-Outlook. אז כל דבר מעבר לתבנית ברירת המחדל דורש מפתח וסבב בדיקות. רוב הצוותים לוקחים את ה-layout המוכן, מחליפים לוגו ושולחים.
- ויז’ואלים מסטוק. תמונת ה-hero נבחרת כך שתתאים לכל קמפיין, ולכן היא לא מתאימה לאף אחד. זה הדבר הראשון שהקורא רואה, והוא לא אומר כלום על ההצעה.
- אין design system. אין מקום אחד לצבעי המותג, לפונטים ול-footer, אז כל קמפיין מעוצב ידנית. אחרי כמה חודשים, אין 2 אימיילים שנראים בדיוק אותו דבר.
המחיר של הטעויות האלה מופיע אחרי הפתיחה. שורת הנושא עשתה את שלה, והקורא פתח את האימייל. ואז הוא סגר אותו בלי קליק, כי הוא נראה כמו כל אימייל אחר ב-inbox ושום דבר לא תפס את העין.
איך גורמים לאימייל באמת לבלוט?
התשובה הקצרה: עיצוב טוב יותר. התשובה הארוכה: לכוונן כל בלוק באימייל כך שייראה רלוונטי ואישי לקורא, וייתן לו סיבה אמיתית ללחוץ ולעשות את מה שאתם צריכים ממנו — לקנות, להזמין או לחזור לאפליקציה.
ולא, זה לא אומר שמפתח או מעצב צריכים לכתוב HTML מחדש לכל אימייל.
עכשיו בואו נעבור בלוק אחר בלוק: איך לשפר כל חלק באימייל כדי לקבל יותר קליקים.
Best practices לעיצוב אימייל, בלוק אחר בלוק
הנה האימייל שנפרק: מבצע סתיו של אפליקציית ציוד ריצה, אחרי חגי תשרי ולקראת עונת הריצות של החורף — 48 שעות, 25% הנחה על נעלי שטח — שנבנה בעורך ה-drag-and-drop של Pushwoosh.
האימייל מתפרק ל-5 בלוקים. הנה מה שגורם לכל אחד מהם לבלוט ומה הוא משנה עבור הקורא.
| בלוק | איך לבלוט | האפקט |
|---|---|---|
| Header | header קומפקטי על מערכת מותג 1: Brand book עם Derive brand, שמור כבלוק מסונכרן | זיהוי מיידי, אותו מראה בכל אימייל |
| Hero | ויז'ואל שנבנה סביב ההצעה עם Generate with AI, כשהכותרת נשארת טקסט חי | הקורא מבין את ההצעה במבט ראשון |
| טקסט ו-CTA | כותרת שנכתבה לקורא 1 עם merge tags ו-Liquid, וכפתור 1 מעוצב בטקסט חי | רלוונטיות וצעד הבא 1 ברור |
| תוכן | גרידים של מוצרים מהקטלוג החי, סקשנים לפי קהל עם display conditions, ספירה לאחור עם Timer block | יותר קליקים על מוצרים, ההצעה הנכונה לכל קורא, דחיפות לפעול עכשיו |
| Footer | footer 1 שמור כבלוק מסונכרן, שנבדק ב-Smart check | הפרטים המשפטיים נשארים נכונים בכל אימייל |
למטה נפתח כל בלוק דרך ה-practices שלו, מראש האימייל ועד תחתיתו: למה כל practice עובד, ואיך מיישמים אותו ב-Pushwoosh.
ראש האימייל: header ו-hero
#1. בנו את ה-header על מערכת המותג שלכם
למה זה עובד: ה-header פותח כל אימייל. כשהלוגו, הצבעים והפונטים נראים אותו דבר בכל פעם, הקוראים מזהים את השולח במבט, וכל בלוק מתחתיו יורש את אותו מראה.
במקום: צבעים שהועתקו מהאימייל הקודם ו-layout חדש ל-header בכל קמפיין ← נסו: מערכת מותג 1 ו-header קומפקטי (לוגו ועוד 2 או 3 קישורים), זהה בכל אימייל.
ב-Pushwoosh: הגדירו את ה-Brand book: לוגו, צבעים, פונטים, ברירות מחדל לבלוקים וטון המותג. לא צריך למלא אותו ידנית: Derive brand סורק את האתר שלכם, PDF של ספר המותג או הלוגו, ומציע פלטה, פונטים וטון. Apply brand book styles צובע מחדש כל תבנית, כולל ישנות, בלי לגעת בתוכן.
אחר כך בנו את ה-header עם הלוגו ו-Menu block, ו-שמרו אותו כבלוק לשימוש חוזר כש-Keep copies in sync מופעל, כך שקישור חדש בתפריט יופיע בכל האימיילים בבת אחת. ה-footer עובד באותה דרך (ראו practice 8).
#2. בנו את ה-hero סביב ההצעה, לא סביב תמונת סטוק
למה זה עובד: ה-hero הוא מה שהקורא רואה לפני שהוא מחליט אם לגלול. אם הוא מציג את ההצעה, הקורא מבין את העניין במבט 1.
במקום: רץ מחייך מספריית סטוק ← נסו: נעלי השטח עצמן שבמבצע, עם “25% הנחה על נעלי שטח. 48 שעות בלבד.” כטקסט חי מעל.
ב-Pushwoosh: ב-Image block, Generate with AI יוצר את הוויז’ואל מ-prompt (“נעלי ריצת שטח על שביל יער רטוב, אור סתווי חם”) ביחס באנר של 16:9. מקמו אותו כרקע של Card block, והכותרת והכפתור נשארים טקסט חי: הם מוצגים גם כשתמונות חסומות, וקוראי מסך יכולים לקרוא אותם. בעברית זה חשוב כפליים: טקסט חי מוצג נכון מימין לשמאל, בעוד טקסט שנאפה לתוך תמונה לא ניתן לתיקון ולא לתרגום.
גוף האימייל: טקסט, CTA ותוכן
#3. כתבו כותרת מותאמת אישית לכל קורא
למה זה עובד: כותרת שמזכירה משהו שהקורא מזהה (השם שלו, המידה שלו, הקטגוריה שבה גלש) נקראת כהודעה אליו, לא כשידור לכולם.
במקום: “גלו את קולקציית הסתיו שלנו” ← נסו: “נועה, המידה שלך בנעלי שטח חזרה למלאי.”
ב-Pushwoosh: הכניסו את השם כ-merge tag מסרגל הכלים של ה-Heading, והגדירו ערך ברירת מחדל, כמו “רצים יקרים”, לקוראים שאין להם שם במערכת. לשורה שונה לפי שפה או מדינה — למשל עברית לקהל בישראל ואנגלית ללקוחות ה-export שלכם — השתמשו ב-תבניות Liquid.
#4. תנו לכל אימייל CTA 1 שבולט בבירור
למה זה עובד: כל כפתור נוסף מפצל את תשומת הלב. CTA ראשי 1 בצבע מנוגד אומר לקורא מה לעשות הלאה, ובטלפון הוא צריך אזור מגע של לפחות 44×44 pt, לפי ה-Human Interface Guidelines של Apple. בשוק עם חדירת iPhone גבוהה כמו בישראל, זה לא פרט שולי — חלק גדול מהקוראים שלכם יפתחו את האימייל ב-Apple Mail.
במקום: 3 כפתורים שווים (“לקנייה”, “מידע נוסף”, “לכל המוצרים”), או כפתור שנאפה לתוך תמונה ← נסו: כפתור 1 בטקסט חי, “מצאו את המידה שלי”, בצבע ה-accent שלכם.
ב-Pushwoosh: עצבו את ה-Button block עם רקע אחיד או gradient, רדיוס פינות ו-padding, והגדירו padding גדול יותר למובייל כדי שהכפתור יישאר בגודל של אגודל.
#5. מלאו את גריד המוצרים מנתונים חיים
למה זה עובד: פריטים שאזלו ומחירים לא מעודכנים עולים בקליקים ובאמון.
במקום: 6 נעליים שהועתקו לתבנית ביום ראשון, 2 מהן אזלו עד יום חמישי ← נסו: גריד של נעלי שטח לפי מה שכל קורא צפה בו, שנמשך מהקטלוג החי.
ב-Pushwoosh: ה-Products block ממלא פריטים לפי כלל בקטלוג, מתוך העגלה הנטושה של הנמען, או לפי אסטרטגיית המלצות כמו bestsellers, חזרה למלאי, או מבוסס על מה שהוא צפה בו. ה-feed של ה-Product catalog מסתנכרן כל שעה, כך שהמחירים והמלאי נשארים עדכניים בלי שמישהו יערוך את האימייל — קריטי בשיא הקניות של החגים, כשהמלאי משתנה הכי מהר.
לאפליקציות מדיה ותוכן, ה-News block עושה את אותו הדבר עם כתבות מה-feeds שלכם, עם פתיחים שנכתבו ב-AI מתחת לכל כותרת.
#6. תנו לכל קהל סקשן משלו
למה זה עובד: חבר מועדון נאמן ולקוח שלא הזמין 3 חודשים צריכים סיבות שונות ללחוץ.
במקום: אותו פיץ’ של “קולקציה חדשה” לכולם ← נסו: סקשן 1 עם 3 וריאנטים: גישה מוקדמת לחברי מועדון, 25% הנחה לכל מי שלא פעיל 90+ ימים, והגעות חדשות לכל השאר.
ב-Pushwoosh: הוסיפו display condition לכל וריאנט, על בסיס Tags או ביטוי Liquid, ושרשרו אותם עם IF / ELSE IF / ELSE. קמפיין 1 לבנות ולבדוק, 3 אימיילים שונים ב-inbox.
#7. הפכו את הדחיפות למוחשית עם ספירה לאחור
למה זה עובד: “בקרוב” זה מופשט. דדליין גלוי הופך את “אולי אחר כך” להחלטה שהקורא צריך לקבל עכשיו.
במקום: “המבצע נגמר בקרוב!” בשורת הנושא, בכותרת ובכפתור ← נסו: ספירה לאחור עד הסוף האמיתי של מבצע ה-48 שעות, ממוקמת ממש ליד ה-CTA.
ב-Pushwoosh: גררו את ה-Timer block, הגדירו תאריך סיום, שעה ו-timezone, ועצבו את הספרות בצבעי המותג. אם המבצע שלכם נגמר ביום שישי, כוונו את הטיימר לפני כניסת השבת ולא לחצות — כך הדדליין תואם את מה שהקהל שלכם באמת מצפה לו. מריצים הצעה שממומשת בחנות? ה-Barcode block מייצר קוד סריק לכל נמען.
תחתית האימייל: footer
#8. בנו את ה-footer פעם אחת ושמרו אותו מסונכרן בכל מקום
למה זה עובד: ה-footer נושא את קישור הסרת המנוי, הכתובת הפיזית והטקסט המשפטי. הוא חייב להיות נכון בכל אימייל.
במקום: footer שמועתק מקמפיין לקמפיין עד שיש 2 גרסאות של הטקסט המשפטי ← נסו: footer 1, שמתעדכן במקום 1.
ב-Pushwoosh: בנו footer 1 בסגנונות המותג, עם קישור הסרת המנוי, הכתובת הפיזית וקישורים לרשתות החברתיות, ושמרו אותו כבלוק לשימוש חוזר כש-Keep copies in sync מופעל. ערכו את הכתובת פעם אחת, וכל אימייל שמשתמש ב-footer מתעדכן, כולל אימיילים שכבר מתוזמנים לשליחה.
טיפ: Smart check מסמן אימייל שיווקי בלי כתובת פיזית ב-footer, ומזהיר כשאימייל עובר את מגבלת החיתוך של Gmail, כ-~102 KB, שבה ה-footer הוא הדבר הראשון שנחתך.
האיצו את עיצוב האימייל עם כלי AI
אימייל בולט לא חייב לקחת שבוע. כלי ה-AI האלה (שימו לב: זמינים ל-כל משתמשי Pushwoosh) מקצרים את זמן ההפקה ועוזרים לשפר את העיצוב — יתרון אמיתי לצוות שיווק של 1 או 2 אנשים בסטארטאפ.
עוזר AI
תארו את האימייל ב-AI tab, והעוזר מרכיב בשבילכם אימייל מלא.
תמונות AI ו-alt text
Generate with AI יוצר ויז’ואל מ-prompt טקסטואלי, ישירות ב-Image block. Generate alt with AI כותב את ה-alt text מתוך התמונה עצמה.
שורות נושא ו-preheaders ב-AI
ברגע שהתוכן בנוי, קליק 1 מנסח שורת נושא ו-preheader מתוך מה שבאמת נמצא באימייל.
תרגום אוטומטי
גרסאות שפה חסרות מתמלאות ב-AI, במקום להקליד כל שפה ידנית — שימושי במיוחד לצוותים ישראליים שמריצים את אותו קמפיין בעברית, באנגלית ולעיתים גם בערבית או ברוסית.
Brand book ובלוקים מסונכרנים
הסגנונות, ה-header וה-footer מ-practices 1 ו-8 אומרים שאף אחד לא בונה את הבסיס מחדש לכל קמפיין חדש.
בנו את האימייל הבולט הראשון שלכם
-
התחילו מתבנית או מ-prompt.
layout מספריית תבניות האימייל, או טיוטה ראשונה מעוזר ה-AI.
-
החילו את ה-Brand book שלכם.
סגנונות המותג ו-header מסונכרן: practice 1.
-
עברו על האימייל מלמעלה למטה.
Hero, כותרת, CTA, מוצרים, סקשנים לפי קהל, ספירה לאחור, footer.
-
עצבו את גרסת המובייל.
אל תתנו ל-layout של הדסקטופ פשוט להתכווץ לטלפון. עברו לתצוגת מובייל, שניתנת לעריכה מלאה ברוחב טלפון אמיתי, ובחרו Stack, Keep row או Reverse לכל שורת Columns. הגדירו גדלי פונט, padding וגיאומטריית תמונות ייעודיים למובייל, והשתמשו ב-Hide on mobile או ב-Hide on desktop לבלוקים שהגיוניים רק במסך 1. זה עיצוב אימייל רספונסיבי בלי לכתוב אף media query.
-
בדקו.
הריצו Smart check, ואז שלחו אימייל בדיקה לעד 50 כתובות.
-
שלחו, ואז קראו את ה-click map.
תזמנו את השליחה כך שלא תיפול על שבת או חג אם הקהל שלכם מסורתי. ה-Click map tab מצייר heatmap מעל התצוגה המקדימה של האימייל, כך שרואים אילו אלמנטים משכו קליקים והאם ה-hero החדש עשה את העבודה.
