HTML इमेल डिजाइनका चुनौतीहरू (र निराशाहरू) बुझ्दै

यदि तपाइँ वेब पृष्ठहरू निर्माण गर्न सामग्री व्यवस्थापन प्रणाली खोल्नुहुन्छ भने, यो एक धेरै सरल प्रक्रिया हो। आधुनिक वेब ब्राउजरहरूले HTML, CSS, र JavaScript लाई समर्थन गर्दछ सख्त वेब मापदण्डहरूको सेट। र, तिनीहरू साँच्चै मुट्ठीभर ब्राउजरहरू हुन् जुन डिजाइनरहरूले चिन्ता गर्नुपर्छ। त्यहाँ अपवादहरू छन्, निस्सन्देह ... र ती ब्राउजरहरूका लागि विशिष्ट केही सरल समाधान वा कार्यहरू।

समग्र मापदण्डहरूको कारण, सामग्री व्यवस्थापन प्रणालीहरूमा पृष्ठ निर्माणकर्ताहरू विकास गर्न यो साँच्चै सजिलो छ। ब्राउजरहरूले HTML5, CSS, र JavaScript को पालना गर्छन्... र विकासकर्ताहरूले वेब पृष्ठहरू निर्माण गर्न अविश्वसनीय रूपमा बलियो समाधानहरू निर्माण गर्न सक्छन् जुन यन्त्रहरूमा उत्तरदायी र ब्राउजरहरूमा एकरूप हुन्छन्। दुई दशक पहिले, लगभग हरेक वेब डिजाइनरले वेब पृष्ठहरू विकास गर्न डेस्कटप सफ्टवेयर प्रयोग गर्दै थिए। अब, वेब डिजाइनरको लागि वेब पृष्ठ विकास गर्न धेरै असामान्य छ - धेरै पटक होइन, तिनीहरू टेम्प्लेटहरू विकास गर्दैछन् र सामग्री भर्न सामग्री प्रणालीहरूमा सम्पादकहरू प्रयोग गर्दैछन्। वेबसाइट सम्पादकहरू शानदार छन्।

तर इमेल सम्पादकहरू दुखी रूपमा पछि छन्। यहाँ कारण छ…

HTML इमेलहरू डिजाइन गर्नु वेबसाइटको तुलनामा धेरै जटिल छ

यदि तपाईंको कम्पनीले डिजाइन गरिएको सुन्दर HTML इमेल चाहनुहुन्छ भने, प्रक्रिया धेरै कारणहरूको लागि वेब पृष्ठ निर्माण गर्नु भन्दा धेरै जटिल छ:

