הודעת מייל מעוצבת

[צביזון]

איך יש אפשרות לעשות הודעות מייל מעוצבת,
כדגומת המיילים המגיעים מפרוג כאשר יש הודעה שבקשו עליה הודעה עם התראה לדוא"ל?

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

 

[אפרת19]

זה HTML רגיל בדרך כלל

 

[צביזון]

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

 

[חד וחלק]

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

 

[ש.ב.ח.]

זה HTML רגיל בדרך כלל

כן, אבל אם כמה כללים והסתייגויות....

 

[צביזון]

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

 

[Yehuda Kremer]

בדומה לWord, כל עורך טקסט עשיר (wysiwyg) יכול לשמש אותך לצורך זה.
לדוגמה: https://ckeditor.com/ckeditor-5/demo/#document

 

[ש.ב.ח.]

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

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

 

[ש.ב.ח.]

אולי זה יעזור למישהו:
מקור: אינטרנט ישראל

כיצד יוצרים מיילים מעוצבים ללקוחות

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

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

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

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

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

• המייל יעמוד בתקינת HTML 4 Transitional
• אין להשתמש ב CSS בכל תנאי ועדיף גם להימנע מהשימוש בstyle Inline.
• אין להשתמש ב Div או ב Span אלא ב tables בלבד.
• אין להשתמש ב-Float או Position המיקומים ייעשו על ידי הטבלה בלבד.
• יש להימנע ככל האפשר מ colspan , colrow. וגם ROWSPAN
• על מנת לוודא שהתמונות נצמדות ואין ביניהן פערים, יש לוודא שאין גם רווחים בין התגיות השונות (רווחים בקוד עצמו).
• יש להגדיר רוחב וגובה עבור כל תמונה. יש להגדיר רוחב עבור הטבלה בלבד. אין צורך בהגדרת alt עבור תמונות.
• אין להשתמש ב background Image – בין אם מדובר בstyle ובין אם מדובר בתגית HTML 4. במידה ויש צורך ברקע (כמו במקרה של תוכן דינמי) יש להשתמש בשוליים המשכפלים את עצמם בכל פעם שהתוכן הדינמי נוצר. לדוגמא התוכן בכל טבלה משתכפל וכך נוצר דף באורך לא מוגדר מראש כאשר יש לו שוליים:
• שול ימני (תמונה) תוכן דינמי שול שמאלי (תמונה)
• עבור טבלה בתוך טבלה יש להגדיר border=1 בתוך התאים שיש בתת הטבלה. (ה border עצמו לא יראה בשום מצב, אך ימנע מצב של שבירת גבולות ב Outlook 2007). יש להקפיד להגדיר border=0 בכל הטבלאות, גם הפנימיות.
• הטבלה תהיה מוגדרת מימין לשמאל dir=rtl ו ALIGN=right
• רוחב המייל יהיה עד 800 פיקסלים.
• ללא Flash, Animated GIF או AJAX.
• ללא spacers

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