HTML மின்னஞ்சல் வடிவமைப்பின் சவால்களை (மற்றும் ஏமாற்றங்கள்) புரிந்துகொள்வது

வலைப்பக்கங்களை உருவாக்க உள்ளடக்க மேலாண்மை அமைப்பை நீங்கள் திறந்தால், அது மிகவும் எளிமையான செயலாகும். நவீன இணைய உலாவிகள் HTML, CSS மற்றும் JavaScript ஐ ஆதரிக்கின்றன கண்டிப்பான இணைய தரநிலைகளின் தொகுப்பு. மேலும், அவை உண்மையில் வடிவமைப்பாளர்கள் கவலைப்பட வேண்டிய சில உலாவிகள் மட்டுமே. விதிவிலக்குகள் உள்ளன.

ஒட்டுமொத்த தரநிலைகள் காரணமாக, உள்ளடக்க மேலாண்மை அமைப்புகளில் பக்க உருவாக்கிகளை உருவாக்குவது மிகவும் எளிதானது. உலாவிகள் HTML5, CSS மற்றும் JavaScript உடன் இணங்குகின்றன... மேலும் டெவலப்பர்கள், சாதனங்களுக்குப் பதிலளிக்கக்கூடிய மற்றும் உலாவிகள் முழுவதும் சீரான இணையப் பக்கங்களை உருவாக்க நம்பமுடியாத அளவிற்கு வலுவான தீர்வுகளை உருவாக்க முடியும். இரண்டு தசாப்தங்களுக்கு முன்னர், ஒவ்வொரு வலை வடிவமைப்பாளரும் வலைப்பக்கங்களை உருவாக்க டெஸ்க்டாப் மென்பொருளைப் பயன்படுத்தினர். இப்போது, ​​ஒரு வலை வடிவமைப்பாளர் ஒரு வலைப்பக்கத்தை உருவாக்குவது மிகவும் அசாதாரணமானது - பெரும்பாலும், அவர்கள் டெம்ப்ளேட்களை உருவாக்குகிறார்கள் மற்றும் உள்ளடக்கத்தை நிரப்ப உள்ளடக்க அமைப்புகளில் எடிட்டர்களைப் பயன்படுத்துகிறார்கள். இணையதள ஆசிரியர்கள் அருமை.

ஆனால் மின்னஞ்சல் எடிட்டர்கள் மிகவும் பின் தங்கியுள்ளனர். அதற்கான காரணம் இங்கே…

HTML மின்னஞ்சல்களை வடிவமைப்பது ஒரு வலைத்தளத்தை விட மிகவும் சிக்கலானது

உங்கள் நிறுவனம் ஒரு அழகான HTML மின்னஞ்சலை வடிவமைக்க விரும்பினால், பல காரணங்களுக்காக ஒரு வலைப்பக்கத்தை உருவாக்குவதை விட இந்த செயல்முறை அதிவேகமாக மிகவும் சிக்கலானது:

