ComputereProgrammering

Sådan opretter HTML-e-mail: trin for trin guide

Postlister er en vigtig del af marketing kampagner. Opret e-mail om dem på mange måder ligner udvikling af enkle websider. Samtidig skal det tage hensyn til nogle vigtige forskelle. Især vil sende HTML-mails være effektive, hvis de er lavet korrekt i teknisk forstand, og deres indhold og stil opfylde dine mål. I dette tilfælde er der en opfattelse af, at en lægmand ikke kan klare denne opgave. Denne artikel indeholder detaljerede trin for trin instruktioner, hvordan man skriver og hvordan du sender HTML-e-mail.

Funktioner af skabelse

Det moderne menneske modtager dagligt et gennemsnit på 5-6, og nogle gange op til 10 e-mails. Det betyder, at du kun har mindre end et sekund, for at have tid til at henlede opmærksomheden på modtageren, før den går til læsning af den følgende korrespondance. Ellers vil dine sende HTML-mails være fuldstændigt ineffektive, og du bare spildt tid.

En af nuance, der øger dine chancer for at tiltrække sig opmærksomhed fra potentielle kunder eller andre målgruppe er oprettelsen af korrespondance, der er tilpasset til mobile enheder. Efter alt, de fleste af dem, den er rettet til at se e-mail, sandsynligvis bruge dem oftere end stationære computere og bærbare computere.

For kan bruges dette formål, for eksempel "lydhør design" nemt tilpasser sig skærmens størrelse.

Hvad skal være brevskabelonen

Når dokumentets layout, beregnet til at sende korrespondenter, skal overholde følgende krav:

  • Det bør gøres ganske smal, dvs.. E. størrelse må ikke overstige intervallet 500-600 pixels, der giver den korrekte visning af tekst og andet indhold på enheder af enhver type.
  • Du skal bruge en stor nok skrifttype til al tekst oplysninger samt iOS-enhed HTML-mailen vil være ubehageligt at læse, hvis skriftstørrelsen på mindst 13 pixels.
  • Elementer, som du kan klikke på for at gøre, skal være stort nok og isoleret fra de nærmeste forbindelser. I dette tilfælde kan modtageren nemt aktivere dem i første forsøg.

uddannelse

Før udviklingen af HTML-brev, skal du oprette et af drevene en ny mappe og navngive det, for eksempel, "Nyheder". Desuden skal du downloade og installere Dreamweaver CS3-softwaren. Dette produkt fra Adobe er en forholdsvis simpelt værktøj design hjemmesider og er velegnet til udvikling af en mailing bogstaver i HTML-format.

Opret og gemme et dokument

Før du skriver teksten i brevet, skal du:

  • åbner ganske populære program-designer HTML-emails Dreamweaver CS3 (DW);
  • oprette et dokument ved at vælge en form for "Transition HTML 4.01»;
  • gemme filen med endelsen «.html»;
  • i hovedmenuen for at finde den redigeringskommando;
  • fjerne fluebenet fra check-boksen "Brug CSS i stedet for tag HTML».

Trinvis guide

Lad os nu se, hvordan du opretter HTML-e-mail. For at gøre dette:

  • Konsekvent åbne fanen "Indsæt" menuen og "Tabel" og udsætte de nødvendige parametre for tabellen. For eksempel linjen - 2 kolonner - 1, Bredde - 700, header - toppen. Grænserne kan indstilles, og du kan undvære dem, at angive 0.
  • Form brevhovedet. Siden HTML-brev beregnet til et større antal modtagere, så brug operatøren [first_name], at erstatte navnet på den ønskede modtager.
  • I det nederste vindue, "Egenskaber" sætte de nødvendige parametre for skrifttype, størrelse og farve af titlen tekst og baggrundsfarve.
  • "Exit" fra overskriftsfelt. I bunden af skærmen for at flytte markøren put-optioner "Centreret" og "I midten."
  • Sæt forberedt tekstbesked eller "skrive" det lige i DW-programmet ved at vælge type og skriftstørrelse, og justering af teksten på siden.

Oprettelse hypertekst links

Vi vil forsøge at gøre HTML-brev mere professionel og avanceret. Med dette mål for skjul indhold hyperlinks. For at gøre dette, skal du vælge det sted i teksten, der blev valgt som et hypertekst-link. I venstre hjørne skal være "åben" det relevante ikon og indsætte et link fra drop boksen øverst på skærmen. I dette tilfælde, så glem ikke at sætte et flueben i check-boksen «_blank», for at åbne linket i et nyt vindue, og modtageren efter showet har ikke mistet adgang til de vigtigste bogstav.

Hvordan til at indsætte billeder

Normalt et brev i HTML-format fuldender kontaktoplysninger, helst med et foto af forfatteren eller relevante tematiske billede. Det kan downloades fra internettet eller ved at downloade på internettet, da du skal bruge webadressen på billedet. Dette gøres bedst ved en af de gratis tjenester.

