Miten luoda HTML-sähköposti: askel askeleelta opas

Postituslistat ovat tärkeä osa markkinointikampanjoita. Luo sähköpostit monella tavalla se muistuttaa yksinkertaisten Web-sivuja. Samalla se olisi otettava huomioon joitakin tärkeitä eroja. Erityisesti lähettämiseen HTML-sähköposteja on tehokas vain, jos ne on tehty oikein teknisessä mielessä, ja niiden sisällön ja tyylin saavuttamaan tavoitteesi. Tässä tapauksessa on olemassa käsitys, että maallikko ei voi selviytyä tästä tehtävästä. Tässä artikkelissa on yksityiskohtaisia askel askeleelta ohjeet, miten kirjoittaa ja miten voit lähettää HTML-sähköpostia.

Ominaisuudet luomisen

Moderni ihminen saa päivittäin keskimäärin 5-6, ja joskus jopa 10 sähköposteja. Tämä tarkoittaa sitä, että sinulla on vain alle sekunnin, on aikaa kiinnittää vastaanottajan, ennen kuin se menee lukemalla seuraava kirjeenvaihtoa. Muuten lähettämiseen HTML-sähköposteja on täysin tehoton, ja juuri ajanhaaskausta.

Yksi vivahde joka lisää mahdollisuuksiasi houkutella huomiota mahdollisten asiakkaiden tai muiden kohderyhmä on luoda kirjeenvaihtoa, joka on sovitettu mobiililaitteisiin. Loppujen lopuksi useimmat niistä, joille se on osoitettu Sähköpostin, luultavasti käyttää niitä useammin kuin pöytätietokoneisiin ja kannettaviin tietokoneisiin.

Tähän tarkoitukseen voidaan käyttää, esimerkiksi, "reagoivia" helposti mukautuu näytön koko.

Mikä olisi kirjemallipohjaan

Kun asiakirjan asetteluun, tarkoitus lähettää kirjeenvaihtajia, tulisi noudattaa seuraavia vaatimuksia:

• Olisi tehtävä melko kapea, eli. E. koko ei saa ylittää välillä 500-600 pikseliä, jotka tarjoavat oikean näytön tekstin ja muun sisällön laitteilla tahansa.
• Sinun täytyy käyttää riittävän suuri fontin koko tekstin tiedot sekä iOS-laitteen HTML-postia tulee epämiellyttävä lukea, jos fontin koko on vähintään 13 kuvapistettä.
• Seikkoja, joihin voit napsauttaa tehdä, tulisi olla riittävän suuri, ja eristettävä läheisimmät yhteydet. Tällöin vastaanottaja voi helposti aktivoida ne ensimmäisellä yrityksellä.

koulutus

Ennen kehitys HTML-kirjain, luo yksi asemista uusi kansio ja nimeä se esimerkiksi "News". Lisäksi sinun täytyy ladata ja asentaa Dreamweaver CS3-ohjelmisto. Tämä tuote Adobe on melko yksinkertainen työkalu suunnittelu verkkosivujen ja sopii hyvin kehittämiseksi postituksen kirjaimia HTML-muodossa.

Luo ja tallenna dokumentti

Ennen kuin kirjoittaa kirjeen tekstin, sinun täytyy:

• avaa varsin suosittu ohjelma-suunnittelija HTML-sähköposteja Dreamweaver CS3 (DW);
• luoda asiakirjan valitsemalla eräänlainen "Siirtyminen HTML 4.01»;
• Tallenna tiedosto, jonka pääte on «.html»;
• ylävalikosta löytää muokkauskomentoa;
• poista rasti pois valintaruutu "Käytä CSS sijasta tag HTML».

Askel askeleelta opas

Nyt Katsotaan miten luoda HTML-sähköpostin. Tätä varten:

• Johdonmukaisesti avaa välilehti "Lisää" ja "Table" ja altistaa tarvittavat parametrit taulukon. Esimerkiksi linja - 2 sarakkeet - 1, leveys - 700, otsikon - alkuun. Rajat voidaan asettaa, ja voit tehdä ilman niitä, täsmennetään 0.
• Muodostavat viestin otsikon. Koska HTML-kirjain tarkoitettu suurempi määrä edunsaajia, joten käytä operaattori [FIRST_NAME], korvata nimi haluamallesi vastaanottajalle.
• Alemmassa ikkunassa "Ominaisuudet" sietää tarvittavat parametrit fontin kokoa ja väriä otsikon tekstin ja taustan väri.
• "Lopeta" otsikosta kenttään. Alareunassa näytön siirrä kursori laittaa vaihtoehdot "Keskitetty" ja "keskellä."
• Aseta valmis tekstiviesti tai "kirjoittaa" se aivan DW ohjelmassa valitsemalla tyypin ja fonttikoon, ja suuntaus sivun tekstin.

Luomalla hypertekstilinkkejä

Yritämme tehdä HTML-kirjain ammattimaisempaa ja kehittyneet. Tämän tavoitteen piilottaa hyperlinkkejä. Voit tehdä tämän valitsemalla paikassa tekstiä, joka valittiin hypertekstilin-. Vasemmassa yläkulmassa on "avoin" asianmukaista kuvaketta ja aseta linkin pudotuslaatikkokansion yläosassa näytön. Tässä tapauksessa, älä unohda laittaa rasti-ruutuun «_blank», avata linkin uudessa ikkunassa, ja vastaanottaja keikan jälkeen ei ole menettänyt pääsy tärkeimpiin kirjeen.

Kuinka lisätä kuvia

