הגדרות עורך האימייל בגרירה ושחרור של Stripo

Published: 22 באוקטובר 2024 · Last updated: 21 ביולי 2026 · By Marcus Biel

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

כרטיסיית התוכן

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

1. מבנים

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

• עמודה אחת
• שתי עמודות
• מספר עמודות

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

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

2. בלוקים

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

סוגי הבלוקים הזמינים הם:

• תמונה: העלאת תמונות (PNG, JPG, GIF) והתאמת המראה שלהן.
• טקסט: הוספה ועיצוב של טקסט להעברת המסר שלכם.
• כפתור: הוספת כפתורים הניתנים ללחיצה, עם טקסט, קישורים וסגנונות הניתנים להתאמה.
• מרווח: הוספת שטח ריק להתאמת הפריסה בין בלוקים אחרים.
• וידאו: הטמעת תוכן וידאו מפלטפורמות כמו YouTube, Vimeo ועוד.
• HTML: הוספת קוד HTML ו-CSS מותאם אישית להתאמות מתקדמות של תוכן האימייל.

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

הסבר מפורט על בלוקי התוכן

בלוק תמונה

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

הוספת בלוק תמונה

ניתן להוסיף בלוק תמונה לאימייל בשתי דרכים:

אפשרות 1

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

אפשרות 2

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

העלאת תמונה

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

גרירה ושחרור

ניתן לגרור ולשחרר ישירות קובץ תמונה (PNG, JPG, GIF) מהמחשב אל תיבת ההעלאה שמופיעה בתוך בלוק התמונה.

העלאה מהמחשב

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

החלפת התמונה

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

עריכת התמונה

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

גישה לעורך התמונות

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

כלי עריכת תמונות זמינים

• מסננים החילו מסננים שונים בלחיצה אחת, כגון:

  • גווני אפור
  • שחור-לבן
  • חידוד
  • היפוך
  • ספיה
  • בהירות
  • צבע

• שינוי גודל התאימו את מידות התמונה. ניתן:

  • להגדיר רוחב וגובה מסוימים.
  • לשמור על יחס הגובה-רוחב.

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

• המרה סובבו או הפכו את התמונה:

  • אופקית
  • אנכית

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

• טקסט הוסיפו טקסט ישירות לתמונה. התאימו את:

  • הגופן
  • הגודל
  • הצבע
  • היישור

• צורות ומדבקות שפרו את התמונה באמצעות הוספת:

  • צורות מוכנות מראש
  • מדבקות משעשעות

• מסגרות בחרו מתוך מבחר מסגרות כדי להעניק לתמונה גבול מסוגנן.

• פינות התאימו את סגנון הפינות למראה מלוטש.

• רקע הסירו או החליפו את רקע התמונה למראה נקי יותר.

שמירת העריכות

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

הגדרות תמונה

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

קישור

הוסיפו קישור לתמונה. ניתן לבחור מתוך סוגים שונים של קישורים, כגון:

• אתר אינטרנט (HTTP, HTTPS)
• דואר (mailto:)
• קובץ (ftp)
• שיתוף חברתי (Facebook, X (לשעבר Twitter), LinkedIn, Pinterest)

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

טקסט חלופי

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

יישור

בחרו כיצד התמונה תיושר בתוך המכל שלה. ניתן ליישר אותה לשמאל, למרכז או לימין.

גודל

התאימו ידנית את רוחב וגובה התמונה באמצעות לחצני הפלוס/מינוס או על ידי הקלדת המידות הרצויות.

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

תמונה רספונסיבית

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

ריפוד

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

קישורי עוגן

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

בלוק טקסט

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

סרגל כלי הטקסט

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

1. עיצוב פסקה

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

2. משפחת גופנים

גופן ברירת המחדל הוא Arial, אך ניתן לבחור מתוך מגוון גופנים, כולל אפשרויות נפוצות כמו Georgia, Helvetica ו-Courier New. קיימת גם פונקציית חיפוש לאיתור מהיר של גופן מסוים.

3. גודל גופן

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