• कुनै मानक छैन - कुनै पनि वेबमा कुनै कडा पालना छैन मानकहरू HTML इमेल प्रदर्शन गर्ने इमेल क्लाइन्टहरूद्वारा। वास्तवमा, वस्तुतः प्रत्येक इमेल क्लाइन्ट र प्रत्येक इमेल क्लाइन्टको प्रत्येक संस्करण फरक कार्य गर्दछ। केहीले CSS, बाह्य फन्टहरू, र आधुनिक HTML लाई सम्मान गर्नेछन्। अरूले केही इनलाइन स्टाइलिङलाई सम्मान गर्छन्, फन्टहरूको सङ्ग्रह मात्र प्रदर्शन गर्नेछन्, र टेबल-संचालित संरचनाहरूबाहेक सबै कुरालाई बेवास्ता गर्छन्। यो वास्तवमा यो बिन्दुमा धेरै हास्यास्पद छ कि कसैले यस मुद्दामा काम गरिरहेको छैन। नतिजाको रूपमा, ग्राहकहरू र उपकरणहरूमा निरन्तर रूपमा प्रस्तुत हुने टेम्प्लेटहरू डिजाइन गर्ने ठूलो व्यापार भएको छ र धेरै महँगो हुन सक्छ।
• इमेल ग्राहक सुरक्षा - यो हप्ता मात्र, एप्पल मेलले HTML इमेलहरूमा पूर्वनिर्धारित रूपमा सबै छविहरू ब्लक गर्न अपडेट गर्यो जुन इमेलमा इम्बेड गरिएको छैन। तपाईंले या त तिनीहरूलाई एक पटकमा इमेल लोड गर्न अनुमति दिनुहुन्छ, वा यो सेटिङ असक्षम गर्न सेटिङहरू सक्षम गर्नुपर्छ। इमेल क्लाइन्ट सुरक्षा सेटिङहरूसँग, त्यहाँ पनि कर्पोरेट सेटिङहरू छन्।
• IT सुरक्षा - तपाईंको IT टोलीले वास्तवमा इमेलमा कुन वस्तुहरू रेन्डर गर्न सकिन्छ भन्ने बारे कडा नियमहरू लागू गर्न सक्छ। यदि तपाइँका छविहरू, उदाहरणका लागि, कर्पोरेट फायरवालमा श्वेतसूचीमा नराखिएको कुनै विशेष डोमेनबाट आएका हो भने, छविहरू तपाइँको इमेलमा देखिने छैनन्। कहिलेकाहीं, हामीले इमेलहरू विकास गर्न र निगमको सर्भरमा सबै छविहरू होस्ट गर्नुपरेको छ ताकि तिनीहरूका आफ्नै कर्मचारीहरूले छविहरू देख्न सकून्।
• ईमेल सेवा प्रदायकहरू - मामिलालाई अझ खराब बनाउनको लागि, इमेल निर्माणकर्ताहरू जुन इमेल सेवा प्रदायकहरू (ESPs) वास्तवमा समस्याहरू प्रस्तुत गर्नुको सट्टा तिनीहरूलाई बाधा पुर्‍याउनुहोस्। जबकि उनीहरुले आफ्नो सम्पादकलाई बढावा दिएका छन् तपाईले के हेर्नुहुन्छ तपाईले के पाउनुहुन्छ (WYSIWYG), विपरित अक्सर इमेल डिजाइन संग सही छ। तपाईंले तिनीहरूको प्लेटफर्ममा इमेल पूर्वावलोकन गर्नुहुनेछ, त्यसपछि इमेल प्राप्तकर्ताले सबै प्रकारका डिजाइन समस्याहरू देख्छन्। कम्पनीहरूले प्राय: अज्ञात रूपमा एक लक-डाउन सम्पादकको सट्टा एक सुविधा सम्पन्न सम्पादकको लागि रोज्छन् कि एउटामा अर्को भन्दा धेरै सुविधाहरू छन्। विपरित सत्य हो... यदि तपाइँ इमेलहरू चाहानुहुन्छ जुन सबै इमेल क्लाइन्टहरूमा निरन्तर रूपमा रेन्डर हुन्छ, जति सरल हुन्छ किनभने कम गलत हुन सक्छ।
• इमेल क्लाइन्ट रेन्डरिङ - त्यहाँ सयौं इमेल क्लाइन्टहरू छन्, प्रत्येक डेस्कटप, एप्स, मोबाइल, र वेबमेल क्लाइन्टहरूमा फरक रूपमा HTML रेन्डर गर्दै। तपाईंको इमेल सेवा प्रदायकमा तपाईंको निफ्टी पाठ सम्पादकले तपाईंको इमेलमा शीर्षक राख्ने सेटिङ हुन सक्छ... प्याडिङ, मार्जिन, रेखा-उचाइ, र फन्ट-साइज प्रत्येक इमेल क्लाइन्टमा फरक हुन सक्छ। नतिजाको रूपमा, तपाईले HTML लाई गूंगा गर्नु पर्छ र प्रत्येक एकल तत्वलाई फरक तरिकाले कोड गर्नु पर्छ (तलको उदाहरण हेर्नुहोस्) - र प्रायः अपवादहरूमा लेख्नुहोस् जुन इमेल क्लाइन्ट विशिष्ट हो - लगातार रेन्डर गर्न इमेल प्राप्त गर्न। त्यहाँ कुनै साधारण ब्लक प्रकारहरू छैनन्, तपाईंले तालिका-संचालित लेआउटहरू गर्नुपर्दछ जुन तीस वर्ष अघि वेबको लागि निर्माणको बराबर हो। त्यसैले कुनै पनि नयाँ लेआउट दुवै विकास र क्रस-इमेल क्लाइन्ट र उपकरण परीक्षण आवश्यक छ। तपाईंले आफ्नो इनबक्समा के देख्नुहुन्छ मैले मेरो इनबक्समा देखेको कुरा पूर्ण रूपमा फरक हुन सक्छ। यो किन रेन्डरिङ उपकरण जस्तै एसिडमा इमेल गर्नुहोस् or लिटमस तपाईंको नयाँ डिजाइनहरू सबै इमेल क्लाइन्टहरूमा काम गर्ने सुनिश्चित गर्न आवश्यक छ। यहाँ लोकप्रिय इमेल क्लाइन्टहरू र तिनीहरूको रेन्डरिङ इन्जिनहरूको छोटो सूची छ:
  • एप्पल मेल, म्याकको लागि आउटलुक, एन्ड्रोइड मेल र आईओएस मेल प्रयोग वेबकिट.
  • Outlook 2000, 2002 र 2003 प्रयोग इन्टरनेट एक्सप्लोरर.
  • Outlook 2007, 2010 र 2013 प्रयोग माइक्रोसफ्ट वर्ड (हो, शब्द!)
  • वेबमेल क्लाइन्टहरूले आफ्नो ब्राउजरको सम्बन्धित इन्जिन प्रयोग गर्छन् (उदाहरणका लागि, सफारीले वेबकिट प्रयोग गर्दछ र क्रोमले ब्लिङ्क प्रयोग गर्दछ)।

