glavni - Savjeti za dizajnere
Html predlošci e-pošte. Predlošci i uređivači predložaka za biltene e-pošte

Još nisam shvatio je li potrebno naznačiti veličinu slika, pa u tom pogledu postoji kaos. Negdje - stavio sam, negdje - ne. Nakon testova posložit ću stvari u red. Ili ću ga potpuno ukloniti kako bih skratio kôd, ili ću ga morati dodati svugdje ako nije ispravno prikazan u nekoj od poštanskih poruka.

Ovim kodom u tablicu "sadržaj" dodajem red s jednim stupcem i u njega stavljam sliku s natpisom "Smartlanding":

Sad pismo izgleda ovako:



Sve se to radi tako da između sadržaja postoje uvlake. HTML kod sa sadržajem izgleda ovako:

Sada morate implementirati najavu članka, to se radi prilično jednostavno. 1 redak, 1 stupac i tekst u njemu:

Radim potpuno iste oznake za tekst i naslove:

A sada ostaje zadnji korak, napravite podnožje. Nisam stvorio novu tablicu za nju, već sam je stavio u sadržaj, jednostavno dodajući novi redak i stupac:

Evo pisma koje je izašlo. Sada je pred vama puno testova. Planiram testirati izgled u sljedećim poštanskim uslugama i programima:

  • gmail
  • yandex
  • lutalica
  • mozilla thunderbird
  • izgledi 2007
  • izgledi 2013
  • šišmiš

Tijekom testiranja dodavat ću stilove zaglavljima i tekstovima, resetirati svojstva i izvršiti druge prilagodbe. A nakon toga napisat ću još jedan detaljan post na ovu temu. Možda će se nešto promijeniti za sljedeći članak, pa se pretplatite na ažuriranja ako ste zainteresirani. ova tema i ne želite propustiti novi materijal.

Ako imate iskustva u stvaranju html pisama, napišite svoj komentar i ukažite na pogreške. Bila bih vam jako zahvalna. I to je sve za danas. Do!

(Pogledajte preliminarne testove HTML slova u različitim tražilicama)

E-mail marketing nastavlja svake godine dobivati \u200b\u200bzamah, zajedno s povećanjem broja korisnika Interneta. Baze podataka tvrtki rastu, slanje pisama svakom klijentu ručno postaje neodoljiv posao. Marketing putem e-pošte pomaže da postupak marketinga putem e-pošte bude praktičniji, brži i stvara temelje za kreativnost. Za bilten se koriste HTML i redoviti predlošci e-pošte.

Ako govorimo jednostavan jezik, marketing putem e-pošte dobro je osmišljen sustav slanja pisama na adrese e-pošte smještene u bazi podataka.

Ova vrsta marketinga temelji se na predlošcima slova i stranica ugrađenih u slova.

Postoje 2 vrste predložaka e-pošte:

  • Redovito je samo tekstualno slovo od nekoliko rečenica s prilozima ili bez njih, rijetko s kreativnim oblikovanjem. Ovi se predlošci e-pošte često koriste u poslovnoj korespondenciji.

  • HTML predlošci e-pošte su upečatljivi, dizajnirani da privuku pažnju i izazovu interes, web stranice koje su ugrađene u e-poštu.

Koje su prednosti i nedostaci?

Krenimo s uobičajenim predlošcima.

Veliki broj "znakova plus" dobar je pokazatelj. No, malo je vjerojatno da će takva pisma moći prodati pri prvoj komunikaciji s klijentom, posebno običnim. Za razliku od HTML e-pošte.

Teško je samostalno izraditi HTML-slova bez dovoljne pripreme, iako upravo takve poruke, lijepe, slične razglednicama, privlače puno više pažnje od jednostavnih "crno-bijelih". Predlošci za HTML-pisma i pisma e-pošte mogu se stvoriti izravno na web-lokacijama poštanskih usluga, koje već dugo uključuju ovu funkciju kao nužnu za organiziranje slanja pisama korisnicima.

Osnovne usluge

Kad opisujete glavna mjesta za marketing putem e-pošte, ima smisla usporediti ih prema najvažnijim karakteristikama.

Stripo nudi Široki izbor besplatni predlošci e-pošte. Grupirani su prema poslovnim područjima i kategorijama poput posebnih događaja, praznika itd. Naši su predlošci unaprijed dizajnirani za sve vrste okidačkih poruka, pravne i savjetodavne usluge, promotivne poruke i druge vrste poruka.

Ovdje ćete pronaći predloške za marketing putem e-pošte koji odgovaraju vašim potrebama i vašem ukusu.

