שיווק ואוטומציה בדוא"לסרטוני שיווק ומכירות

הבנת האתגרים (ותסכולים) של עיצוב דוא"ל HTML

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

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

אבל עורכי הדוא"ל נמצאים בפיגור עגום. הנה למה…

עיצוב הודעות אימייל ב-HTML הוא הרבה יותר מורכב מאשר עבור אתר אינטרנט

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

  • אין תקנים - אין ציות קפדני לתקני אינטרנט על ידי לקוחות דוא"ל המציגים דוא"ל HTML. כמעט כל לקוח דוא"ל וכל גרסה של כל לקוח דוא"ל פועלים אחרת. חלקם יכבדו CSS, גופנים חיצוניים ו-HTML מודרני. אחרים מכבדים קצת סגנון מוטבע, מציגים רק אוסף של גופנים, ומתעלמים מכל דבר מלבד מבנים מונחי טבלה. זה די מגוחך שאף אחד לא עובד על הנושא הזה. כתוצאה מכך, עיצוב תבניות המוצגות בין לקוחות ומכשירים באופן עקבי הפך לעסק גדול ויכול להיות די יקר.
  • אבטחת לקוח אימייל – לאחרונה, Apple Mail עודכן לחסום את כל התמונות במייל HTML כברירת מחדל שאינן מוטמעות בדוא"ל. או שאתה נותן הרשאה לטעון להם אימייל בכל פעם או שאתה צריך להפעיל את ההגדרות כדי להשבית הגדרה זו. יחד עם הגדרות האבטחה של לקוח הדוא"ל, יש גם הגדרות ארגוניות.
  • אבטחת IT - צוות ה-IT שלך עשוי לפרוס ערכי כללים קפדניים לגבי האובייקטים שבאמת ניתן לעבד בדוא"ל. אם התמונות שלך, למשל, מגיעות מדומיין ספציפי שאינו ברשימת ההיתרים בחומת אש ארגונית, תמונות פשוט לא יופיעו בדוא"ל שלך. לעיתים, נאלצנו לפתח מיילים ולארח את כל התמונות בשרת התאגיד כדי שהעובדים שלהם יוכלו לראות את התמונות.
  • ספקי שירות דוא"ל - כדי להחמיר את המצב, בוני הדוא"ל ששלחו דוא"ל לספקי שירותים (ESPs) למעשה להציג בעיות במקום להגביל אותן. בעוד שהם מקדמים את העורך שלהם הוא What You See Is What You Get (WYSIWYG), ההפך הוא לעתים קרובות נכון עם עיצוב אימייל. אתה תראה את המייל בפלטפורמה שלו, והנמען יראה את כל בעיות העיצוב. חברות בוחרות לעתים קרובות מבלי לדעת בעורך עשיר בתכונות במקום באחד נעול, מתוך מחשבה שלאחד יש יותר תכונות. ההפך הוא הנכון... אם אתה רוצה הודעות דוא"ל שיוצגו באופן עקבי בכל לקוחות הדוא"ל, כמה שיותר פשוט, יותר טוב, כי פחות יכול להשתבש.
  • עיבוד לקוח דוא"ל - מאות לקוחות דוא"ל מעבדים HTML בצורה שונה במחשבים שולחניים, אפליקציות, מכשירים ניידים ולקוחות דואר אינטרנט. בעוד שלעורך הטקסט הנחמד שלך בספק שירותי הדוא"ל שלך יש הגדרה להוספת כותרת בדוא"ל שלך, הריפוד, השוליים, גובה השורה וגודל הגופן עשויים להיות שונים עבור כל לקוח דוא"ל. כתוצאה מכך, אתה צריך לשטוף את ה-HTML ולקוד כל רכיב בודד בצורה שונה (ראה את הדוגמה למטה) - ולעיתים קרובות לכתוב חריגים שהם ספציפיים ללקוח הדוא"ל - כדי לקבל דוא"ל לעיבוד עקבי. אין סוגי בלוקים פשוטים, אתה צריך לעשות פריסות מונחות טבלה שמקבילות לבנייה לאינטרנט לפני שלושים שנה. זו הסיבה שכל פריסה חדשה דורשת גם פיתוח וגם בדיקות דואר אלקטרוני ולקוחות ומכשירים. מה שאתה רואה בתיבת הדואר הנכנס שלך עשוי להיות שונה לחלוטין ממה שאני רואה בתיבת הדואר הנכנס שלי. זו הסיבה לעיבוד כלים כמו אימייל על חומצה or קמוס הם חובה כדי להבטיח שהעיצובים החדשים שלך יפעלו בכל לקוחות הדוא"ל. להלן רשימה קצרה של לקוחות דוא"ל פופולריים ומנועי העיבוד שלהם:
    • שימוש ב-Apple Mail, Outlook עבור Mac, Android Mail ו- iOS Mail WebKit.
    • שימוש ב-Outlook 2000, 2002 ו-2003 אינטרנט אקספלורר.
    • שימוש ב-Outlook 2007, 2010 ו-2013 Microsoft Word (כן, Word!).
    • לקוחות דואר אינטרנט משתמשים במנוע המתאים של הדפדפן שלהם (לדוגמה, Safari משתמש ב-WebKit וכרום משתמש ב-Blink).