वेब बनाम को लागी HTML को एक उदाहरण। इमेल

यदि तपाइँ वेब बनाम इमेल मा डिजाइन को जटिलता को चित्रण गर्ने उदाहरण चाहनुहुन्छ भने, यहाँ मेलबेकरीको लेखबाट एक उत्तम उदाहरण छ। 19 इमेल र वेब 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>

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

कसरी इमेल डिजाइन समस्याहरूबाट बच्न

इमेल डिजाइन समस्याहरू एक सभ्य प्रक्रिया पछ्याएर जोगिन सकिन्छ:

1. टेम्प्लेट डिजाइन - विभिन्न लेआउटहरू र सामग्री ब्लकहरू सहितको टेम्प्लेट बनाउनुहोस् जसले प्रत्येक शैलीलाई समेट्छ जुन तपाईंले आफ्नो इमेल डिजाइनहरूमा उत्पादन गर्न चाहनुहुन्छ। जब हामी एक ग्राहक लागू गर्छौं, हामी सधैं तिनीहरूलाई धक्का दिन्छौं भविष्यको लागि इमेल डिजाइन गर्नुहोस् - पठाइएको अर्को इमेल अभियान मात्र होइन। यसरी, हामी आवश्यक समाधानहरू पूर्ण रूपमा डिजाइन, विकास, परीक्षण र कार्यान्वयन गर्न सक्छौं पहिले तिनीहरूले त्यो पहिलो इमेल पठाउँछन्।
2. टेम्प्लेट परीक्षण - इमेल क्लाइन्टहरू बुझ्दै जुन तपाईंका सदस्यहरूले प्रयोग गरिरहेका छन् र तपाईंको HTML इमेल मोबाइल र डेस्कटपमा पूर्ण रूपमा परीक्षण गरिएको छ भनेर सुनिश्चित गर्न कुनै पनि टेम्प्लेट प्रयोग गर्नु अघि महत्त्वपूर्ण छ। हामी फोटोशप लेआउटबाट शाब्दिक रूपमा इमेल डिजाइन गर्न सक्छौं ... तर यसलाई टेबल-संचालित, क्रस-इमेल क्लाइन्टमा काट्ने र डाइस गर्ने इष्टतम र सुसंगत इमेल डिजाइनहरू प्रयोग गर्न आवश्यक छ।
3. आन्तरिक परीक्षण - एक पटक तपाईंको टेम्प्लेट डिजाइन र परीक्षण भएपछि, यसलाई समीक्षा र अनुमोदन गर्न संगठन भित्रको आन्तरिक बीउ सूचीमा पठाइनुपर्छ। तपाईले भित्री रूपमा इमेल रेन्डरिङसँग सम्बन्धित फायरवाल वा सुरक्षा समस्याहरू छैनन् भनी सुनिश्चित गर्न व्यक्तिहरूको धेरै सीमित उपसमूहको साथ सुरु गर्न पनि सक्नुहुन्छ। यदि यो नयाँ इमेल सेवा प्रदायकमा एक उदाहरण निर्माण गर्दैछ भने, तपाइँले तपाइँको इमेल इनबक्समा प्राप्त गर्न सम्बन्धित केहि फिल्टरिङ वा ब्लक गर्ने समस्याहरू पनि फेला पार्न सक्नुहुन्छ।
4. टेम्प्लेट संस्करण - डिजाइन, राम्रोसँग परीक्षण र प्रयोग गर्न सकिने तपाईंको टेम्प्लेटको नयाँ संस्करणमा काम नगरी आफ्नो लेआउट वा डिजाइनहरू परिवर्तन नगर्नुहोस्। धेरै व्यवसायहरूले प्रत्येक अभियानको लागि एकल-अफ डिजाइनहरू मन पराउँछन्... तर त्यसका लागि प्रत्येक अभियानको लागि प्रत्येक इमेल डिजाइन, विकास र तैनाथ गर्न आवश्यक छ। यसले इमेल मार्केटिङ प्रक्रिया आन्तरिकमा धेरै समय थप्छ। र, तपाइँ तपाइँको इमेल मा कुन तत्वहरु को तत्वहरु मा राम्रो प्रदर्शन गर्दै छन् बुझ्न छैन जोखिम। स्थिरता प्रक्रियालाई सजिलो बनाउने तरिका मात्र होइन, यो तपाइँको सदस्यहरूको व्यवहारको लागि पनि महत्त्वपूर्ण छ।
5. इमेल सेवा प्रदायक अपवादहरू - लगभग हरेक इमेल सेवा प्रदायकसँग उनीहरूको इमेल बिल्डरले परिचय गराउने समस्याहरूको वरिपरि काम गर्ने माध्यम हुन्छ। हामी प्रायः एक खातामा कच्चा CSS थप्न सक्छौं - वा प्रत्येक इमेलमा समावेश गर्नुपर्ने सामग्री ब्लक पनि हुन सक्छ - कम्पनीले बिल्ट-इन इमेल सम्पादकको प्रयोग गर्न र यसले तपाईंको इमेलको डिजाइनलाई तोड्न नदिने गरी। निस्सन्देह, त्यसका लागि ती चरणहरू लागू गर्नका लागि केही तालिम र प्रक्रिया नियन्त्रण आवश्यक हुन सक्छ। वा - तपाइँ शाब्दिक रूपमा तपाइँको इमेल डिजाइन एक समाधानमा विकास गर्न चाहानुहुन्छ जुन क्लाइन्टहरू र उपकरणहरूमा काम गर्न प्रमाणित हुन्छ, त्यसपछि यसलाई तपाइँको इमेल सेवा प्रदायकमा टाँस्नुहोस्।

