इमेल मार्केटिङ र स्वचालनमार्केटिंग र बिक्री भिडियोहरू

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

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

समग्र मापदण्डहरूको कारण, सामग्री व्यवस्थापन प्रणालीहरूमा पृष्ठ निर्माणकर्ताहरू विकास गर्न यो सीधा छ। ब्राउजरहरूले 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 बीच ठूलो भिन्नताहरू:

इमेल 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, आउटलुक, र जीमेल। सबै भन्दा राम्रो Stripo टेम्प्लेटहरू इमेल रेन्डरिङ परीक्षणहरू समावेश छन् ताकि तपाईं तिनीहरूको परीक्षण गरिएको छ र 40 भन्दा बढी इमेल क्लाइन्टहरूमा लगातार काम गर्ने सुनिश्चित गर्न सक्नुहुन्छ।

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

Douglas Karr

Douglas Karr को CMO छ OpenINSightTS र को संस्थापक Martech Zone। डगलसले दर्जनौं सफल MarTech स्टार्टअपहरूलाई मद्दत गरेको छ, Martech अधिग्रहण र लगानीमा $ 5 बिलियन भन्दा बढीको लगनशीलतामा सहयोग गरेको छ, र कम्पनीहरूलाई उनीहरूको बिक्री र मार्केटिङ रणनीतिहरू कार्यान्वयन र स्वचालित गर्न मद्दत गर्न जारी छ। डगलस एक अन्तर्राष्ट्रिय मान्यता प्राप्त डिजिटल रूपान्तरण र MarTech विशेषज्ञ र वक्ता हो। डगलस डम्मीको गाईड र व्यापार नेतृत्व पुस्तकका प्रकाशित लेखक पनि हुन्।

सम्बन्धित लेख

शीर्ष बटनमा फर्कनुहोस्
बन्द

Adblock पत्ता लाग्यो

Martech Zone तपाइँलाई यो सामग्री कुनै पनि लागतमा उपलब्ध गराउन सक्षम छ किनभने हामीले हाम्रो साइटलाई विज्ञापन राजस्व, सम्बद्ध लिङ्कहरू, र प्रायोजनहरू मार्फत मुद्रीकरण गर्छौं। यदि तपाईंले हाम्रो साइट हेर्दै आफ्नो विज्ञापन अवरोधक हटाउनु भयो भने हामी प्रशंसा गर्नेछौं।