• தரநிலைகள் இல்லை - எந்த இணையத்தையும் கண்டிப்பாக கடைபிடிப்பது இல்லை தரத்தை HTML மின்னஞ்சலைக் காண்பிக்கும் மின்னஞ்சல் கிளையண்டுகள் மூலம். உண்மையில், கிட்டத்தட்ட ஒவ்வொரு மின்னஞ்சல் கிளையண்ட் மற்றும் ஒவ்வொரு மின்னஞ்சல் கிளையண்டின் ஒவ்வொரு பதிப்பு வித்தியாசமாக செயல்படுகிறது. சிலர் CSS, வெளிப்புற எழுத்துருக்கள் மற்றும் நவீன HTML ஆகியவற்றை மதிக்கிறார்கள். மற்றவை சில இன்லைன் ஸ்டைலிங்கை மதிக்கின்றன, எழுத்துருக்களின் தொகுப்பை மட்டுமே காண்பிக்கும், மேலும் அட்டவணையால் இயக்கப்படும் கட்டமைப்புகளைத் தவிர அனைத்தையும் புறக்கணிக்கும். இந்த விஷயத்தில் யாரும் வேலை செய்யாதது உண்மையில் மிகவும் அபத்தமானது. இதன் விளைவாக, வாடிக்கையாளர்கள் மற்றும் சாதனங்களில் தொடர்ந்து வழங்கக்கூடிய டெம்ப்ளேட்களை வடிவமைப்பது பெரிய வணிகமாக மாறியுள்ளது மற்றும் மிகவும் விலை உயர்ந்ததாக இருக்கும்.
• மின்னஞ்சல் கிளையண்ட் பாதுகாப்பு - இந்த வாரம்தான், HTML மின்னஞ்சல்களில் உள்ள எல்லாப் படங்களையும் மின்னஞ்சலில் உட்பொதிக்கப்படாத இயல்புநிலையாகத் தடுக்க Apple Mail புதுப்பிக்கப்பட்டது. ஒரு நேரத்தில் அவர்களுக்கு மின்னஞ்சலை ஏற்றுவதற்கு நீங்கள் அனுமதி வழங்கலாம் அல்லது இந்த அமைப்பை முடக்க அமைப்புகளை இயக்க வேண்டும். மின்னஞ்சல் கிளையன்ட் பாதுகாப்பு அமைப்புகளுடன், கார்ப்பரேட் அமைப்புகளும் உள்ளன.
• ஐடி பாதுகாப்பு - உங்கள் தகவல் தொழில்நுட்பக் குழு, மின்னஞ்சலில் உண்மையில் என்னென்ன பொருட்களை வழங்கலாம் என்பதில் கடுமையான விதிகளை வரிசைப்படுத்தலாம். உதாரணமாக, கார்ப்பரேட் ஃபயர்வாலில் அனுமதிப் பட்டியலில் சேர்க்கப்படாத குறிப்பிட்ட டொமைனில் இருந்து உங்கள் படங்கள் வந்திருந்தால், படங்கள் உங்கள் மின்னஞ்சலில் காட்டப்படாது. சில நேரங்களில், நாங்கள் மின்னஞ்சல்களை உருவாக்கி, அனைத்து படங்களையும் கார்ப்பரேஷனின் சர்வரில் ஹோஸ்ட் செய்ய வேண்டியிருந்தது, இதனால் அவர்களின் சொந்த ஊழியர்கள் படங்களைப் பார்க்க முடியும்.
• மின்னஞ்சல் சேவை வழங்குநர்கள் - விஷயங்களை மோசமாக்க, மின்னஞ்சல் சேவை வழங்குநர்கள் மின்னஞ்சல் உருவாக்குபவர்கள் (இந்த ESPs) உண்மையில் சிக்கல்களை அறிமுகப்படுத்துவதற்குப் பதிலாக அவற்றைக் கட்டுப்படுத்துங்கள். அவர்கள் விளம்பரப்படுத்தும் போது அவர்களின் ஆசிரியர் நீங்கள் பார்ப்பது உங்களுக்குக் கிடைப்பதுதான் (உரை), மின்னஞ்சல் வடிவமைப்பில் இதற்கு நேர்மாறானது பெரும்பாலும் உண்மை. நீங்கள் அவர்களின் மேடையில் மின்னஞ்சலை முன்னோட்டமிடுவீர்கள், பின்னர் மின்னஞ்சல் பெறுபவர் அனைத்து வகையான வடிவமைப்பு சிக்கல்களையும் பார்ப்பார். நிறுவனங்கள் மற்றொன்றை விட அதிக அம்சங்களைக் கொண்டிருப்பதாக நினைத்து பூட்டப்பட்ட எடிட்டருக்குப் பதிலாக, அம்சங்கள் நிறைந்த எடிட்டரை பெரும்பாலும் அறியாமல் தேர்வு செய்கின்றன. இதற்கு நேர்மாறானது உண்மைதான்… எல்லா மின்னஞ்சல் கிளையண்டுகளிலும் தொடர்ந்து வழங்கக்கூடிய மின்னஞ்சல்களை நீங்கள் விரும்பினால், எளிமையானது சிறந்தது, ஏனெனில் குறைவாகவே தவறாகப் போகலாம்.
• மின்னஞ்சல் கிளையண்ட் ரெண்டரிங் - நூற்றுக்கணக்கான மின்னஞ்சல் கிளையண்டுகள் உள்ளன, ஒவ்வொன்றும் டெஸ்க்டாப், ஆப்ஸ், மொபைல் மற்றும் வெப்மெயில் கிளையண்டுகள் முழுவதும் HTML ஐ வித்தியாசமாக வழங்குகின்றன. உங்கள் மின்னஞ்சல் சேவை வழங்குநரில் உள்ள உங்களின் நிஃப்டி டெக்ஸ்ட் எடிட்டர் உங்கள் மின்னஞ்சலில் தலைப்பை வைப்பதற்கான அமைப்பைக் கொண்டிருக்கலாம்... திணிப்பு, ஓரங்கள், வரி உயரம் மற்றும் எழுத்துரு அளவு ஆகியவை ஒவ்வொரு மின்னஞ்சல் கிளையண்டிலும் வேறுபடலாம். இதன் விளைவாக, நீங்கள் HTML ஐ ஊமையாகக் குறைத்து, ஒவ்வொரு தனிமத்தையும் வித்தியாசமாகக் குறியிட வேண்டும் (கீழே உள்ள எடுத்துக்காட்டைப் பார்க்கவும்) - மற்றும் மின்னஞ்சல் கிளையண்ட் குறிப்பிட்ட விதிவிலக்குகளில் அடிக்கடி எழுதவும் - ஒரு மின்னஞ்சலை தொடர்ந்து வழங்குவதற்கு. எளிமையான பிளாக் வகைகள் எதுவும் இல்லை, முப்பது ஆண்டுகளுக்கு முன்பு வலையை உருவாக்குவதற்கு சமமான டேபிள் மூலம் இயங்கும் தளவமைப்புகளை நீங்கள் செய்ய வேண்டும். அதனால்தான் எந்தவொரு புதிய தளவமைப்புக்கும் மேம்பாடு மற்றும் குறுக்கு மின்னஞ்சல் கிளையன்ட் மற்றும் சாதன சோதனை ஆகிய இரண்டும் தேவைப்படுகிறது. உங்கள் இன்பாக்ஸில் நீங்கள் பார்ப்பது எனது இன்பாக்ஸில் நான் பார்ப்பதற்கு முற்றிலும் மாறுபட்டதாக இருக்கலாம். அதனால்தான் ரெண்டரிங் கருவிகள் போன்றவை அமிலம் பற்றிய மின்னஞ்சல் or லிட்மஸ் உங்கள் புதிய வடிவமைப்புகள் அனைத்து மின்னஞ்சல் கிளையண்டுகளிலும் வேலை செய்வதை உறுதி செய்ய வேண்டும். பிரபலமான மின்னஞ்சல் கிளையண்டுகள் மற்றும் அவற்றின் ரெண்டரிங் இன்ஜின்களின் குறுகிய பட்டியல் இங்கே:
  • Apple Mail, Outlook for Mac, Android Mail மற்றும் iOS மெயில் பயன்பாடு வெப்கிட்.
  • அவுட்லுக் 2000, 2002 மற்றும் 2003 பயன்பாடு இன்டர்நெட் எக்ஸ்ப்ளோரர்.
  • அவுட்லுக் 2007, 2010 மற்றும் 2013 பயன்பாடு மைக்ரோசாப்ட் வேர்டு (ஆம், வார்த்தை!).
  • வெப்மெயில் கிளையண்டுகள் தங்கள் உலாவியின் அந்தந்த எஞ்சினைப் பயன்படுத்துகின்றன (உதாரணமாக, சஃபாரி வெப்கிட்டைப் பயன்படுத்துகிறது மற்றும் குரோம் பிளிங்கைப் பயன்படுத்துகிறது).