דוגמה ל-HTML for Web Vs. אימייל

אם אתה רוצה דוגמה שתמחיש את המורכבות של עיצוב באימייל לעומת האינטרנט, הנה דוגמה מושלמת מהמאמר של Mailbakery 19 הבדלים גדולים בין דואר אלקטרוני ו-HTML באינטרנט:

דוא"ל HTML

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

<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td align="left">
         <table border="0" cellspacing="0" cellpadding="0" bgcolor="#43756e">
            <tr>
               <td class="text-button"  style="padding: 5px 20px; color:#ffffff; font-family: 'Oswald', Arial, sans-serif; font-size:14px; line-height:20px; text-align:center; text-transform:uppercase;">
                  <a href="#" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Find Out More</a>
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

HTML אינטרנט

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

<div class="center">
   <a href="#" class="button">Find Out More</a>
</div>

כיצד להימנע מבעיות עיצוב דוא"ל

ניתן למנוע בעיות בעיצוב אימייל על ידי ביצוע תהליך הגון:

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

פלטפורמות לעיצוב אימייל

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

סטריפו הוא לא רק בונה אימיילים, יש להם גם ספרייה של למעלה מ-900 תבניות שניתן לייבא בקלות. לאחר שתעצב את האימייל, תוכל לשלוח את המייל ל-60+ ESPs, וללקוחות דוא"ל, כולל Intuit Mailchimp, HubSpot, לעקוב אחר מסע פרסום, AWeber, eSputnik, Outlook, ו gmail. הטוב מכל תבניות הסטריפו מגיעות עם מבחני עיבוד הדוא"ל הכלולים כך שתוכלו להבטיח שהן נבדקו ועובדות באופן עקבי על פני למעלה מ-40 לקוחות דוא"ל.

התחבר להדגמת עורך הסטריפו

Douglas Karr

Douglas Karr הוא CMO של פתח INSIGHTS ומייסד ה Martech Zone. דאגלס סייע לעשרות סטארט-אפים מצליחים של MarTech, סייע בבדיקת נאותות של למעלה מ-5 מיליארד דולר ברכישות והשקעות של Martech, וממשיך לסייע לחברות ביישום ואוטומציה של אסטרטגיות המכירות והשיווק שלהן. דאגלס הוא מומחה ודובר בטרנספורמציה דיגיטלית ומוכר בינלאומי ב-MarTech. דאגלס הוא גם מחבר שפורסם של מדריך Dummy וספר מנהיגות עסקית.

מאמרים נוספים

לחצן חזרה למעלה
סְגוֹר

זוהה חסימת מודעות

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