Yleensä kirjeen HTML-muodossa täydentää yhteystiedot, mieluiten valokuvan tekijän tai asianomaisen temaattisen kuvan. Sen voi ladata Internetistä tai ladata Internetistä, koska tarvitset URL kuvaa. Tämä tapahtuu parhaiten yhteen ilmaisia palveluja.

Antaa niin kiva päättyy:

• työnnetään viestin loppuun, toiseen pohja taulukko 3 ja sarakkeet 0 parametri rajan pikselien;
• asettamalla osoitin taulukkoon, jossa he haluavat nähdä kuvan;
• merkki alemmassa ikkunassa, "keski" ja "yläreunan" kullekin osiolle;
• Valitse ylävalikosta välilehti "Lisää";
• Älä klikkaa merkintä "Kuva" ponnahdusvalikossa, kopioitu yhteystiedot;
• paina «Ok» 2 kertaa.

arvostelu

Nyt tiedät miten HTML-kirjain, sinun tulisi varmista, että vastaanottaja näkee sen oikeassa muodossa. Tätä varten ennen kuin se tekee haluat nähdä työsi Dreamweaver CS3 selaimessa. Voit tehdä tämän, klikkaa kuvaketta maapallo keskellä ylävalikosta. Jos kirjaimien sijasta ilmestyi ruudulle, abracadabra, sinun pitäisi laittaa selaimesi asetuksista avtokodirovku.

koodaus

Valitse "Project" osiossa ja siirry koodin osa - "Code". Ikkunassa erotettu ja kopioi kaiken välissä tunnisteet ja . Tallenna tiedosto. Seuraavaksi aseta HTML-koodia.

Lähettää HTML-sähköposteja

Jotta posti auki "Smartresponder" (SR). niin:

• valita tai luoda uuden sähköpostiviestin täyttämällä merkkijonon "nimi" ja "puututtava lähettäjälle."
• rajaan asti "teema kirjain";
• merkki vasemmassa yläkulmassa valikon HTML-koodia;
• upotuskoodi kopioidaan ohjelman DW-koodi suuri kentän "Lähde";
• tarkastettava, onko näytön työkalun avulla "esikatselu";
• Poistaa tekstiversio kirjeen;
• testata sitä roskapostin, käyttämällä asianmukaista vieressä "Lähetä" -painiketta.

Useita suosittuja malleja

Käyttämällä puitteet auttaa merkittävästi nopeuttaa kirjoittamista ja tekevät siitä helpommin kehittäjä, joka on vain ymmärtää perusasiat luoda web-asiakirjoja. Suosituin kuviot:

• Cerberus. Tämä joukko niin sanottuja herkkiä mallien avulla kirjeitä, normaalisti näkyvät mobiilisovellus Gmail ja Outlook. Sen avulla voit käyttää HTML-koodia lohkojen, joko yksinään tai yhdistämällä niitä.
• Muste - on sadonkorjuu sähköpostit, postitukset, jotka ovat lähes kaikki maailman ja yhteensopivia kaikkien laitteiden ja asiakkaille.
• Todella yksinkertainen HTML sähköpostimalli. Mallipohjan avulla voit luoda postitus kirjaimet ovat erittäin helppoa ja nopeaa. Kuitenkin niillä on hyvin yksinkertainen rakenne muodossa pylvään, joka tuli kehotus toimia.

Miten lisätä HTML osaksi

Tarkastellaan nyt hieman eri ongelma. Lisätä HTML-koodia sähköpostia, esimerkiksi Gmailiin, kuten alla olevassa esimerkissä, Google Chrome-selain, toimi seuraavasti:

• klikkaa painiketta «F12», tai valitsemalla sopiva komentojen sarjan valikosta;
• avoimen ikkunan asiakkaan nykyinen koodi sivu gmail löytää paikka, jossa lisätään HTML-kirjain, tee oikealla painikkeella ja valitse «Muokkaa HTML».
• liitä HTML-koodi;
• paina yhdistelmä kahta näppäintä «Ctrl» ja «Enter».

Samaan tarkoitukseen voit ladata helposti ispolzovnii Mozilla Thunderbird-ohjelman. Sen avulla voit luoda kirjeen, sitten valitse ensin "Lisää" ja sitten "HTML" ja liitä se postitus koodia.

välineet

Vordpressovsky -uutiskirje laajennuksen avulla voit ammattimaisesti hallita uutiskirjeitä ja tilaajille. Ja sitten, ja toinen on tehty suoraan WordPress admin paneeli. Tämä seikka antaa täydellisen hallinnan ja täysin ilmaiseksi, mikä ei voi olla iloita.

Toinen yksinkertainen työkalu - Bulletproof taustakuvista, joka on yksinkertainen työkalu, jonka avulla voit saada koodi taustakuvan luoma kirjaimilla. Se voi auttaa sinua tekemään kirjeenvaihdossa kauniimpi. Varten rekisteröintiä kirjeen pitäisi yksinkertaisesti kirjoittaa URL taustakuvan pidit ja varata väri, ja ovatko nämä asetukset koskevat koko kehon HTML-kirjain, tai ne on tarkoitettu taulukon solun. Tuloksena on valmiina koodi, jonka haluat kopioida ja liittää malliin.

Nyt osaat lähettää HTML-sähköpostia. Sen perustaminen ei ole erityisen vaikeaa, varsinkin jos käytät valmiita malleja, jossa raina ei ole pulaa. Siksi myös ne, joilla ei ole erityistä tietämystä, voi helposti selviytyä tästä tehtävästä.