வலை Vs க்கான HTML இன் எடுத்துக்காட்டு. மின்னஞ்சல்

இணையத்திற்கு எதிராக மின்னஞ்சலில் வடிவமைப்பதில் உள்ள சிக்கலான தன்மையை விளக்கும் ஒரு உதாரணத்தை நீங்கள் விரும்பினால், Mailbakery இன் கட்டுரையிலிருந்து ஒரு சிறந்த உதாரணம் இங்கே உள்ளது 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. மின்னஞ்சல் சேவை வழங்குநர் விதிவிலக்குகள் - கிட்டத்தட்ட ஒவ்வொரு மின்னஞ்சல் சேவை வழங்குநருக்கும் அவர்களின் மின்னஞ்சல் உருவாக்குநர் அறிமுகப்படுத்தும் சிக்கல்களைச் சுற்றி வேலை செய்வதற்கான வழிமுறைகள் உள்ளன. உள்ளமைக்கப்பட்ட மின்னஞ்சல் எடிட்டரை நிறுவனம் பயன்படுத்துவதற்கும், உங்கள் மின்னஞ்சலின் வடிவமைப்பை உடைக்காமல் இருக்கவும் - அல்லது ஒவ்வொரு மின்னஞ்சலிலும் சேர்க்கப்பட வேண்டிய உள்ளடக்கத் தொகுதியை நாங்கள் அடிக்கடி ஒரு கணக்கில் சேர்க்கலாம். நிச்சயமாக, அவை இணங்கப்படுவதை உறுதிசெய்ய அந்த படிகளை வரிசைப்படுத்த சில பயிற்சி மற்றும் செயல்முறை கட்டுப்பாடு தேவைப்படலாம். அல்லது - க்ளையன்ட்கள் மற்றும் சாதனங்களில் வேலை செய்வதாக நிரூபிக்கப்பட்ட ஒரு தீர்வில் உங்கள் மின்னஞ்சல் வடிவமைப்பை உருவாக்க நீங்கள் விரும்பலாம், பின்னர் அதை மீண்டும் உங்கள் மின்னஞ்சல் சேவை வழங்குநரில் ஒட்டவும்.