Zašto smo tako sigurni u ovo:

    Odzivni web dizajn

    Svi Stripo predlošci u potpunosti odgovaraju. To znači da ih svi mobilni uređaji i većina klijenata e-pošte ispravno prikazuju.
    Međutim, možete odabrati bilo koju sliku, blok ili strukturu i učiniti je da ne reagira ako želite da određeni elementi vaših predložaka e-pošte ostanu netaknuti.
    Također, zahvaljujući otvorenom HTML kodu naših besplatnih predložaka e-pošte, možete odabrati koje će slike i blokovi biti prikazani na mobilnim uređajima, a koji - samo na stolnim uređajima.
    Koristite naše HTML predloške za široku paletu marketinških kampanja.

    Dva urednika u jednom

    Naš alat sljedeće generacije kombinira HTML / CSS otvorenog koda s uređivačem povlačenja i ispuštanja.
    Ova vam značajka daje mogućnost dizajniranja vizualnih elemenata i teksta povlačenjem i ispuštanjem dijelova alata. Zahvaljujući HTML kodu, možete u svoj videozapis ugraditi video i interaktivne elemente i vratiti se dizajniranju vizualnih elemenata bez napuštanja uređivača.

    Izrada natpisa

    Uz Stripo možete jednostavno stvoriti natpise, prikazati ih u uređivaču i postaviti tekst preko natpisa. Zahvaljujući ovoj značajci, imate mogućnost ponovne upotrebe natpisa. Sada vam nisu potrebni nikakvi dodatni alati (poput uređivača fotografija) kako bi responzivni HTML predložak bio kreativan i prilagođen vašim željama.
    Opće je poznato da poštari zamjenjuju ukrasne fontove onima koji su sigurni za web. Istodobno, vaš dizajn e-pošte gubi posebnu draž. Ali Stripo vam omogućuje da koristite bilo koji font koji vam se sviđa od onih dostupnih u našem uređivaču. Kako to učiniti? Samo stavite svoj tekst preko natpisa, odaberite za njega prikladna boja i na tekst primijenite ukrasni font po vašem izboru.
    Klijenti e-pošte tretiraju tekst prekriven bilo kojom slikom kao dio same slike. Na taj će način pretplatnici vidjeti vaš tekst dodan besplatnom HTML predlošku točno onako kako je predviđeno.

    Automatizacija rada - naši jedinstveni pametni elementi

    Stvaranje kartica proizvoda prilično je naporan postupak. Ali Stripo čini sve da vam olakša ovaj posao. Nakon neke prilagodbe pametnih elemenata, samo trebate zalijepiti vezu u željeni redak. Opis, trošak, uzorak robe automatski će se umetnuti u odgovarajuća polja. Radi vaše udobnosti već smo dodali pametne elemente u neke HTML predloške postova. Stripo vam štedi vrijeme!

    Biblioteka osobnih modula u Stripu

    Stvorite, uredite i spremite spremnike blokova / struktura / pruga / sadržaja u svojoj osobnoj knjižnici. Možete ih koristiti kad god započnete novu kampanju e-poštom.
    Naši postojeći besplatni predlošci automatski se dijele na module koji su već dostupni u osobnoj knjižnici.

    Jednostavan izvoz

    Stripoovi predlošci za responzivne poruke lako se izvoze većini davatelja usluga e-pošte i popularnim poštarima kao što su Gmail i Outlook.
    Sjajne vijesti: naše se predloške e-pošte mogu uređivati \u200b\u200bčak i nakon izvoza. Zahvaljujući naprednoj integraciji možete napraviti sve vrste HTML koda, teksta i vizualnih elemenata. Ova opcija čini Stripove responzivne HTML predloške prijateljskim za klijente e-pošte i davatelje usluga.
    Za vašu udobnost predloške e-pošte možete poredati i po mapama.

    Marketing putem e-pošte naša je strast i zato Stripo s istinskom ljubavlju razvija profesionalne predloške e-pošte.

Prikaži više

Dobar marketing putem e-pošte započinje s dizajnom pisma. Danas, kada većina klijenata e-pošte i platformi e-mail podržavamo nove web standarde, možemo odgovoriti e-poštom svim pretplatnicima koji koriste stacionarne i mobilne uređaje. Responzivni HTML predlošci e-adrese jamče da pretplatnici podjednako vide naš bilten bez obzira na kojem se uređaju čitaju.

Da vam pomognem pravi izborEvo odabira najpopularnijih predložaka e-pošte za marketing putem e-pošte. U njemu smo ispitali ne samo predloške, već i responzivne okvire pomoću kojih možete stvoriti vlastite predloške.

Cerberus

Stvaranje predloška e-pošte za bilten od samog početka može biti zastrašujući zadatak. I kada dolazi o stvaranju responzivnog izgleda još uvijek postoji više nijansiUzeti u obzir. Zbog toga vam okvir poput Cerberusa može dobro doći.

Ova kompaktna knjižnica osmišljena je kako bi pomogla korisnicima stvoriti e-poštu s nekoliko HTML predloga koji će vašim pretplatnicima pružiti nezaboravno iskustvo pregledavanja e-pošte. Mali predlošci izrađeni pomoću pomoću HTML-a , nisu namijenjeni uporabi kao krajnji rezultat. Cerberus preporučuje eksperimentiranje s HTML-om kako biste stvorili vlastite varijacije.

Lakmus


to poznati brend među onima koji vole testirati i analizirati učinkovitost marketing putem e-pošte kampanje. Litmusov tim poznat je po tome što zajednici redovito pruža razne besplatne resurse, od kojih je jedan niz responzivnih predložaka e-pošte.

