ईमेल विपणन आणि ऑटोमेशनविपणन आणि विक्री व्हिडिओ

एचटीएमएल ईमेल डिझाइनची आव्हाने (आणि निराशा) समजून घेणे

वेब पेजेस तयार करण्यासाठी तुम्ही कंटेंट मॅनेजमेंट सिस्टम उघडल्यास, ही एक अतिशय सोपी प्रक्रिया आहे. आधुनिक वेब ब्राउझर समर्थन HTML, CSS, आणि कठोर वेब मानकांसाठी JavaScript. आणि ते फक्त मूठभर ब्राउझर आहेत ज्यांची डिझाइनरना काळजी करण्याची गरज आहे. अपवाद आहेत, अर्थातच... आणि त्या ब्राउझरसाठी काही सोप्या उपाय किंवा कार्ये विशिष्ट आहेत.

एकूण मानकांमुळे, सामग्री व्यवस्थापन प्रणालींमध्ये पृष्ठ बिल्डर विकसित करणे सोपे आहे. ब्राउझर HTML5, CSS आणि JavaScript चे पालन करतात... आणि विकसक वेब पेजेस तयार करण्यासाठी अविश्वसनीयपणे मजबूत उपाय तयार करू शकतात जे डिव्हाइसेसना प्रतिसाद देणारे आणि ब्राउझरमध्ये सुसंगत आहेत. दोन दशकांपूर्वी, अक्षरशः प्रत्येक वेब डिझायनर वेब पृष्ठे विकसित करण्यासाठी डेस्कटॉप सॉफ्टवेअर वापरत असे. आता, वेब डिझायनरसाठी वेब पृष्ठ विकसित करणे खूपच असामान्य आहे – बरेचदा नाही, ते टेम्पलेट्स विकसित करत आहेत आणि सामग्री भरण्यासाठी सामग्री सिस्टममध्ये संपादक वापरत आहेत. वेबसाइट संपादक विलक्षण आहेत.

परंतु ईमेल संपादक अत्यंत मागे आहेत. येथे आहे का…

वेबसाइटपेक्षा एचटीएमएल ईमेल डिझाइन करणे अधिक क्लिष्ट आहे