4. עיצוב טקסט

עצבו את הטקסט באמצעות האפשרויות הבאות:

• מודגש (B): הדגשת הטקסט באמצעות הפיכתו למודגש.
• נטוי (I): הפיכת הטקסט לנטוי למראה מסוגנן יותר.
• קו תחתון (U): הוספת קו תחתון לטקסט, בשימוש נפוץ עבור היפר-קישורים.
• קו חוצה (S): הוספת קו החוצה את הטקסט, שימושי לעריכות או לתוכן שהוסר.

5. עיצוב טקסט מתקדם (תפריט שלוש הנקודות)

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

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

6. צבע טקסט ורקע

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

7. יישור טקסט

יישרו את הטקסט בתוך הבלוק:

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

8. רשימות

צרו רשימות ממוספרות ורשימות ללא סדר (תבליטים):

• הוספה/הסרה של רשימת תבליטים: הוספה או הסרה של תבליטים.
• הוספה/הסרה של רשימה ממוספרת: הוספה או הסרה של רשימה ממוספרת.

9. גלישת שורות

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

10. הזחה

התאימו את ההזחה של הטקסט:
- **הגדלת הזחה**: הרחקת הטקסט מהשוליים, שימושי לסעיפי משנה או לציטוטים.
- **הקטנת הזחה**: הקטנת ההזחה וקירוב הטקסט לשוליים השמאליים.
![הזחת טקסט](https://cms.maildroppa.com/assets/0146b155-9fe5-4495-be1c-19dcf1427639)

11. הוספת היפר-קישור

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

שלבים להוספה או לעריכה של קישור

א) סימון הטקסט

בחרו את הטקסט שברצונכם להפוך להיפר-קישור.

ב) לחיצה על סמל הקישור

בסרגל כלי הטקסט, לחצו על סמל הקישור.

ג) עריכת הקישור בחלונית ההגדרות

חלונית ההגדרות הימנית תופיע עם אפשרויות קישור:

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

תיקון קישורים לאחר שליחה

אין דבר גרוע יותר משליחת קמפיין חדש ל-2,365 המנויים שלכם, רק כדי לגלות שאחד הקישורים שבור בגלל שגיאת הקלדה פשוטה. להתראות, מבצעי Black Friday!

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

א) צפייה בקמפיין

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

ב) שינוי קישורים או תגיות

גללו אל רשימת הקישורים בפרטי הקמפיין כדי:

• לעדכן יעדי קישורים: לתקן כתובות URL שגויות.
• לנהל תגיות: להוסיף או להסיר תגיות עבור אוטומציות.

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

התאמת מראה הקישור

בחלונית ההגדרות הימנית תוכלו להתאים את מראה הקישור:

• צבע קישור: בחרו צבע או הזינו קוד hex.

• קישורים עם קו תחתון: הפעילו או השביתו קווים תחתונים למראה נקי יותר.

12. תגיות התאמה אישית

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

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

13. אימוג'ים

הוסיפו עניין חזותי לטקסט באמצעות אימוג'ים.

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

14. טבלה ותווים מיוחדים

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

הוספת טבלה

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

• הגדירו שורות, עמודות, רווח בין תאים, ריפוד וגודל גבול לפי הצורך.

הוספת תווים מיוחדים

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

• גשו לאפשרות תווים מיוחדים כדי לעיין במגוון רחב של תווים.

הגדרות נוספות של בלוק הטקסט (החלונית הימנית)

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

1. צבע טקסט

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

2. צבע רקע

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

3. הגדרות ייחודיות לקישורים

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

• צבע קישור: התאימו את צבע הקישורים באמצעות בוחר הצבעים או קוד hex.

• קישורים עם קו תחתון: הפעילו או השביתו את אפשרות הקו התחתון עבור קישורים בתוך בלוק הטקסט.

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

4. יישור

יישרו את בלוק הטקסט בתוך המכל שלו: שמאל, מרכז או ימין.

5. גובה קבוע

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

6. מרווח בין שורות

שלוטו במרווח בין שורות הטקסט. בחרו מתוך צר, רגיל או רחב.