Svih pet predložaka u setu spada u različite kategorije. Među njima: HTML predložak pisma biltena, predložak novog najava proizvoda, predložak potvrde o financijskim obavijestima, najave za slanje kratkih poruka, pa čak i uobičajeni predložak pisma. Izvrsno je za korisnike koji žele da njihove e-adrese budu jednostavne, ali brzo reagiraju.

Responzivni HTML okvir za e-poštu


To je cjelovito rješenje za stvaranje responzivnih biltena e-pošte. Okvir pruža programerima set rešetki, modula, blokova i linija za sadržaj, funkciju za postavljanje udaljenosti između elemenata, gumba, linija slika i drugih elemenata koji se mogu koristiti za razvoj besprijekornog predloška slova. Testiran je u svim popularnim klijentima e-pošte.

Zaklada za e-poštu


To je zbirka različitih okvira i platformi za optimizaciju web razvoja. Zaklada pruža programerima i dizajnerima jednostavan CSS okvir za brzo stvaranje učinkovite reaktivne e-pošte.

Svaki uređivač predloška HTML slova izvorno koristi mrežni sustav koji nudi Zaklada. Tada se može dopuniti raznim često korištenim elementima za takve svrhe. Bez obzira bavite li se e-trgovinom ili poslovnim brendiranjem, Foundation vam može pomoći u stvaranju responzivnih predložaka. e-mailova.

Antwort


Antwort nije pozicioniran kao okvir, oni sebe nazivaju resursom gotovih predložaka e-pošte koji se mogu prilagoditi stacionarnim i mobilni uredaji... Besprijekorno radi na iOS-u i Androidu, kao i na glavnim klijentima e-pošte kao što su Yahoo !, Gmail i Outlook.

Čak i s nekim od najstarijih verzija programa Outlook. Izgledi su dizajnirani s obzirom na dinamičko dodavanje sadržaja. Istodobno, stil dizajna slova je minimalistički.

Igralište uz ZURB


Ovo je razvojna tvrtka Temelj HTML5 okviraa također i operater usluge zvan Ink. Danas je poznatiji kao Foundation Email.

ZURB-ovo igralište nudi izbor između pet različitih predložaka e-pošte koji se lako prilagođavaju bilo kojoj veličini zaslona i uređaju. Svi predlošci dolaze s zasebnim tablicama stilova i HTML dokumentima. Ovi predlošci bit će kompatibilni s bilo kojom glavnom platformom e-pošte. Lako možete pronaći uslugu pomoću koje možete koristiti ove predloške.

Mosaico


Platforma koja omogućava svima da izrade responzivne, lijepe HTML predloške e-pošte. Mosaico nudi alate za upravljanje prilagođenim elementima i responzivan dizajn... Uz njihovu pomoć klikom na gumb možete prilagoditi sve izglede.

Ugrađeni sustav upravljanja omogućuje vam poništavanje i ponavljanje svih izvršenih promjena. Možete čak i prenijeti vlastite predloške e-pošte i prilagoditi ih u Mosaicu. Platforma je otvorenog koda i potiče sve da sudjeluju u razvoju projekta.

Predlošci e-pošte s otvorenim kodom


Poznata platforma za marketing e-pošte koja marketinškim stručnjacima i blogerima nudi mogućnost stvaranja i stavljanja na tržište svojih predložaka u okruženju jednostavnom za upotrebu. Kao zahvala marketinškoj zajednici, SendWithUs pruža korisnicima biblioteku od deset responzivnih predložaka.

Svi predlošci su otvorenog koda, što vam omogućuje da napravite promjene i prilagodbe po vlastitom nahođenju. Iako su ovi predlošci besplatni, prikladni su samo za fakturiranje i obavještavanje kupaca.

Responzivni obrasci e-pošte


Brian Graves postavio je čvrste temelje za stvaranje i rad s odgovornim e-porukama. Njegov projekt Responsive Email Patterns skup je predloga koji se mogu priključiti i koje možete koristiti za brzo stvaranje responzivnih e-adresa za upotrebu s vašom omiljenom platformom e-pošte ili izravno u klijentu e-pošte. Predlošci uključuju stavke poput popisa, medija, navigacije i mreža.

HTML predlošci e-pošte


Ugledna usluga e-mail marketinga koja je stotinama tisuća internetskih prodavača pomogla postići optimalne marketinške rezultate e-pošte. Campaign Monitor pruža funkcionalnost za testiranje kampanja putem e-pošte, kao i alat za izradu e-pošte i kolekciju HTML predložaka e-pošte. Ima preko 20 jedinstvenih predložaka koji odgovaraju gotovo svakoj situaciji. Predlošci za partnerstva, poslovne pregovore, tradicionalni predlošci biltena i predlošci za najave događaja.

Inspiracija dizajna e-pošte pomoću HTML dizajna e-pošte


To je spremište nekih od najboljih predložaka e-pošte koje koriste neke od vrhunskih tehnoloških tvrtki: Dropbox, Udemy, Moo, DigitalOcean i još mnogo toga. Sjajna stvar kod ovih uzoraka predložaka je što su poslani stvarnim korisnicima. To vam omogućuje jednostavnu analizu strukture predložaka kako biste bolje razumjeli specifičnosti implementacije koje ih pružaju. visoka efikasnost... Stotine predložaka e-pošte koji se koriste kao referenca.

MJML - Responsive Email Framework