तुमच्या कंपनीला एक सुंदर HTML ईमेल हवा असल्यास, अनेक कारणांमुळे वेब पेज तयार करण्यापेक्षा ही प्रक्रिया झपाट्याने अधिक क्लिष्ट आहे:

  • कोणतेही मानक नाहीत - HTML ईमेल प्रदर्शित करणाऱ्या ईमेल क्लायंटद्वारे वेब मानकांचे कोणतेही कठोर पालन नाही. अक्षरशः प्रत्येक ईमेल क्लायंट आणि प्रत्येक ईमेल क्लायंटची प्रत्येक आवृत्ती वेगळ्या पद्धतीने कार्य करते. काही CSS, बाह्य फॉन्ट आणि आधुनिक HTML चा सन्मान करतील. इतर काही इनलाइन स्टाइलिंगचा सन्मान करतात, फक्त फॉन्टचा संग्रह प्रदर्शित करतात आणि टेबल-चालित संरचनांशिवाय सर्व गोष्टींकडे दुर्लक्ष करतात. या विषयावर कोणीही काम करत नाही हे खूपच हास्यास्पद आहे. परिणामी, क्लायंट आणि डिव्हाइसेसवर सातत्याने रेंडर होणारे टेम्पलेट्स डिझाइन करणे हा मोठा व्यवसाय बनला आहे आणि खूप महाग असू शकतो.
  • ईमेल क्लायंट सुरक्षा - अलीकडे, ऍपल मेल HTML ईमेलमधील सर्व प्रतिमा डीफॉल्टनुसार अवरोधित करण्यासाठी अद्यतनित केले आहे जे ईमेलमध्ये एम्बेड केलेले नाहीत. तुम्ही एकतर त्यांना एका वेळी ईमेल लोड करण्याची परवानगी द्या किंवा हे सेटिंग अक्षम करण्यासाठी सेटिंग्ज सक्षम करा. ईमेल क्लायंट सुरक्षा सेटिंग्जसह, कॉर्पोरेट सेटिंग्ज देखील आहेत.
  • आयटी सुरक्षा - तुमची IT टीम ईमेलमध्ये नेमके कोणते ऑब्जेक्ट्स रेंडर केले जाऊ शकतात यावर कठोर नियम लागू करू शकतात. तुमच्या इमेज, उदाहरणार्थ, कॉर्पोरेट फायरवॉलमध्ये श्वेतसूचीबद्ध नसलेल्या विशिष्ट डोमेनवरून आल्या असल्यास, इमेज तुमच्या ईमेलमध्ये दिसणार नाहीत. काही वेळा, आम्हाला ईमेल विकसित करावे लागतील आणि कॉर्पोरेशनच्या सर्व्हरवर सर्व प्रतिमा होस्ट कराव्या लागतील जेणेकरून त्यांचे स्वतःचे कर्मचारी प्रतिमा पाहू शकतील.
  • ईमेल सेवा प्रदाता - प्रकरण आणखी वाईट करण्यासाठी, ईमेल बिल्डर जे ईमेल सेवा प्रदाते (ESP मध्येs) अडचणी आणण्याऐवजी प्रत्यक्षात आणा. जेव्हा ते त्यांच्या संपादकाचा प्रचार करतात तेव्हा तुम्ही व्हाट यू सी इज व्हॉट यू गेट (WYSIWYG), ईमेल डिझाइनसह बरेचदा उलट सत्य असते. तुम्ही त्यांच्या प्लॅटफॉर्ममध्ये ईमेलचे पूर्वावलोकन कराल आणि प्राप्तकर्त्याला सर्व डिझाइन समस्या दिसतील. कंपन्या अनेकदा नकळत लॉक-डाउन एडिटरऐवजी फीचर-समृद्ध संपादकाची निवड करतात, विचार करतात की एखाद्याकडे अधिक वैशिष्ट्ये आहेत. याच्या उलट सत्य आहे... जर तुम्हाला सर्व ईमेल क्लायंटवर सातत्याने रेंडर होणारे ईमेल हवे असतील, तर सोपे, चांगले, कारण कमी चूक होऊ शकते.
  • ईमेल क्लायंट प्रस्तुतीकरण - शेकडो ईमेल क्लायंट डेस्कटॉप, ॲप्स, मोबाइल डिव्हाइसेस आणि वेबमेल क्लायंटवर HTML वेगळ्या पद्धतीने रेंडर करतात. तुमच्या ईमेल सेवा प्रदात्यावरील तुमच्या निफ्टी टेक्स्ट एडिटरमध्ये तुमच्या ईमेलमध्ये हेडिंग टाकण्याची सेटिंग असू शकते, परंतु प्रत्येक ईमेल क्लायंटसाठी पॅडिंग, समास, रेषेची उंची आणि फॉन्ट आकार भिन्न असू शकतो. परिणामी, तुम्हाला एचटीएमएल डाऊन करावे लागेल आणि प्रत्येक घटक वेगळ्या पद्धतीने कोड करावा लागेल (खाली उदाहरण पहा) - आणि बऱ्याचदा ईमेल क्लायंट-विशिष्ट असलेल्या अपवादांमध्ये लिहावे लागेल - एक ईमेल सातत्याने रेंडर करण्यासाठी. कोणतेही साधे ब्लॉक प्रकार नाहीत, तुम्हाला टेबल-चालित लेआउट्स करावे लागतील जे तीस वर्षांपूर्वी वेबसाठी तयार करण्यासारखे आहे. म्हणूनच कोणत्याही नवीन लेआउटसाठी विकास आणि क्रॉस-ईमेल क्लायंट आणि डिव्हाइस चाचणी दोन्ही आवश्यक आहे. तुम्ही तुमच्या इनबॉक्समध्ये जे पाहता ते मला माझ्या इनबॉक्समध्ये दिसते ते पूर्णपणे वेगळे असू शकते. म्हणूनच रेंडरिंग टूल्स सारखे ऍसिडवर ईमेल करा or लिटमस तुमच्या नवीन डिझाईन्स सर्व ईमेल क्लायंटवर काम करतात याची खात्री करणे आवश्यक आहे. येथे लोकप्रिय ईमेल क्लायंट आणि त्यांच्या रेंडरिंग इंजिनची एक छोटी सूची आहे:
    • ऍपल मेल, मॅकसाठी आउटलुक, Android मेल आणि iOS मेल वापरतात वेबकिट.
    • Outlook 2000, 2002 आणि 2003 वापरतात इंटरनेट एक्सप्लोरर.
    • Outlook 2007, 2010 आणि 2013 वापरतात मायक्रोसाॅफ्ट वर्ड (होय, शब्द!).
    • वेबमेल क्लायंट त्यांच्या ब्राउझरचे संबंधित इंजिन वापरतात (उदाहरणार्थ, सफारी वेबकिट वापरते आणि क्रोम ब्लिंक वापरते).