इमेल डिजाइन प्लेटफर्महरू

किनकी इमेल सेवा प्लेटफर्महरूले क्रस-क्लायन्ट र क्रस-उपकरणलाई निरन्तर रूपमा रेन्डर गरिएका निर्माणकर्ताहरू निर्माण गर्न र कायम राख्नमा खराब काम गरेको छ, धेरै उत्कृष्ट प्लेटफर्महरू बजारमा आएका छन्। हामीले व्यापक रूपमा प्रयोग गरेको एउटा हो स्ट्रिपो.

Stripo केवल एक ईमेल निर्माणकर्ता होइन, तिनीहरूसँग 900 टेम्प्लेटहरूको पुस्तकालय पनि छ जुन सजिलै आयात गर्न सकिन्छ। एकचोटि तपाईंले इमेल डिजाइन गरेपछि, तपाईंले 60+ ESPs, र इमेल क्लाइन्टहरू सहित इमेल गर्न सक्नुहुन्छ MailChimp, HubSpot, अभियान मनिटर, AWeber, eSputnik, Outlook, र Gmail। सबै भन्दा राम्रो Stripo टेम्प्लेटहरू इमेल रेन्डरिङ परीक्षणहरू समावेश छन् ताकि तपाईं तिनीहरूको परीक्षण गरिएको छ र 40 भन्दा बढी इमेल क्लाइन्टहरूमा लगातार काम गर्ने सुनिश्चित गर्न सक्नुहुन्छ।

स्ट्रिपो सम्पादक डेमोमा लग इन गर्नुहोस्

खुलासा: म मेरो लिङ्क गर्दैछु मार्केटिंग परामर्श फर्म जसले वस्तुतः कुनै पनि इमेल सेवा प्रदायकमा अग्रणी ब्रान्डहरूका लागि क्रस-क्लायन्ट इमेलहरू डिजाइन र तैनाती गर्दछ। म पनि सम्बद्ध हुँ स्ट्रिपो र म यस लेखमा मेरो लिङ्क प्रयोग गर्दैछु।