To je okvir i ugrađeni prilagođeni jezik za označavanje dizajniran da pomogne programerima da brzo stvore odzivne predloške. Cilj je MJML-a olakšati razvoj responzivnog dizajna e-pošte. Oznake koje kreirate pomoću MJML-a automatski se pretvaraju u potpuno sukladne HTML5 kodu. Možete ga koristiti u bilo kojem klijentu e-pošte. Dostupno je i nekoliko unaprijed definiranih predložaka.

Respmail


Za one koji se ne žele petljati sa složenim okvirima, postoji Respmail - jednostavno odgovorno marketinško rješenje putem e-pošte. Pruža vam jedan predložak koji možete promijeniti prema svom ukusu. Od svog osnutka, HTML predložak e-pošte poboljšan je i usavršen kako bi bio kompatibilan sa svim glavnim klijentima e-pošte.

Strast


Ovo je sofisticirani predložak pisma koji koristi moderne koncepte web dizajna. Proširivost ovog predloška tako je impresivna. Razni elementi Predlošci su zasebne komponente, a vi jednostavno možete odabrati ono što smatrate potrebnim za poštanska pisma.

Predložak besplatnog biltena


Predložak besplatnog biltena. Ovo je elegantno i minimalno rješenje za one koji traže jednostavan izgled e-pošte. Prema našem mišljenju, ovaj predložak može biti koristan za blogere, umjetnike i pisce koji žele prenijeti svoju poruku, a da pismo ne trebaju preopteretiti modernim složenim elementima.

MailPortfolio


MailPortfolio slijedi istu filozofiju kao gore opisani HTML predložak e-pošte. Jedina je razlika što je MailPortfolio više usmjeren na osnovne crvene. Ali čini se da je sve ostalo potpuno isto. U podnožje možete unijeti potrebne podatke o tvrtki, što je neophodno za većinu e-mail marketinških platformi.


Valentinovo se brzo bliži! Zbog toga smo odlučili u recenziju uključiti vrlo prekrasan predložak Predložak e-pošte za Valentinovo, koje možete koristiti na današnji dan za promociju svojih ponuda i vijesti. Pomoću različitih značajki možete prilagoditi ovaj predložak za različite slučajeve upotrebe.

EDMDISIGNER


Ovoj je tvrtki trebalo puno vremena da se u potpunosti prilagodi potrebama zajednice. Rezultat je funkcionalna platforma za stvaranje e-pošte. Povlačenje i ispuštanje sučelja pomaže programerima u stvaranju prekrasnih izgleda. Ne morate više gubiti vrijeme na ponovnu izradu istog sadržaja iznova i iznova. S EDMDESIGNER-om možete spremiti ne samo predloške slova, već i pojedinačne elemente. U budućnosti ih možete ponovno koristiti u bilo kojoj od budućih kampanja.

Moderna HTML e-pošta


Željeli bismo naš popis besplatnih predložaka završiti knjigom. to najbolji način Saznajte kako stvoriti responzivne predloške e-pošte. Autor jednog od njih je Jason Rodriguez... Knjiga će vam pomoći stvoriti moderne i lijepe HTML predloške e-pošte koji će izvrsno funkcionirati na svim uređajima, sa svim klijentima i u svim preglednicima. Knjiga pokriva osnovne aspekte kreiranja e-pošte, kao i kako testirati e-poštu i optimizirati ih pomoću analitičkih alata i izvješća.

Vrhunski responzivni HTML predlošci e-pošte

Željeli bismo podijeliti o responzivnim HTML predlošcima e-pošte iz premium segmenta. Njihove su cijene stvarno prilično niske ( u usporedbi s tim koliko biste za ovaj posao platili dizajneru). Pronašli smo nekoliko izvrsnih predložaka.

Ideja


Funkcionalni predložak koji pruža sve dostupne moderni elementi HTML5 koji se može ugraditi u sam predložak. Možete jednostavno komunicirati svoje cijene i značajke proizvoda s ugrađenim elementima koji čine cijeli postupak jednostavnim. Predložak sadrži ugrađeni povuci i ispusti modul koji će vam pomoći u stvaranju nevjerojatne e-pošte. Također je u potpunosti kompatibilan s vodećim pružateljima usluga e-marketinga.

Vibgyor


Vibgyor se može opisati kao višenamjenski predložak za razne industrije... Profesionalno izgled čini Vibgyor atraktivnim za ove tvrtke. Sadrži konstruktor za povlačenje i ispuštanje koji olakšava izmjenu i optimizaciju bilo kojeg dijela predloška kako vam odgovara.

Pozdrav svima. Neki dan sam odlučio shvatiti kako se slažu html slova. Proveo sam nekoliko sati na Internetu, pročitao desetke članaka na ovu temu i zaključio da je to vrlo težak zadatak.

Ali želja postoji, pa sam počeo kopati dalje. Možda na blogu, uskoro zamijenim pretplatu na e-poštu s feedburnera (ispod članaka) nečim drugim gdje to možete učiniti simpatičnijim. Glavno je uzeti u obzir sve nijanse izgleda za klijente e-pošte, a vjerujte mi, ima ih podosta.

Važnost stvaranja html slova za popise mailinga