7. ריפוד

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

8. קישורי עוגן

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

בלוק כפתור

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

הגדרות קישור

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

סוגי קישורים זמינים

• קישור רגיל לאתר (HTTP או HTTPS): מפנה את המשתמש לדף אינטרנט.
• קישור דואר: פותח את תוכנת האימייל של המשתמש לכתיבת אימייל חדש.
• קישור לקובץ (FTP, FTPS): מקשר לקובץ בשרת FTP.
• Skype: יוזם שיחת Skype או צ'אט.
• טלפון (tel): מתחיל שיחת טלפון במכשירים תואמים.
• SMS: פותח את אפליקציית ההודעות עם מספר נמען שמולא מראש.
• Viber: פותח את אפליקציית Viber להודעות או לשיחות.
• סוג פרוטוקול אחר: ציינו פרוטוקול מותאם אישית שאינו מופיע לעיל.

אפשרויות שיתוף חברתי

ניתן גם להגדיר את הכפתור לשיתוף חברתי או לשיתוף באימייל:

• Facebook
• X (לשעבר Twitter)
• LinkedIn
• Pinterest
• שיתוף באימייל

שדה URL

לצד סוג הקישור, שדה URL (שבדרך כלל מתחיל ב-https://) מאפשר להזין את הכתובת הספציפית המתאימה לסוג הקישור.

תווית הכפתור

התאימו את תווית הכפתור כדי לשקף את הקריאה לפעולה שלכם. תווית ברירת המחדל היא "Button", אך ניתן לשנות אותה לאפשרויות כמו "למדו עוד", "הירשמו עכשיו" או "קנו עכשיו".

סגנון טקסט

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

בחירת גופן

בחרו מתוך מגוון גופנים סטנדרטיים, כולל:

• Arial
• Comic Sans MS
• Courier New
• Georgia
• Helvetica
• Lucida Sans Unicode
• Tahoma
• Times New Roman
• Trebuchet MS
• Verdana

עבור גופנים שאינם סטנדרטיים, האפשרויות הנוספות כוללות:

• Arvo
• Lato
• Lora
• Merriweather
• Merriweather Sans
• Noticia Text
• Open Sans
• Playfair Display
• Roboto
• Source Sans Pro

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

גודל גופן ועיצוב

• גודל גופן: בחרו מתוך 8 עד 72, בהתאם למידת הבולטות הרצויה של טקסט הכפתור.
• עיצוב טקסט: החילו עיצוב מודגש או נטוי באמצעות הסמלים "B" או "I" כדי להדגיש את טקסט הכפתור.

הגדרות צבע

התאימו את מראה הכפתור באמצעות שינוי הגדרות הצבע שלו.

1. צבע הכפתור: שנו את צבע הרקע של הכפתור. ברירת המחדל היא ירוק (#31cb4b). השתמשו בשדה קוד ה-hex או בבוחר הצבעים כדי לבחור צבע חדש.

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

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

רדיוס גבול

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

• ערך ברירת מחדל: 30 (פינות מעוגלות במידה בינונית).
• טווח: 0 (פינות מרובעות) עד 100 (כפתור בצורת גלולה).

הערה: כדי להבטיח שפינות מעוגלות יוצגו כראוי ב-Microsoft Outlook, הפעילו את האפשרות "תמיכה ב-Outlook" בכרטיסיית מראה.

יישור

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

• אפשרויות: שמאל, מרכז, ימין.
• שימוש נפוץ: יישור למרכז להדגשה, או יישור לשמאל או לימין לשמירה על עקביות עיצובית.

גובה קבוע

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

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

כפתור עם סמל

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

• פורמטים נתמכים: העלאת סמלים בפורמט PNG, JPG או GIF, בגודל קובץ מרבי של 2 MB.
• מיקום הסמל: בחרו להציג את הסמל בצד שמאל או ימין של טקסט הכפתור.

הערה: סמלים אינם מוצגים בגרסאות מסוימות של Microsoft Outlook ב-Windows, כולל:

• Outlook 2002, 2007, 2010, 2013, 2016 ו-2019. מגבלה זו נובעת מהאופן שבו לקוחות אימייל אלה מרנדרים אימיילים בפורמט HTML. קחו זאת בחשבון אם חלק גדול מהקהל שלכם משתמש בלקוחות אלה.

הגדרות גבול

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

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

ריפוד פנימי

התאימו את המרווח בתוך הכפתור, בין התוכן (טקסט וסמל) לגבול הכפתור.

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

ריפוד חיצוני

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

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

הוספת קישור עוגן

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

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

חשוב: קישורי עוגן אינם נתמכים בלקוחות אימייל מסוימים, כולל:

• אפליקציית Gmail ל-iOS
• Apple Mail ל-iOS
• אפליקציית Outlook ל-Android
• אפליקציית Outlook ל-macOS
• אימיילים מסוג AMP

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

בלוק מרווח

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

1. מרווח רגיל

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

הגדרות עיקריות

1. עובי וסגנון הקו התאימו את עובי, סגנון וצבע הקו:

   • עובי: התאימו באמצעות לחצני + ו-- (החל מ-1).
   • סגנון: בחרו בין רציף, מקווקו או מנוקד.
   • צבע: הגדירו צבע מותאם אישית באמצעות קוד hex או בוחר הצבעים (ברירת מחדל: #cccccc).

2. רוחב הגדירו עד כמה קו המרווח ייפרס על פני התוכן. התאימו את הרוחב בפיקסלים באמצעות לחצני + ו--.

3. יישור יישרו את הקו לשמאל, למרכז או לימין, בהתאם לפריסה שלכם.

4. ריפוד שלטו בריווח הפנימי סביב המרווח:

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

מקרה שימוש

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

2. מרווח דינמי

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

תכונות עיקריות

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

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

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

הבדלים עיקריים בין מרווחים רגילים לדינמיים

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

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

3. הוספת קישור עוגן

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

הערה: קישורי עוגן אינם נתמכים על ידי לקוחות אימייל מסוימים, כולל:

• Microsoft Outlook
• Gmail (במכשירים ניידים)

בלוק וידאו

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

1. קישור לווידאו

הוסיפו את כתובת ה-URL של הווידאו בשדה קישור לווידאו. הפלטפורמות הנתמכות כוללות את YouTube, Vimeo ושירותים אחרים התומכים בהטמעה.

• התנהגות אוטומטית: כאשר מוסיפים כתובת URL תקינה:

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

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

2. טקסט חלופי

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

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

3. תמונה ממוזערת מותאמת אישית

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

• כיצד להפעיל: הפעילו את האפשרות תמונה ממוזערת מותאמת אישית.
• פורמטים נתמכים: PNG, JPG או GIF.
• מתי להשתמש: החליפו את התמונה הממוזערת שנוצרה כאשר היא אינה תואמת את עיצוב האימייל.

4. כפתור הפעלה

התאימו את כפתור ההפעלה שמופיע מעל התמונה הממוזערת של הווידאו.

• אפשרויות זמינות:
  • בחרו מתוך סגנונות כפתור הפעלה של YouTube, Vimeo או אחרים.
  • בחרו באפשרות “ללא” כדי להסתיר לחלוטין את כפתור ההפעלה.

5. גודל

התאימו את מידות הווידאו כך שיתאימו לעיצוב האימייל.

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

6. התאמה לרוחב

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

7. תמונה רספונסיבית

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

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

8. יישור

השתמשו בהגדרת יישור כדי לשלוט במיקום האופקי של הווידאו בבלוק:

• שמאל: יישור הווידאו לשמאל.
• מרכז: מרכוז הווידאו.
• ימין: יישור הווידאו לימין.

9. אפשרויות ייחודיות למכשירים ניידים

התאימו את ההתנהגות והמראה של הווידאו במכשירים ניידים:

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

   • הערה: תכונה זו מסתמכת על תמיכה ב-media queries וייתכן שלא תפעל בכל לקוחות האימייל.

2. ריפוד במכשירים ניידים התאימו את הריפוד סביב הווידאו בתצוגות ניידות.

   • השתמשו במתג עוד כדי להגדיר ערכי ריפוד נפרדים עבור:
     • עליון
     • ימין
     • תחתון
     • שמאל

10. הכללה ב-AMPHTML או ב-HTML

בחרו אם בלוק הווידאו יופיע בגרסאות אימייל מסוימות:

• גם AMPHTML וגם HTML
• AMPHTML בלבד
• HTML בלבד

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

בלוק HTML

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

1. ממשק עורך הקוד

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

• חלק HTML: הוסיפו או ערכו את מבנה ה-HTML של האימייל.
• חלק CSS: פתחו עורך CSS נפרד לעיצוב התוכן.

2. התאמת גודל גופן

התאימו את גודל הגופן של הקוד בעורך לקריאות טובה יותר:

• השתמשו בכפתור A+ כדי להגדיל את גודל הגופן.
• השתמשו בכפתור A- כדי להקטין את גודל הגופן.

3. התאמת גודל חלון העורך

שנו את גודל חלון עורך הקוד בהתאם להעדפות העבודה שלכם:

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

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

4. עורך CSS

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

שיקולים חשובים:

• תמיכה מוגבלת: לקוחות אימייל רבים אינם תומכים בתכונות CSS מתקדמות כמו Flexbox, Grid או media queries.
• היצמדו לבסיס: השתמשו ב-CSS בסיסי בתוך השורה כדי להשיג תאימות מרבית.
• סגנונות מוגדרים מראש: הימנעו ממחיקת סגנונות שהוגדרו מראש, מכיוון שהם מבטיחים רינדור תקין בלקוחות אימייל מרכזיים.

5. תאימות ללקוחות אימייל

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

הנחיות עיקריות:

• השתמשו בפריסות המבוססות על טבלאות במקום בפריסות המבוססות על <div> לתמיכה טובה יותר.
• הימנעו מתכונות CSS מתקדמות כמו אנימציות, Flexbox או Grid.
• צפו להתנהגות לא עקבית של media queries ושל מאפייני CSS קטנים.
• בדיקה: בדקו תמיד את האימיילים בכמה לקוחות (למשל Gmail, Outlook, Apple Mail) כדי להבטיח רינדור תקין.

6. ריפוד

הגדרת ריפוד מתאימה את המרווח סביב תוכן ה-HTML שלכם:

• ריפוד ברירת מחדל: מוגדר ל-0 כברירת מחדל.
• ריפוד מותאם אישית: הפעילו את מתג עוד כדי להתאים ריפוד נפרד עבור:
  • עליון
  • ימין
  • תחתון
  • שמאל

תכונה זו אידיאלית ליישור תוכן HTML בתוך פריסת האימייל.

7. הוספת קישור עוגן

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

כיצד להשתמש:

• הפעילו את האפשרות והזינו שם עוגן בשדה.

מגבלות:

• קישורי עוגן אינם נתמכים על ידי לקוחות אימייל מסוימים, כגון:
  • אפליקציית Gmail ל-iOS
  • Apple Mail ל-iOS
  • אפליקציית Outlook (Android ו-macOS)
  • אימיילים מסוג AMP

8. כתיבת HTML מותאם אישית

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

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

• השתמשו ב-HTML פשוט הנתמך באופן נרחב.
• הימנעו מפריסות מורכבות או מתכונות כגון רכיבי <div>.
• היצמדו לעיצובים המבוססים על טבלאות כדי להבטיח תאימות טובה יותר.

9. טיפים להצלחה

1. התחילו בקטן: השתמשו בבלוק ה-HTML עבור חלקים מסוימים אם אתם חדשים בפיתוח אימיילים.
2. אמתו את הקוד: ודאו שה-HTML עומד בדרישות של לקוחות האימייל.
3. בדקו ביסודיות: השתמשו בכלים לתצוגה מקדימה ולבדיקת האימייל בכמה לקוחות ובמכשירים שונים.