Iimayl Suuqgeynta & Automation-kaFiidiyowyada Suuqgeynta & Iibka

Fahamka Caqabadaha (iyo Niyad-xumada) ee Naqshadeynta Iimaylka HTML

If you open up a content management system to build web pages, it’s a pretty simple process. Modern web browsers support HTML, CSS, and JavaScript to strict web standards. And they’re just a handful of browsers that designers need to worry about. There are exceptions, of course… and some simple workarounds or functions specific to those browsers.

Because of the overall standards, it’s straightforward to develop page builders in content management systems. Browsers comply with HTML5, CSS, and JavaScript… and developers can build incredibly robust solutions to create web pages that are responsive to devices and consistent across browsers. Two decades ago, virtually every web designer used desktop software to develop web pages. Now, it’s pretty uncommon for a web designer to develop a web page – more often than not, they’re developing templates and using editors in content systems to fill in the content. Website editors are fantastic.

Laakiin tifaftirayaasha iimaylka ayaa si xun uga dambeeya. Waa kan sababta…

Nakhshadeynta iimaylada HTML aad ayey uga adag tahay marka loo eego mareegaha

If your company wants a beautiful HTML email designed, the process is exponentially more complex than building out a web page for several reasons:

  • Heerarka Malaha – There is NO strict adherence to web standards by email clients that display HTML email. Virtually every email client and every version of every email client acts differently. Some will honor CSS, external fonts, and modern HTML. Others honor some inline styling, only display a collection of fonts, and ignore everything but table-driven structures. It’s quite ridiculous that no one is working on this issue. As a result, designing templates that render across clients and devices consistently has become big business and can be quite expensive.
  • Iimayl Badbaadada Macmiilka – Recently, Apple Mail updated to block all images in HTML emails by default that are not embedded in the email. You either give permission to load them an email at a time or have to enable the settings to disable this setting. Along with email client security settings, there are also corporate settings.
  • Amniga IT - Kooxdaada IT-ga waxaa laga yaabaa inay dejiyaan shuruuc adag oo ku saabsan shayyada dhabta ah ee lagu bixin karo iimaylka. Haddii sawiradaadu, tusaale ahaan,, ay ka yimaaddaan xayndaab gaar ah oo aan ku jirin liiska dab-damiska ee shirkadda, sawiradu si fudud kama soo bixi doonaan iimaylkaaga. Mararka qaarkood, waxa aanu ku qasbanahay in aanu horumarino iimaylka oo aanu martigelino dhammaan sawirada server-ka shirkadda si shaqaalahooda ay u arkaan sawirada.
  • Email Bixiyeyaasha Adeegga - Waxaa ka sii daran, email-dhisayaasha adeeg bixiyayaasha iimaylka ah (gaar ahaans) actually introduce problems rather than constrain them. While they promote their editor is What You See Is What You Get (WYSIWYG), the opposite is often true with email design. You’ll preview the email in their platform, and the recipient will see all the design problems. Companies often unknowingly opt for a feature-rich editor instead of a locked-down one, thinking one has more features. The opposite is true… if you want emails that render consistently across all email clients, the simpler, the better, because less can go wrong.
  • Samaynta macmiilka iimaylka – Hundreds of email clients render HTML differently across desktops, apps, mobile devices, and webmail clients. While your nifty text editor on your email service provider may have a setting to put a heading in your email, the padding, margins, line height, and font size may differ for every email client. As a result, you have to dumb down the HTML and code every single element differently (see the example below) – and often write in exceptions that are email client-specific – to get an email to render consistently. There’s no simple block types, you have to do table-driven layouts that are the equivalent of building for the web thirty years ago. It’s why any new layout requires both development and cross-email client and device testing. What you see in your inbox may be totally different what I see in my inbox. That’s why rendering tools like Iimayl ku On Acid or Litmus Waa waajib si loo hubiyo in naqshadahaaga cusub ay ka shaqeeyaan dhammaan macaamiisha iimaylka. Waa kuwan liis gaaban oo ah macaamiisha iimaylka caanka ah iyo matoorada wax-qabadkooda:
    • Apple Mail, Outlook for Mac, Android Mail iyo IOS Mail isticmaalka Webkit.
    • Isticmaalka Muuqaalka 2000, 2002 iyo 2003 Internet Explorer.
    • Isticmaalka Muuqaalka 2007, 2010 iyo 2013 Microsoft Word (Haa, Eray!).
    • Macaamiisha Webmailku waxay isticmaalaan mishiinka browserka ay u kala horreeyaan (tusaale, Safari waxay isticmaashaa WebKit iyo Chrome waxay isticmaashaa Blink).

Tusaalaha HTML ee Shabakadda Vs. iimaylka

Haddii aad rabto tusaale muujinaya kakanaanta naqshadaynta iimaylka iyo shabakada, halkan waxaa ah tusaale ugu fiican maqaalka Mailbakery 19 Farqiga Wayn ee udhaxeeya iimaylka iyo HTML Webka:

Email HTML

We must build a series of tables incorporating all the inline styling necessary to place the button properly and ensure it looks good across email clients. An accompanying style tag will also be at the top of this email to incorporate the classes.

<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>

Web HTML

Waxaan u isticmaali karnaa xaashida qaab dibadda ah oo leh fasallo si aan u qeexno kiiska, toosinta, midabka, iyo cabbirka summada barroosinka oo u muuqda badhan ahaan.

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

Sida Looga Fogaado Arrimaha Naqshadaynta Emailka