Mailing lista je jedna od najvažnijih učinkovite načine prodavati robu, dostavljati vijesti kupcima, pričati o promocijama i dodatne usluge... Osim toga, kada imate bazu kupaca, možete vratiti "stare" kupce i izvršiti novu prodaju.

Možete poslati materijal o dodatnim uslugama koje su mogle postati zanimljive vašim kupcima nakon prve kupnje.

I naravno, ovdje djeluje teorija velikih brojeva. Ako ponudu za prodaju prodate 20 000 pretplatnika, njih 1000 upoznalo se s ponudom i barem 10 će je kupiti, a trošak će biti 0. Upravo ste poslali pismo!

Ali netko nije otvorio pismo, netko ga je otvorio i nije pročitao, jer je postojalo podnožje teksta, nečije se slike nisu otvorile, a nečiji raspored je krenuo po zlu. Događa se. Zbog činjenice da poštari ne podržavaju css kao i preglednici. A o javascriptu - uglavnom šutim.

A puno je problema za dizajnere koji se bave stvaranjem HTML slova.

Ali danas ću vam pokušati reći kako stvoriti html pismo koje će se jednako dobro otvoriti u svim preglednicima (uključujući mobilne) i programima e-pošte, tako da vaša pisma izgledaju privlačno i da ne gubite klijente. Ovo nije zadnji post, ako bude problema s prikazom, kasnije ću ili ispraviti ovaj ili napisati nastavak. Također ću biti zahvalan svima koji će pomoći u testiranju i prepoznavanju problema.

Problemi s HTML izgledom

Zbog činjenice da poštanske usluge nemaju opća pravila prikazujući html slova, dizajner izgleda mora koristiti pravila izgleda iz 90-ih. Neki se ljudi ne trebaju navikavati na ovo, ali moram priznati da nikada nisam napisao stilove unutar html dokumenta, a ne samo unutar html dokumenta koristeći, naime inline, za svaki element zasebno.

Neki su poštari potpuno isključili podršku za stilske listove i tabele stilova, na gore opisani način. Argumentirajući to činjenicom da su slova potrebna posebno za tekst. Dakle, morate pisati stilove za svaki element zasebno.

Još jedno iznenađenje bilo je to što malo usluga e-pošte ne podržava plutajuće i margine i dodavanje. Kako Vam se sviđa? Zamislite da ste izmislili cool HTML pismo s tri stupca na temelju div (a), a korisnik je dobio takvo smeće da ga je odmah izbrisao ne shvaćajući što od njega žele.

Da da. Dobro ste shvatili! Morat ćete se služiti tablicama ako niste spremni žrtvovati tisuće korisnika koji neće pravilno otvoriti vaše pismo. Ispada da su tablice danas jedini način za postizanje kompatibilnosti s različitim preglednicima.

Kao što su napisali na jednoj od stranica:

Morat ćemo se sjetiti takvih zastrašujućih stvari kao što su: dodavanje ćelija, razmak ćelija, razmak

U mom slučaju, morat će se naučiti, jer nikada nisam koristio tablice. Možda nikad ne bih morao da se nisam odlučio baviti dizajnom slova :)

Ako nemate običaj propisivati \u200b\u200balt za slike, morat ćete ga razviti za raspored slova, jer su neki klijenti pošte prema zadanim postavkama onemogućili prikaz slika, a ako ih imate puno u slovo, tada će korisnik vidjeti prazne okvire, kao i u njima će biti teksta.

Također, postao mi je problem što moram neprestano nulirati mnoge vrijednosti, na primjer, obrub za slike, ako je postavljen kao poveznica.

Ćao - to je to! Ako se nešto drugo pojavi, opisat ću to usput. Sada vam želim pokazati što sam do sada radio, bez dodavanja stila kao što su font, boja, veličina teksta itd. To su samo elementi na pravim mjestima. U sljedećem članku opisat ću postupak testiranja u različitim poštanskim uslugama i uređivanja koja sam morao izvršiti.

Kao što vidite, posla ima. Dopustite mi da malo opišem postupak izgleda. Nema smisla ulaziti u to, puno će se promijeniti do sljedećeg članka. Zapravo se čini da je sve jednostavno, ali s druge strane, trebalo mi je puno vremena.

Kako stvoriti html e-poštu

Prvo sam stvorio žičanu tablicu za cjelokupni sadržaj e-pošte, širok 100% i sa svijetloplavom pozadinom. U nju sam smjestila dva dječja stola. Jedan za zaglavlje (id \u003d "header"), drugi za sadržaj (id \u003d "content"):

Bilten s web mjesta



Kao što ste možda primijetili, za tablicu omota postavio sam cellpadding \u003d "40". Ovo je dodatak. Podstava od 20 piksela postavila je tablicu koja je odgovorna za zaglavlje. I dodala sam dodavanje tablici koja će sadržavati sadržaj . Također, sve su tablice poravnate prema sredini. Idemo dalje ...

Sada morate podijeliti zaglavlje na 2 dijela. Na jednom mjestu logotip, a na drugom izrađujem drugu pločicu s 3 stupca i tamo stavljam poveznice na društvene mreže.