At udstede sådan en dejlig slutning:

  • indsat i bunden af meddelelsen, i en anden base tabel 3 og kolonner 0 parameter for grænsen pixels;
  • sætte markøren i tabellen, hvor de ønsker at se billedet;
  • i det nederste vindue, "middle" og "øvre kant" for hver sektion;
  • vælge fra topmenuen "Indsæt" fanen;
  • klikker på indskriften "Image" i popup-menuen, indsætte den kopierede kontaktadresse;
  • tryk «OK» 2 gange.

gennemgang

Nu hvor du ved, hvordan du gør HTML-brev, bør du sørge for, at modtageren vil se det i den rigtige form. Til dette formål, før du sender du ønsker at se dit arbejde i Dreamweaver CS3 browser. For at gøre dette, skal du klikke på ikonet med en globus i topmenu midten. Hvis i stedet for breve dukkede op på skærmen, abracadabra, bør du sætte i din browser-indstillinger avtokodirovku.

koder

Fra afsnittet "Project" og gå til koden del - "Kode". I det vindue, der adskilte og kopiere alt, der ligger mellem de tags og . Gem filen. Dernæst indsætte HTML-koden.

Sende HTML-e-mails

For at gøre mailen åben "Smartresponder" (SR). derefter:

  • vælge eller oprette en ny e-mail ved at udfylde strengen "navn" og "tage fat på afsenderen."
  • fyld line "tema af bogstavet";
  • i øverste venstre menu HTML-kode;
  • kode kopieret til programmet DW-kode i et stort felt "Source";
  • kontrollere rigtigheden af display hjælp af et værktøj "Eksempel";
  • Sletter tekst version af bogstavet;
  • teste det for spam, ved hjælp af den relevante knap ved siden af "Send" knappen.

Adskillige populære skabeloner

Ved hjælp af en ramme hjælper til at fremskynde processen med at skrive og gøre den mere tilgængelig for bygherren, som kun har forstår det grundlæggende i at skabe web-dokumenter. De mest populære mønstre:

  • Cerberus. Dette sæt af såkaldte responsive skabeloner til at oprette breve, der normalt vises i en mobilapplikation Gmail og i Outlook. Det giver dig mulighed for at bruge HTML-kode blokke, enten alene eller ved at kombinere dem.
  • Ink - er at høste e-mails, forsendelser, som er næsten universel og kompatibelt med alle enheder og klienter.
  • Virkelig simpel HTML e-mail skabelon. Skabelonen kan du oprette mailing breve er meget nemt og hurtigt. Dog vil de have en meget enkelt design i form af en søjle, der trådte i en opfordring til handling.

Sådan indsættes HTML i en

Lad os nu betragte en lidt anderledes problem. For at indsætte HTML-kode i en e-mail, for eksempel gmail hjælp, som i eksemplet nedenfor, Google Chrome-browseren, skal du:

  • klik på knappen «F12», eller vælge den passende sekvens af kommandoer i menuen;
  • i det åbne vindue til kundens aktuelle tegntabel gmail finde et sted, hvor der skal indsættes i HTML-brev, at højreklikke og vælge «Rediger HTML».
  • indsæt HTML-koden;
  • trykke på en kombination af to nøgler «Ctrl» og «Enter».

Til samme formål kan du downloade nem at ispolzovnii Mozilla Thunderbird programmet. Med det kan du oprette et bogstav, så først vælge "Indsæt" og derefter "HTML" og indsæt på din adresseliste kode.

instrumenter

Vordpressovsky e-nyhedsbrev plugin giver dig mulighed for at professionelt håndtere nyhedsbreve og abonnenter. Og og derefter, og en anden sker direkte via WordPress admin panel. Denne omstændighed giver fuldstændig kontrol og helt gratis, som ikke kan, men glæde sig.

En anden simpel værktøj - Bulletproof baggrundsbilleder, som er et simpelt værktøj, der giver dig mulighed for at få koden til baggrundsbilledet skabt af bogstaverne. Det kan hjælpe dig med at få korrespondance smukkere. Til registrering af brevet skal blot indtaste webadressen på baggrundsbilledet du kunne lide og reserve farven, og om disse parametre anvendes til hele kroppen af HTML-mails, eller de er kun beregnet til én af tabelceller. Resultatet er en færdig kode, som du ønsker at kopiere og indsætte i din skabelon.

Nu hvor du ved, hvordan du sender HTML-e-mail. Dens skabelse er ikke specielt svært, især hvis du bruger færdige skabeloner, hvor nettet er ingen mangel. Derfor, selv dem, der ikke har særlig viden, kan nemt klare denne opgave.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 da.unansea.com. Theme powered by WordPress.