ඔබ වෙබ් පිටු තැනීමට අන්තර්ගත කළමනාකරණ පද්ධතියක් විවෘත කරන්නේ නම්, එය ඉතා සරල ක්‍රියාවලියකි. නවීන වෙබ් බ්‍රව්සර් HTML, CSS සහ JavaScript සඳහා සහය දක්වයි දැඩි විය වෙබ් ප්රමිති කට්ටලයක්. තවද, ඒවා සැබවින්ම නිර්මාණකරුවන්ට කරදර විය යුතු බ්‍රව්සර් අතලොස්සක් පමණි. ව්යතිරේක ඇත, ඇත්ත වශයෙන්ම... සහ එම බ්‍රවුසර සඳහා විශේෂිත වූ සමහර සරල ක්‍රියාදාමයන් හෝ කාර්යයන් ඇත.
සමස්ත ප්‍රමිතීන් නිසා, අන්තර්ගත කළමනාකරණ පද්ධති තුළ පිටු සාදන්නන් සංවර්ධනය කිරීම ඇත්තෙන්ම පහසුය. බ්‍රවුසර HTML5, CSS, සහ JavaScript සමඟ අනුකූල වේ... සහ සංවර්ධකයින්ට උපාංගවලට ප්‍රතිචාර දක්වන සහ බ්‍රව්සර් හරහා අනුකූල වන වෙබ් පිටු තැනීමට ඇදහිය නොහැකි තරම් ශක්තිමත් විසඳුම් ගොඩනගා ගත හැකිය. දශක දෙකකට පෙර, සෑම වෙබ් නිර්මාණකරුවෙකුම පාහේ වෙබ් පිටු සංවර්ධනය කිරීමට ඩෙස්ක්ටොප් මෘදුකාංග භාවිතා කළේය. දැන්, වෙබ් නිර්මාණකරුවෙකුට වෙබ් පිටුවක් සංවර්ධනය කිරීම සාමාන්‍ය දෙයක් නොවේ - බොහෝ විට, ඔවුන් සැකිලි සංවර්ධනය කරන අතර අන්තර්ගතය පිරවීම සඳහා අන්තර්ගත පද්ධතිවල සංස්කාරකවරුන් භාවිතා කරයි. වෙබ් අඩවි සංස්කාරකවරුන් විශිෂ්ටයි.
නමුත් ඊමේල් සංස්කාරකවරුන් දුක්ඛිත ලෙස පිටුපසින් සිටිති. මෙන්න ඇයි…
HTML ඊමේල් සැලසුම් කිරීම වෙබ් අඩවියකට වඩා සංකීර්ණ වේ
ඔබේ සමාගමට අලංකාර HTML විද්යුත් තැපෑලක් නිර්මාණය කිරීමට අවශ්‍ය නම්, මෙම ක්‍රියාවලිය හේතු ගණනාවක් සඳහා වෙබ් පිටුවක් ගොඩනැගීමට වඩා ඝාතීය ලෙස සංකීර්ණ වේ:
- ප්රමිති නැත - කිසිම වෙබ් එකකට දැඩි පිළිපැදීමක් නොමැත ප්රමිති HTML විද්යුත් තැපෑල පෙන්වන විද්යුත් තැපැල් සේවාදායකයින් විසිනි. ඇත්ත වශයෙන්ම, පාහේ සෑම විද්යුත් තැපැල් සේවාදායකයා සහ සෑම විද්යුත් තැපැල් සේවාදායකයාගේ සෑම අනුවාදයක්ම වෙනස් ලෙස ක්රියා කරයි. සමහරක් CSS, බාහිර අකුරු සහ නවීන HTML වලට ගරු කරනු ඇත. තවත් සමහරක් පේළිගත හැඩගැන්වීම් වලට ගරු කරයි, අකුරු එකතුවක් පමණක් ප්‍රදර්ශනය කරයි, සහ මේසය මත පදනම් වූ ව්‍යුහයන් හැර අන් සියල්ල නොසලකා හරිනු ඇත. ඇත්තටම මේ වෙලාවේ කවුරුවත් මේ ප්‍රශ්නය ගැන ක්රියා නොකිරීම හරිම විහිළුවක්. එහි ප්‍රතිඵලයක් වශයෙන්, ගනුදෙනුකරුවන් සහ උපාංග හරහා අඛණ්ඩව ලබා දෙන සැකිලි සැලසුම් කිරීම විශාල ව්‍යාපාරයක් බවට පත් වී ඇති අතර එය තරමක් මිල අධික විය හැකිය.
- ඊමේල් සේවාලාභී ආරක්ෂාව - මේ සතියේ යන්තම්, Apple Mail ඊමේල් තුළ අන්තර්ගත නොවන පෙරනිමියෙන් HTML ඊමේල්වල ඇති සියලුම පින්තූර අවහිර කිරීමට යාවත්කාලීන කරන ලදී. ඔබ ඔවුන්ට වරකට විද්යුත් තැපෑලක් පූරණය කිරීමට අවසර දෙන්න, නැතහොත් මෙම සැකසීම අක්‍රිය කිරීමට සැකසීම් සබල කිරීමට සිදුවේ. විද්යුත් තැපැල් සේවාලාභී ආරක්ෂක සැකසුම් සමඟ, ආයතනික සැකසුම් ද ඇත.
- තොරතුරු තාක්ෂණ ආරක්ෂාව - ඔබගේ තොරතුරු තාක්ෂණ කණ්ඩායම ඊමේල් එකකින් සත්ය වශයෙන්ම ඉදිරිපත් කළ හැකි වස්තු මොනවාද යන්න පිළිබඳව දැඩි නීති රීති යෙදවිය හැක. ඔබේ පින්තූර, උදාහරණයක් ලෙස, සංස්ථාපිත ෆයර්වෝලයක් තුළ සුදු ලැයිස්තුගත කර නොමැති විශේෂිත වසමකින් පැමිණේ නම්, පින්තූර හුදෙක් ඔබේ විද්යුත් තැපෑලෙහි නොපෙන්වයි. සමහර අවස්ථාවලදී, අපට ඊමේල් සංවර්ධනය කිරීමටත්, ඔවුන්ගේම සේවකයින්ට පින්තූර බැලීමට හැකි වන පරිදි සංස්ථාවේ සේවාදායකයේ සියලුම පින්තූර සංග්‍රහ කිරීමටත් සිදු විය.
- විද්යුත් තැපැල් සේවා සපයන්නන් - කාරණා වඩාත් නරක අතට හැරීම සඳහා, ඊමේල් සේවා සපයන්නන් විසින් ඊමේල් සාදන්නන් (ESPs) ඒවා සීමා කරනවාට වඩා ඇත්ත වශයෙන්ම ගැටළු හඳුන්වා දීම. ඔවුන් ප්‍රවර්ධනය කරන අතරතුර ඔවුන්ගේ සංස්කාරක වේ ඔබ දකින දේ ඔබට ලැබෙන දෙයයි (ාරක), ඊමේල් නිර්මාණය සමඟ ප්රතිවිරුද්ධය බොහෝ විට සත්ය වේ. ඔබ ඔවුන්ගේ වේදිකාවේ විද්යුත් තැපෑල පෙරදසුන් කරනු ඇත, එවිට ඊමේල් ලබන්නා සියලු ආකාරයේ නිර්මාණ ගැටලු දකියි. සමාගම් බොහෝ විට නොදැනුවත්වම අගුලු දැමූ සංස්කාරකයක් වෙනුවට විශේෂාංගවලින් පොහොසත් සංස්කාරකයක් තෝරා ගන්නේ එකක් අනෙකට වඩා වැඩි විශේෂාංග ඇති බව සිතමිනි. ප්‍රතිවිරුද්ධ දෙය සත්‍යයකි... ඔබට සියලුම විද්යුත් තැපැල් සේවාලාභීන් හරහා අඛණ්ඩව ලබා දෙන විද්යුත් තැපැල් අවශ්‍ය නම්, අඩුවෙන් වැරදි විය හැකි බැවින් සරල වන තරමට වඩා හොඳය.
- විද්යුත් තැපැල් සේවාලාභී විදැහුම්කරණය - ඊමේල් සේවාලාභීන් සිය ගණනක් ඇත, ඒ සෑම එකක්ම ඩෙස්ක්ටොප්, යෙදුම්, ජංගම සහ වෙබ්මේල් සේවාලාභීන් හරහා වෙනස් ලෙස HTML විදැහුම් කරයි. ඔබගේ විද්යුත් තැපැල් සේවා සපයන්නා මත ඇති ඔබගේ nifty text editor හට ඔබගේ විද්යුත් තැපෑලෙහි ශීර්ෂයක් තැබීමට සැකසුමක් තිබිය හැකි අතර... සෑම විද්යුත් තැපැල් සේවාලාභියෙකු මත පිරවුම්, මායිම්, රේඛා-උස සහ අකුරු ප්‍රමාණය වෙනස් විය හැක. එහි ප්‍රතිඵලයක් වශයෙන්, ඔබට HTML නිශ්ශබ්ද කර සෑම මූලද්‍රව්‍යයක්ම වෙනස් ලෙස කේතනය කිරීමට සිදුවේ (පහත උදාහරණය බලන්න) - සහ බොහෝ විට විද්යුත් තැපැල් සේවාලාභියාට විශේෂිත වූ ව්‍යතිරේකවල ලිවීමට - ස්ථාවර ලෙස විදැහුම් කිරීමට විද්යුත් තැපෑලක් ලබා ගැනීමට. සරල බ්ලොක් වර්ග නොමැත, ඔබ විසින් වසර තිහකට පෙර වෙබය සඳහා ගොඩනැගීමට සමාන මේසය මත ධාවනය වන පිරිසැලසුම් කළ යුතුය. ඕනෑම නව පිරිසැලසුමක් සංවර්ධනය කිරීම සහ හරස් ඊමේල් සේවාදායකයා සහ උපාංග පරීක්ෂා කිරීම යන දෙකම අවශ්‍ය වන්නේ එබැවිනි. ඔබේ එන ලිපි තුළ ඔබ දකින දේ මම මගේ එන ලිපි තුළ දකින දෙයට සම්පූර්ණයෙන්ම වෙනස් විය හැකිය. වැනි විදැහුම්කරණ මෙවලම් වන්නේ එබැවිනි අම්ලය පිළිබඳ විද්යුත් තැපෑල or ලිට්මස් ඔබගේ නව නිර්මාණ සියලුම විද්යුත් තැපැල් සේවාලාභීන් හරහා ක්රියා කිරීම සහතික කිරීමට අත්‍යවශ්‍ය වේ. මෙන්න ජනප්‍රිය විද්යුත් තැපැල් සේවාලාභීන්ගේ කෙටි ලැයිස්තුවක් සහ ඔවුන්ගේ විදැහුම්කරණ යන්ත්‍ර:
- Apple Mail, Outlook for Mac, Android Mail සහ iOS Mail භාවිතය වෙබ්Kit.
- Outlook 2000, 2002 සහ 2003 භාවිතය Internet Explorer.
- Outlook 2007, 2010 සහ 2013 භාවිතය Microsoft Word (ඔව්, වචනය!).
- Webmail සේවාලාභීන් ඔවුන්ගේ බ්‍රවුසරයේ අදාළ එන්ජිම භාවිතා කරයි (උදාහරණයක් ලෙස, Safari WebKit භාවිතා කරන අතර Chrome Blink භාවිතා කරයි).
Web 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>විද්යුත් තැපෑල නිර්මාණ ගැටළු වළක්වා ගන්නේ කෙසේද?
යහපත් ක්‍රියාවලියක් අනුගමනය කිරීමෙන් විද්යුත් තැපැල් සැලසුම් ගැටළු මඟහරවා ගත හැක:
- සැකිලි නිර්මාණය - ඔබේ විද්යුත් තැපැල් නිර්මාණ තුළ ඔබට කවදා හෝ නිෂ්පාදනය කිරීමට අවශ්‍ය සෑම මෝස්තරයක්ම ඇතුළත් වන විවිධ පිරිසැලසුම් සහ අන්තර්ගත කොටස් සහිත අච්චුවක් සාදන්න. අපි සේවාදායකයකු ක්රියාත්මක කරන විට, අපි සෑම විටම ඔවුන් වෙත තල්ලු කරමු අනාගතය සඳහා විද්යුත් තැපෑලක් සැලසුම් කරන්න - යවන ඊළඟ ඊමේල් ව්‍යාපාරය පමණක් නොවේ. එමගින් අපට අවශ්‍ය ප්‍රතිකර්ම සම්පූර්ණයෙන්ම සැලසුම් කිරීමට, සංවර්ධනය කිරීමට, පරීක්ෂා කිරීමට සහ ක්රියාත්මක කිරීමට හැකිය කලින් ඔවුන් කවදා හෝ එම පළමු ඊමේල් යවයි.
- ආකෘති පරීක්ෂාව - ඔබගේ ග්‍රාහකයින් භාවිතා කරන විද්යුත් තැපැල් සේවාදායකයන් අවබෝධ කර ගැනීම සහ ඕනෑම අච්චුවක් යෙදවීමට පෙර ඔබගේ HTML විද්යුත් තැපෑල ජංගම සහ ඩෙස්ක්ටොප් හරහා සම්පුර්ණයෙන්ම පරීක්ෂා කර ඇති බව සහතික කිරීම ඉතා වැදගත් වේ. අපට ෆොටෝෂොප් පිරිසැලසුමකින් වචනාර්ථයෙන් විද්යුත් තැපෑලක් සැලසුම් කළ හැක… නමුත් එය මේසය මත ක්රියාත්මක වන, හරස් විද්යුත් තැපැල් සේවාලාභියා බවට පත් කිරීම ප්‍රශස්ත සහ ස්ථාවර විද්යුත් තැපැල් සැලසුම් යෙදවීමට අත්‍යවශ්‍ය වේ.
- අභ්යන්තර පරීක්ෂණය - ඔබේ අච්චුව සැලසුම් කර පරීක්ෂා කළ පසු, එය සමාලෝචනය කිරීමට සහ අනුමත කිරීමට සංවිධානය තුළ අභ්යන්තර බීජ ලැයිස්තුවකට යැවිය යුතුය. ඊමේල් අභ්‍යන්තරව විදැහුම්කරණයට සම්බන්ධ ෆයර්වෝල් හෝ ආරක්ෂක ගැටලු නොමැති බව පළමුව සහතික කර ගැනීම සඳහා ඔබට ඉතා සීමිත පුද්ගලයන්ගෙන් ආරම්භ කිරීමට අවශ්‍ය විය හැකිය. මෙය නව විද්යුත් තැපැල් සේවා සපයන්නෙකු මත උදාහරණයක් ගොඩනඟන්නේ නම්, ඔබගේ විද්යුත් තැපෑල එන ලිපි වෙත යැවීමට සම්බන්ධ සමහර පෙරීමේ හෝ අවහිර කිරීමේ ගැටළු පවා ඔබට සොයා ගත හැක.
- සැකිලි අනුවාදනය – සැලසුම් කළ හැකි, නිසි ලෙස පරීක්ෂා කළ හැකි සහ යෙදවිය හැකි ඔබේ අච්චුවේ නව අනුවාදයක් මත වැඩ නොකර ඔබේ පිරිසැලසුම් හෝ මෝස්තර වෙනස් නොකරන්න. බොහෝ ව්‍යාපාර සෑම ව්‍යාපාරයක් සඳහාම තනි මෝස්තර වලට ප්‍රිය කරයි… නමුත් ඒ සඳහා සෑම විද්යුත් තැපෑලක්ම සැලසුම් කිරීම, සංවර්ධනය කිරීම සහ එක් එක් ව්‍යාපාරය සඳහා යෙදවීම අවශ්‍ය වේ. මෙය අභ්යන්තර විද්යුත් තැපැල් අලෙවිකරණ ක්‍රියාවලියට ටොන් ගණනක් එකතු කරයි. තවද, ඔබගේ විද්යුත් තැපෑලෙහි ඇති මූලද්‍රව්‍ය මොනවාද යන්න නොතේරෙන මූලද්‍රව්‍යවලට වඩා හොඳින් ක්‍රියාකරයි. අනුකූලතාව ක්‍රියාවලිය පහසු කිරීමට මාර්ගයක් පමණක් නොවේ, එය ඔබගේ ග්‍රාහකයින්ගේ හැසිරීමටද වැදගත් වේ.
- ඊමේල් සේවා සපයන්නාගේ ව්යතිරේක - සෑම විද්යුත් තැපැල් සේවා සපයන්නෙකුටම පාහේ ඔවුන්ගේ විද්යුත් තැපැල් සාදන්නා විසින් හඳුන්වා දෙන ගැටළු සම්බන්ධයෙන් ක්රියා කිරීමේ මාධ්‍යයක් ඇත. අපට බොහෝ විට ගිණුමකට අමු CSS එක් කළ හැකිය - නැතහොත් සෑම විද්යුත් තැපෑලකම අන්තර්ගත කළ යුතු අන්තර්ගත අවහිරයක් පවා තිබිය හැක - සමාගමට සාදන ලද විද්යුත් තැපැල් සංස්කාරකය භාවිතා කිරීමට සහ එය ඔබේ විද්යුත් තැපෑලෙහි සැලසුම බිඳ නොදැමීමට. ඇත්ත වශයෙන්ම, ඒවාට අනුකූල වන බව සහතික කිරීම සඳහා එම පියවරයන් යෙදවීමට යම් පුහුණුවක් සහ ක්‍රියාවලි පාලනයක් අවශ්‍ය විය හැකිය. නැතහොත් - ඔබට වචනාර්ථයෙන් ඔබේ ඊමේල් සැලසුම සේවාලාභීන් සහ උපාංග හරහා ක්රියා කරන බව ඔප්පු කර ඇති විසඳුමකින් සංවර්ධනය කිරීමට අවශ්‍ය විය හැකිය, ඉන්පසු එය ඔබේ විද්යුත් තැපැල් සේවා සපයන්නා වෙත නැවත අලවන්න.
ඊමේල් නිර්මාණ වේදිකා
විද්යුත් තැපැල් සේවා වේදිකා හරස් සේවාලාභීන් සහ හරස් උපාංග අඛණ්ඩව විදැහුම් කරන ලද තනන්නන් ගොඩනැගීම සහ නඩත්තු කිරීමේදී දුර්වල කාර්යයක් කර ඇති නිසා, විශිෂ්ට වේදිකා ගණනාවක් වෙළඳපොළට පැමිණ ඇත. අපි බහුලව භාවිතා කළ එකක් ස්ට්‍රිපෝ.
Stripo යනු විද්යුත් තැපැල් සාදන්නෙකු පමණක් නොවේ, ඔවුන්ට පහසුවෙන් ආනයනය කළ හැකි සැකිලි 900 කට අධික පුස්තකාලයක් ද ඇත. ඔබ විද්යුත් තැපෑල සැලසුම් කළ පසු, ඔබට ඊමේල් 60+ ESPs වෙත සහ ඊමේල් සේවාලාභීන් ඇතුළුව ඊමේල් කළ හැක මයිචිම්ම්, HubSpot, Campaign Monitor, AWeber, eSputnik, Outlook, සහ Gmail. සියලුම Stripo සැකිලි හොඳම ඒවා ඊමේල් විදැහුම්කරණ පරීක්ෂණ ඇතුළත් කර ඇති අතර එමඟින් ඔබට ඒවා පරීක්ෂා කර ඇති බව සහතික කර ගැනීමට සහ විද්යුත් තැපැල් සේවාලාභීන් 40 කට අධික සංඛ්‍යාවක් හරහා අඛණ්ඩව ක්රියා කළ හැකිය.
Stripo Editor Demo වෙත පිවිසෙන්න
අනාවරණය: මම මගේ වෙත සම්බන්ධ කරමි අලෙවිකරණ උපදේශන සමාගම ඕනෑම විද්යුත් තැපැල් සේවා සපයන්නෙකු තුළ ප්‍රමුඛ පෙළේ සන්නාම සඳහා හරස්-සේවාදායක විද්යුත් තැපැල් සැලසුම් සහ යෙදවීම. මමත් අනුබද්ධ ආයතනයක් ස්ට්‍රිපෝ සහ මම මෙම ලිපියේ මගේ සබැඳිය භාවිතා කරමි.