PNG "alt \u003d" (! LANG: logotip" width="84" height="84"/> !}

Kako zatvoriti vanjske veze od indeksiranja

Bok ljudi. Danas ćemo razgovarati o tome kako pouzdano zatvoriti vanjske poveznice na vašoj odredišnoj stranici tako da se težina s nje ne prenosi, već ostaje na vašoj stranici. Kao što vjerojatno znate, sada, čak i ako ste vezu zatvorili atributom, statička težina se i dalje prenosi i stoga smanjuje sa vaše stranice.

Sada moramo stvoriti strukturu od 3 stupca. Budući da ne možemo koristiti plutajuće, moramo napraviti 5 stupaca. 3 za sadržaj sa slikama (150 piksela) i 2 - kako bi postavili razmak između njih (60 piksela).

PNG "/\u003e

Kako napraviti UTM oznake i čemu služe Ažuriranja bloga i izvješće o mini optimizaciji Skripta za AB testiranje

Smartlanding | 2014. godine

Broj predložaka

Kvaliteta predloška

Izvrsno

Izvrsno

Izvrsno

Izvrsno

Dostupne teme

Praznici

- Poslovanje

Internetska trgovina

- Turizam

- Općenito itd.

-Praznici

- Restoran

- Turizam

- Poslovanje

Internetska trgovina itd.

- Su česti

Praznici

- Turizam

- Poslovanje

Internetska trgovina

-Online trgovina

- Ljepota i zdravlje

- Turizam

- Praznici

Internetska trgovina

- Turizam

Prilagodba slova za različite zaslone

Da (do 1500 slova na 100 adresa)

Da (do 15.000 slova na 2.000 adresa)

Da (do 6000 slova na 5000 adresa)

Besplatno korištenje predložaka

Sposobnost korištenja prethodno korištenih predložaka

  1. UniSender.

Jedna od najpopularnijih rusificiranih usluga za stvaranje poruka e-pošte. Na raspolaganju su 3 uređivača: za blok predloške (tekst i vizualni sadržaj mogu se mijenjati po vašem nahođenju), za gotove osnovne i HTML predloške, za rad s vlastitim HTML predloškom e-pošte. Nije teško razumjeti urednike, sustav daje savjete i sve potreban alat koji se nalazi na vrhu radne stranice.

  1. SendPulse

Ništa manje popularno, pregledno i prikladno mjesto za izradu predložaka HTML-slova i rad s gotovim predlošcima. Među pregledanima ima najveći besplatni paket i dovoljno predložaka za stvaranje uspješne mailing liste.

Web stranica vam omogućuje stvaranje vlastitih predložaka u pojednostavljenom HTML uređivaču, dizajneru ili prijenosom vlastitog predloška s računala. Konstruktor je lako razumljiv, u njemu možete stvoriti prekrasno slovo "od nule", neovisno odabirući slike, fontove i stavljajući sve na željeno mjesto.

  1. Rumailer

Skromna web stranica s dobrim predlošcima i relativno velikim besplatnim paketom. Funkcionalnost rada sa ograničen broj predlošci nisu toliko široki koliko bi to željeli iskusni korisnici. Uopće nema prikladnog uređivača blokova.

Prednost usluge je dostupnost velikih mogućnosti za izvoz pretplatnika. Mogu se preuzeti prema aktivnosti, listovima, kao i putem prijave ili domene na e-adresi.

  1. GetResponse

Usluga je poznata po većini veliki iznos dostupni predlošci u 24 kategorije. Ugodno sučelje same web stranice nadopunjuje user-friendly uređivač blokova gotovih i prilagođenih HTML predloga za pisma klijentima.

Uređivač je jednostavan za upotrebu. Blokovi se mogu jednostavno povući, zamijeniti, ukloniti ili dodati. Kada kliknete na blok, pojavit će se radni izbornik s gumbima za izvođenje osnovnih radnji sa slikama i tekstualnim sadržajem.

Da biste pregledali predloške, morate započeti rad s popisom za slanje dopisa unošenjem podataka pošiljatelja i predmeta pisma, a zatim odaberite gumb "Blokiraj konstruktor e-pošte". Ako korisnik želi raditi s vlastitim predloškom, tada morate odabrati "Uređivač HTML koda".

  1. Mailerlite

Stranica za slanje e-pošte, koju mnogi korisnici nazivaju najjednostavnijom. Funkcionalnost rada s predlošcima prilično je ograničena, ali glavne su radnje izvedive. Čak će i početnik razumjeti urednika, jer jednostavan je i izravan. Baš kao i na drugim platformama, možete prenijeti vlastite HTML predloške za poruke e-pošte, uređivati \u200b\u200bih i koristiti.

Kako odabrati prikladan HTML predložak e-pošte?

Odabir usluge i predloška za slanje e-pošte e-poštom odgovorna je stvar kojoj se mora pristupiti pametno jer o tome dijelom ovisi i daljnji uspjeh u radu komercijalne organizacije ili poduzetnika. Pri odabiru usluge možete se osloniti na gore navedene karakteristike, na recenzije prijatelja ili korisnika na Internetu, na primjere rada na web mjestu, kao i na vlastite osjećaje rada s ovom ili onom uslugom.

Dodatni odgovor na pitanje "kako znati koji predložak odabrati?" može poslužiti kao statistika najpopularnijih usluga. Moglo bi, ali priznajmo,% otvaranja, prijelaza, klikova i odjava s usluge praktički je neovisan. Jedino što smo primijetili je da, na primjer, na SendPulseu (luksuzna ograničenja besplatnih programa), nešto veći% slova ulazi u mapu "neželjena pošta", a ne u ulaznu poštu. I% pogrešaka koje same službe objavljuju, nitko osim njih ne može kontrolirati, osim empirijski u izoliranim slučajevima.

Detaljno smo napisali o besplatnim značajkama poštanskih usluga.

Kako saznati koji predložak e-pošte će stati u svakom slučaju? To se može postići samo radom s različitim predlošcima, odabirom najboljeg dizajna i sadržaja. Mnoge tvrtke prvo koriste gotovi predlošci, mijenjajući ih, a zatim stvaraju vlastite. to dobra opcijaako vještine pisanja html e-adrese i stranice ne, ali čini se da je bilten koristan alat.

Internet usluge za posao.
Poveznica na materijal je obavezna!


Pozdrav dragi čitatelji - stranica!

Danas ću vam pokazati kako napraviti lijep bilten e-pošte.

Dugo ni za koga nije tajna da je sve poslovanje na Internetu izgrađeno na e-mail marketingu.

Svaki dan, uz pomoć biltena, info-biznismeni, blogeri kontaktiraju svoje pretplatnike nudeći im raznu robu i usluge.

No, kako biste obratili pažnju na takav prijedlog, a ne ga odmah poslali u mapu "neželjena pošta", trebate na njega skrenuti pozornost.

Za to će biti prikladno stvoriti lijepo dizajniran HTML obrazac slova.

Posebno za vas odabrao sam testni predložak koji će biti vizualno pomagalo.

Što i kako ćemo učiniti?

Stvorit ćemo najjednostavniji HTML predložak e-pošte (), koji će se sastojati od glavnog dijaloškog okvira i dva sekundarna stupca.

Stvaranje žičanog okvira i spremnika za stol

Prvo, moramo napraviti HTML okvir za našu e-poštu. Izgledat će ovako:

HTML predložak e-pošte

HTML predložak e-pošte



Imajte na umu da sam širinu stola postavio na 99%, ostavljajući oko sebe malu količinu prostora. To nije moja osobna želja, već zahtjev nekih klijenata za web poštu, kao što su Gmail i Yahoo. Ostatak naše e-pošte bit će u ovoj jednoj ćeliji proračunske tablice koja je centrirana.

Sljedeći je korak stvaranje omota oko stvarne tablice sadržaja e-pošte. Maksimalna veličina dizajna ne smije biti veća od 600 piksela:

HTML predložak e-pošte



Zajedno sa sjenom svjetlosti na bijeloj pozadini, naš je predložak slova razvučen na 640px, ali njegov radna zona je i dalje 600px.

Izrada zaglavlja

Sad kad je stvorena glavna tablica, vrijeme je da je počnete ispunjavati potrebnim sadržajem. Počet ću od samog vrha predloška slova i polako se spuštati prema dolje.

Gornji red

Od sada ću isključiti prethodno napisani kôd (okviri tablice).

Dakle, prvi redak proračunske tablice ima plavu pozadinu s bijelim fontom i vezu na web verziju pisma. Vrlo je važno opremiti svoje pismo takvom vezom, jer svi klijenti e-pošte ne prikazuju njegov sadržaj jednako ispravno.

A CSS stil zaslužan je za njegov izgled:

/ * Fontovi i tipografija * / .footer (obitelj fontova: Arial, Helvetica, sans-serif; veličina fonta: 11px; boja: #fff; dopunjavanje desno: 20px;)

Logotip i ikone društvenih mreža

Silazeći dolje vidimo logotip i koji se nalaze na istoj razini.

Sljedeći je kod odgovoran za njihov izlaz:

Uz to, sljedeći su stilovi dodani svim našim slikama u HTML predlošku e-pošte:

/ * Pozadine * / .email_background (širina: 640px; pozadina: url ("email_images / email_bg.jpg") repeat-y;) / * Slike * / img (prikaz: blok; obrub: nema;)

Dakle, društvene ikone sjede na svojim mjestima u vlastitim ugniježđenim ćelijama tablice i nisu povezane s drugim odjeljcima pisma. To im omogućuje da se mijenjaju po potrebi.

Dodavanje sadržaja

Prvo ćemo početi dodavanjem prve slike koja u ovom dizajnu iznosi 560 x 210 piksela. Ispod slike možete vidjeti slatku deformiranu sjenu, što je učinjeno zasebno, što vam omogućuje brzu promjenu slike bez gubitka sjene. Prijeđimo na kod:

Ovdje smo stvorili novu liniju za prikaz velikih slika, postavljajući širinu na 560px s oblogom od 20px na obje strane. Isto smo učinili i sa sjenom.

Dodavanje naslova i sadržaja

Pomičući se dolje, vidimo naslov glavnog materijala i sam sadržaj. Ovdje je sljedeći kod odgovoran za prikaz sadržaja:

Ovo je vaša istaknuta priča

Postoji mišljenje da je Pattaya postala popularno odmaralište zbog činjenice da su se ovdje često odmarali američki mornari, koji su međutim ovdje i sada u velikom broju i uvijek su okruženi s nekoliko taika. Naravno, među našim sunarodnjacima manje je popularan od Egipta i Turske. Ali ovdje se svugdje čuje zavičajni govor)) i u trgovačkim centrima tijekom kupnje i u mnogim lokalnim barovima)). Pattaya je uglavnom poznata po svom noćnom životu, moru i tekstilu. Naravno, između ostalog, ovdje možete pronaći i mnoge druge zanimljivosti. Ovdje možete unajmiti bilo koji prijevoz, uključujući džipove i skutere. Za ljubitelje motocikala ovdje je općenito raj. Da biste unajmili motor, možda vam neće trebati ni licenca, za samo 100-500 bahta (plus polog od 2000 bahta) možete unajmiti pristojan skuter i voziti iz vlastitog zadovoljstva!