மின்னஞ்சல் வடிவமைப்பு தளங்கள்

மின்னஞ்சல் சேவை தளங்கள் கிராஸ்-கிளையன்ட் மற்றும் கிராஸ்-டிவைஸ் பில்டர்களை உருவாக்கி பராமரிப்பதில் மோசமான வேலையைச் செய்ததால், பல சிறந்த தளங்கள் சந்தைக்கு வந்துள்ளன. நாம் அதிகமாகப் பயன்படுத்திய ஒன்று ஸ்ட்ரிப்போ.

Stripo ஒரு மின்னஞ்சல் பில்டர் மட்டுமல்ல, அவர்கள் எளிதாக இறக்குமதி செய்யக்கூடிய 900 க்கும் மேற்பட்ட டெம்ப்ளேட்களின் நூலகத்தையும் வைத்திருக்கிறார்கள். மின்னஞ்சலை வடிவமைத்தவுடன், 60+ ESPகள் மற்றும் மின்னஞ்சல் கிளையண்டுகளுக்கு மின்னஞ்சல் அனுப்பலாம் mailchimp, HubSpot, Campaign Monitor, AWeber, eSputnik, Outlook மற்றும் Gmail. அனைத்து ஸ்ட்ரிபோ டெம்ப்ளேட்களும் மின்னஞ்சல் ரெண்டரிங் சோதனைகள் சேர்க்கப்பட்டுள்ளன, எனவே அவை சோதிக்கப்பட்டதை உறுதிசெய்து 40 மின்னஞ்சல் கிளையண்டுகளில் தொடர்ந்து வேலை செய்கின்றன.

ஸ்ட்ரிபோ எடிட்டர் டெமோவில் உள்நுழைக

வெளிப்படுத்தல்: நான் என்னுடையதுடன் இணைக்கிறேன் சந்தைப்படுத்தல் ஆலோசனை நிறுவனம் எந்த மின்னஞ்சல் சேவை வழங்குநரிலும் முன்னணி பிராண்டுகளுக்கான குறுக்கு வாடிக்கையாளர் மின்னஞ்சல்களை வடிவமைத்து பயன்படுத்துபவர். நானும் ஒரு துணை ஸ்ட்ரிப்போ இந்த கட்டுரையில் எனது இணைப்பைப் பயன்படுத்துகிறேன்.