वेब वि साठी HTML चे उदाहरण. ईमेल

जर तुम्हाला एखादे उदाहरण हवे असेल जे ईमेल विरुद्ध वेबमधील डिझाइनची जटिलता स्पष्ट करते, मेलबेकरीच्या लेखातील एक परिपूर्ण उदाहरण येथे आहे 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 जोडू शकतो – किंवा प्रत्येक ईमेलमध्ये समाविष्ट केलेला सामग्री ब्लॉक देखील असू शकतो. अर्थात, त्या चरणांचे पालन केले जात असल्याची खात्री करण्यासाठी त्यांना काही प्रशिक्षण आणि प्रक्रिया नियंत्रणाची आवश्यकता असू शकते. किंवा - तुम्हाला तुमचे ईमेल डिझाइन अशा सोल्यूशनमध्ये विकसित करायचे आहे जे क्लायंट आणि डिव्हाइसेसवर कार्य करते असे सिद्ध आहे, नंतर ते तुमच्या ईमेल सेवा प्रदात्यामध्ये परत पेस्ट करा.

ईमेल डिझाइन प्लॅटफॉर्म

कारण ईमेल सेवा प्लॅटफॉर्मने क्रॉस-क्लायंट आणि क्रॉस-डिव्हाइस सातत्याने रेंडर केलेले बिल्डर्स तयार करण्यात आणि त्यांची देखभाल करण्यासाठी खराब काम केले आहे, अनेक उत्कृष्ट प्लॅटफॉर्म बाजारात आले आहेत. आम्ही मोठ्या प्रमाणावर वापरले आहे की एक आहे स्ट्रीपो.

Stripo फक्त एक ईमेल बिल्डर नाही, त्यांच्याकडे 900 पेक्षा जास्त टेम्पलेट्सची लायब्ररी देखील आहे जी सहजपणे आयात केली जाऊ शकते. एकदा तुम्ही ईमेल डिझाईन केल्यावर, तुम्ही 60+ ESPs आणि ईमेल क्लायंटना ईमेल करू शकता, यासह Intuit Mailchimp, HubSpot, मोहिम मॉनिटर, Aweber, eSputnik, आउटलुकआणि Gmail. सर्व स्ट्रिपो टेम्प्लेट्समध्ये ईमेल रेंडरिंग चाचण्यांचा समावेश केला जातो ज्यामुळे तुम्ही त्यांची चाचणी केली गेली आहे आणि 40 हून अधिक ईमेल क्लायंटवर सातत्याने काम करत असल्याचे सुनिश्चित करू शकता.

स्ट्रिपो एडिटर डेमोवर लॉग इन करा

Douglas Karr

Douglas Karr चे CMO आहे ओपनइनसाइट्स आणि चे संस्थापक Martech Zone. डग्लसने डझनभर यशस्वी MarTech स्टार्टअप्सना मदत केली आहे, Martech अधिग्रहण आणि गुंतवणुकीमध्ये $5 बिलियन पेक्षा जास्त योग्य परिश्रमात मदत केली आहे आणि कंपन्यांना त्यांच्या विक्री आणि विपणन धोरणांची अंमलबजावणी आणि स्वयंचलित करण्यात मदत करणे सुरू ठेवले आहे. डग्लस हा आंतरराष्ट्रीय स्तरावर मान्यताप्राप्त डिजिटल ट्रान्सफॉर्मेशन आणि MarTech तज्ञ आणि स्पीकर आहे. डग्लस हे डमीच्या मार्गदर्शक आणि व्यवसाय नेतृत्व पुस्तकाचे प्रकाशित लेखक देखील आहेत.

संबंधित लेख

परत शीर्षस्थानी बटण
बंद

अॅडब्लॉक आढळले

Martech Zone तुम्हाला ही सामग्री कोणत्याही खर्चाशिवाय प्रदान करण्यात सक्षम आहे कारण आम्ही आमच्या साइटवर जाहिरात महसूल, संलग्न दुवे आणि प्रायोजकत्वाद्वारे कमाई करतो. तुम्ही आमची साइट पाहता तेव्हा तुमचा अॅड ब्लॉकर काढून टाकल्यास आम्ही कृतज्ञ आहोत.