Da biste promijenili izgled zaglavlja i tijela vašeg predloška e-pošte, samo upotrijebite sljedeće stilove:

H1 (boja: # e95f03; obitelj fontova: Futura, Verdana, Sans-Serif; podmetač: 0; margina: 0; veličina fonta: 24px; težina fonta: normalno;). Sadržaj (podmetač: 0; margina: 0 ;) p (porodica fontova: Arial, Helvetica, sans-serif; veličina slova: 13px; visina linije: 20px;)

Dodatni sadržaj

Sada prelazimo na dodatni sadržaj našeg predloška. Kao što vidite, podijeljen je u dva stupca. Svaki od stupaca sadrži fotografiju, naslov i mali pregled. Sve se to stvara pomoću sljedećeg koda:

Ovo je sekundarni naslov

Ovo je sekundarni naslov

Unatoč uništenoj reputaciji Pattaye, ovdje možete saznati da notorna tajlandska masaža nije samo pokriće za javne kuće. Na Tajlandu doista rade dobru masažu, a slijepi majstori smatraju se najboljim stručnjacima za ovu umjetnost. Njihova tajna leži u povećanoj osjetljivosti prstiju.

Središnja ulica i srce Pattaye, koje nikoga ne ostavlja ravnodušnim. Lokalni Arbat, Times Square i Sodoma s Gomorom u jednoj čaši, Walking Street pravi je izvor ljubavi i mržnje kako za mještane, tako i za posjetitelje. Kažemo "Pattaya", mislimo na Walking Street.

Ovdje još trebamo dodati dodatni stil. Evo ga:

H2 (boja: # e95f03; obitelj fontova: Futura, Verdana, Sans-Serif; podstava: 0; margina: 0; veličina fonta: 18px; težina fonta: normalno;)

Zatvaranje HTML predloška e-pošte

Dakle, dolazimo do kraja našeg predloška. Ovdje moramo zatvoriti glavni prozor pomoću slike i sljedećeg koda:

Jedna od najvažnijih važni aspekti, dodaje vezu na kraju predloška e-pošte za otkazivanje pretplate na primanje takve e-pošte (). Da, da, znam da ne želite izgubiti pretplatnike. Ali ne možete ih ni iznervirati. Trebali biste pružiti kupcima priliku da odustanu od primanja, možda su odavno umorni od slanja pošte. Pa, i istovremeno podsjetiti tko je autor.

Ovdje vam treba sljedeći kod:

Bilten od: Ivanov Ivan
Autor bloga: Ivan.ru

Želite li otkazati pretplatu? Kliknite ovdje

Zaključak

Dragi prijatelji, prikazati sve grafički elementi u predlošku e-pošte moraju se prenijeti na bilo koji mrežni poslužitelj, a jedinstveni put do tih slika mora biti zapisan u odgovarajuće retke koda.

Kao smjernica dat je testni HTML obrazac slova koji možete u bilo kojem trenutku prekucati po svom ukusu i boji.

To je sve za danas. Nadam se da ste uživali.

Do novih članaka ...

Lijep pozdrav, Denis Chernikov!



 


Čitati:



Obrambeni mehanizmi prema Sigmundu Freudu

Obrambeni mehanizmi prema Sigmundu Freudu

Psihološka zaštita su nesvjesni procesi koji se javljaju u psihi, a čiji je cilj minimaliziranje utjecaja negativnih iskustava ...

Epikurovo pismo Herodotu

Epikurovo pismo Herodotu

Pismo Menekeiu (preveo M.L. Gasparov) Epikur šalje svoje pozdrave Menekeiu. Neka nitko u mladosti ne odgađa bavljenje filozofijom, već u starosti ...

Drevna grčka božica Hera: mitologija

Drevna grčka božica Hera: mitologija

Khasanzyanova Aisylu Gera Sažetak mita o Geri Ludovizi. Skulptura, 5. stoljeće PRIJE KRISTA. Hera (među Rimljanima - Junona) - u starogrčkoj mitologiji ...

Kako postaviti granice u vezi?

Kako postaviti granice u vezi?

Važno je naučiti ostavljati prostor između mjesta gdje vaša osobnost završava i osobnosti druge osobe. Ako imate problema ...

feed-slika Rss