Arrimaha naqshadaynta iimaylka waxaa lagaga badbaadi karaa iyadoo la raaco habraac hufan:

  1. Tijaabinta Qaababka – Understanding the email clients your subscribers utilize and ensuring that your HTML email is fully tested across mobile and desktop is critical before deploying any template. We can design an email literally from a Photoshop layout… but slicing and dicing it into a table-driven, cross-email client is essential to deploying email designs that are optimal and consistent.
  2. Imtixaanka Guddaha - Marka qaab-dhismeedkaaga la qaabeeyo oo la tijaabiyo, waa in loo diraa liiska abuurka gudaha ee ururka si loo eego oo loo ansixiyo. Waxaa laga yaabaa inaad xitaa rabto inaad ku bilowdo shaqsiyaad aad u kooban si aad marka hore u hubiso inaysan jirin dab-damis ama arrimo amni oo la xidhiidha samaynta iimaylka gudaha. Haddii tani ay dhisayso tusaale bixiyaha adeegga iimaylka cusub, waxa laga yaabaa inaad xitaa hesho qaar shaandhaynta ama xannibaadda arrimaha la xidhiidha xataa helitaanka iimaylkaga sanduuqa-galka.
  3. Qaabka qaabaynta – Ha beddelin qaab-dhismeedkaaga ama naqshadayntaada adigoon ku shaqayn nooc cusub oo template-kaaga ah kaas oo la qaabayn karo, si sax ah loo tijaabin karo, loona diri karo. Ganacsiyo badan ayaa jecel naqshado hal mar ah olole kasta… laakiin taasi waxay u baahan tahay iimayl kasta in la qaabeeyo, la horumariyo, oo la geeyo olole kasta. Tani waxay ku daraysaa waqti aad u badan habka suuq-geynta iimaylka gudaha. Oo, waxaad halis u tahay inaadan fahmin waxyaabaha ku jira iimaylkaagu si fiican u shaqeynayaan marka loo eego waxyaabaha aan ahayn. Joogteynta ma aha oo kaliya dariiqa lagu fududeynayo habka, sidoo kale waxay muhiim u tahay hab-dhaqanka macaamiishaada.
  4. Ka Reeban Bixiyaha Adeegga iimaylka - Dhab ahaantii bixiye kasta oo adeeg iimayl ah wuxuu leeyahay habab uu kaga shaqeeyo arrimaha uu soo bandhigo email-dhisahooda. Waxaan badiyaa ku dari karnaa CSS cayriin koontada - ama xitaa waxaan haysanaa baloog nuxur ah oo ay tahay in lagu daro email kasta - si shirkadu u isticmaasho tifaftiraha iimaylka ku dhex jira oo aysan u jabin naqshadda iimaylkaaga. Dabcan, taasi waxay u baahan kartaa xoogaa tababar ah iyo kontorool habka si loo geeyo tillaabooyinkaas si loo hubiyo in loo hoggaansamay. Ama - waxaa laga yaabaa inaad dhab ahaantii rabto inaad horumariso naqshadda iimaylka ee xalka la xaqiijiyay inuu ka shaqeeyo dhammaan macaamiisha iyo aaladaha, ka dibna dib ugu dheji bixiyaha adeegga emailkaaga.

Iimayl Naqshad Platforms

Sababtoo ah aaladaha adeegga iimaylka ayaa sameeyay shaqo liidata xagga dhisidda iyo ilaalinta macaamiisha isdhaafsan iyo aaladaha si joogto ah wax u dhisa, tiro ka mid ah aaladaha waaweyn ayaa suuqa u yimid. Mid aan aad u isticmaalnay ayaa ah Stripo.

Stripo kaliya maaha email-dhise, waxay sidoo kale haystaan ​​maktabad ka badan 900 oo qaab oo si fudud loo soo dejin karo. Markaad naqshadayso iimaylka, waxaad iimaylka u diri kartaa 60+ ESPs, iyo iimaylka macaamiisha, oo ay ku jiraan Intuit Mailchimp, HubSpot, Kormeerka Ololaha, AWeber, eSputnik, Muuqaalka, Iyo Gmail. Best of all Stripo templates come with the email rendering tests included so you can ensure they’ve been tested and work consistently across over 40 email clients.

Soo gal Tifaftiraha Stripo Demo

Douglas Karr

Douglas Karr waa CMO INSIGHTS iyo aasaasihii Martech Zone. Douglas waxa uu caawiyay daraasiin guulo bilaabay MarTech, waxa uu ka caawiyay dadaalka saxda ah ee ka badan $5 bilyan ee iibsiga iyo maalgashiga Martech, waxana uu sii wadaa in uu ka caawiyo shirkadaha hirgelinta iyo habaynta xeeladahooda iibka iyo suuqgeynta. Douglas waa isbeddel dhijitaal ah oo caalami ah oo la aqoonsan yahay iyo khabiir MarTech iyo afhayeenka. Douglas sidoo kale waa qoraa la daabacay ee hagaha Dummie iyo buug hogaaminta ganacsiga.

Qodobbo la xiriira

Gadaal u laab
Close

Adblock waa la ogaaday

Martech Zone wuxuu awoodaa inuu ku siiyo macluumaadkan lacag la'aan sababtoo ah waxaanu ka galnay boggayaga dakhliga xayaysiiska, xidhiidhada xiriirka, iyo kafaalaqaadyada. Waanu qadarin lahayn haddii aad ka saari lahayd xannibaadahaaga xayaysiisyada markaad aragto boggayaga.