ana - Tasarımcı İpuçları
HTML e-posta mektupları şablonları. E-posta postaları için şablonlar ve editörler şablonları

Resimlerin boyutunu belirtmek için gerekli olana kadar bulamadım, bu yüzden bu planda şu ana kadar kaos. Bir yerde - koydum, bir yere - hayır. Testlerden sonra, bir emirdir. Veya kodu kısaltmak için tamamen kaldırılacak veya bazı postacılarda yanlış görüntülenirse her yeri eklemek zorunda kalacaktır.

Bu kod, bir sütuna, "İçerik" tablosunda bir dize ekler ve "Smartlanding" yazısı ile bir resim koyun:

Şimdi mektup böyle görünüyor:



Bütün bunlar içeriği girinmek için yapılır. HTML Kodu İçerik şöyle görünüyor:

Şimdi makalenin bir açıklamasını uygulamak gerekiyor, sadece yeterince. 1 satır, 1 sütun ve metin içinde:

Metin, başlıklar için tam olarak aynı işaretlemeyi yapıyorum:

Ve şimdi son adım kaldı, bir altbilgi yap. Altında yeni bir masa oluşturmadım ve sadece yeni bir satır ve sütun ekleyerek içeriğe yerleştirdim:

Bu mektup ortaya çıktı. Şimdi bir sürü test var. Düzeni aşağıdaki e-postalarda ve programlardaki test etmeyi planlıyorum:

  • gmail.
  • yandex
  • rambler.
  • mozilla Thunderbird.
  • outlook 2007.
  • outlook 2013.
  • yarasa.

Test sürecinde, stilleri başlıkları ve metinler ekleyeceğim, özellikleri sıfırlayacağım ve diğer ayarlamalar yapacağım. Ve sonra, bu konuyla ilgili başka bir detaylı yazı yazacağım. Belki bir şey bir sonraki makaleye geçecek, bu yüzden ilgileniyorsanız güncellemelere abone olun bu konu Ve yeni bir materyali kaçırmak istemiyorsun.

HTML harfleri oluşturma deneyiminiz varsa, lütfen yorumunuzu e-postayla gönderin ve hataları belirtin. Sana minnettar olacağım. Ve bugün - hepsi. A kadar!

(Farklı arama motorlarında HTML harflerinin ön testleriyle tanışın)

Her yıl her yıl momentum kazanmaya devam ediyor, İnternet kullanıcıları sayısında bir artışla birlikte ivme kazanmaya devam ediyor. Şirketlerin veritabanları büyür, her müşteriye posta mektupları manuel olarak dayanılmaz hale gelir. E-posta -Marketing, dağıtım işleminin e-posta ile daha uygun, hızlı ve yaratıcılık temelini oluşturmasına yardımcı olur. Dağıtım için HTML ve normal e-posta mektupları şablonları kullanın.

Eğer konuşursak basit dil, E-posta -Mailketing, veritabanındaki e-posta adreslerinde mektupların postalarının iyi düşünülmüş bir sistemidir.

Bu tür bir pazarlama, harflerle gömülü olan harfler ve sayfalarda kurulur.

E-posta şablonları 2 türdür:

  • Normal, sadece yaratıcı biçimlendirme ile nadiren, ekleri olan veya olmayan çeşitli tekliflerden gelen bir metin mektubudur. E-postalar için bu tür şablonlar genellikle iş yazışmalarında kullanılır.

  • HTML harfleri şablonları parlaktır, dikkat çekmeyi ve mektuba sokulan Web sayfasının ilgisini çekmeyi amaçlar.

avantajları ve dezavantajları nelerdir?

Her zamanki şablonlarla başlayalım.

Çok sayıda "artı" iyi bir göstergedir. Ancak bu tür harfleri müşteri ile, özellikle sıradan, özellikle sıradan satmak mümkün değildir. HTML -SPices'in aksine.

HTML oluşturun - Yeterli eğitim olmadan bağımsız olarak, tam olarak güzel olan, kartpostallara benzer, basitçe "siyah beyaz", çok daha fazla dikkat çekmesine rağmen. HTML -SPices ve e-posta mektupları için şablonlar doğrudan, bu işlevi uzun süredir bu işlevselliği kullanıcılara e-posta mektupları düzenlemek için zorunlu olarak dahil eden sitelerde oluşturulabilir.

Ana Hizmetler

E-posta postaları için ana siteleri tanımlayan, bunları en önemli özelliklerde karşılaştırmak mantıklıdır.

Stroto önerir geniş seçim Ücretsiz e-posta şablonları. Özel etkinlikler, tatiller vb. Gibi iş ve kategoriler tarafından gruplandırılır. Şablonlarımız daha önce, tanıtım mesajları ve diğer mesaj türleri için yasal ve danışmanlık hizmetleri kapsamında, her türlü tetik mesajı için tasarlanmıştır.

Burada isteklerinizi karşılayan ve zevkinizi karşılayan e-posta pazarlama kalıpları bulacaksınız.

Neden bu kadar emin olduk:

    Adaptif Web Tasarımı

    Tüm striptiz şablonları tamamen uyarlanabilir. Bu, tüm mobil cihazların ve çoğu postanın onları doğru şekilde yansıttığı anlamına gelir.
    Bununla birlikte, herhangi bir resim, blok veya yapıyı seçebilir ve e-posta şablonlarınızın belirli öğelerinin değişmeden bırakılmasını istiyorsanız, herhangi bir resmi, blok veya yapıyı seçebilir ve uyarlanabilir.
    Ayrıca, ücretsiz e-posta şablonlarımızın açık HTML kodu sayesinde, mobil cihazlarda ve yalnızca masaüstü cihazlarda hangi görüntülerin ve blokların görüntüleneceğini seçmek mümkündür.
    Çeşitli pazarlama kampanyaları için HTML mesajlaşma şablonlarımızı kullanın.

    Birinde iki editör

    Yeni nesil aracımız, HTML / CSS kodunu ve sürükle ve bırak düzenleyiciyi birleştirir.
    Bu özellik, aletin sürükle ve bırak kısımlarına sürükleyerek görsel unsurların ve metnin tasarımı üzerinde çalışma fırsatı sunar. HTML kodu sayesinde, video ve etkileşimli öğeleri dağıtım düzenine yerleştirebilir ve editörden ayrılmadan görsel öğelerin tasarımına geri dönebilirsiniz.

    Afiş oluşturma

    Stroto kullanarak, kolayca afişler oluşturabilirsiniz, editörde işleme koyabilir ve metni başlığın üstüne yerleştirebilirsiniz. Bu özellik sayesinde, afişler birden fazla kez kullanma fırsatınız var. Artık adaptif bir HTML şablonu yaratıcı hale getirmek için herhangi bir ek alete (örneğin, fotoğraf düzenlemeleri) ihtiyacınız yok. Dileklerinize göre yapılandırılmış ve yapılandırılmıştır.
    Postacıların dekoratif yazı tiplerini güvenle değiştirdiği bilinmektedir. Aynı zamanda, e-postanızın tasarımı özel cazibesini kaybeder. Ancak Stripo, editörümüzde istediğiniz herhangi bir yazı tipini uygulamanıza izin verir. Nasıl yapılır? Metni sadece afişin üzerine yerleştirin, bunun için seçin. uygun renk Ve dekoratif yazı tipini metninize uygulayın.
    EMEYL Müşterileri, herhangi bir görüntünün üzerine eklenen metni görüntünün unsuru olarak görür. Böylece, aboneler metninizi, tamamen tasarlandığı gibi ücretsiz HTML şablonuna eklediler.

    İş Otomasyonu - Eşsiz Akıllı Elemanlarımız

    Mal kartları oluşturmak oldukça sıkıcı bir süreçtir. Ancak Stripo, bu işi sizin için kolaylaştıracak her şeyi yapar. Bazı akıllı eleman ayarlarından sonra, istediğiniz dizeye bir bağlantı eklemeniz gerekir. Açıklama, maliyet, mal örnekleri otomatik olarak uygun alanlara yerleştirilecektir. Rahatınız için, bazı HTML mesaj şablonlarında akıllı öğeler ekledik. Stripo zamanınızı kaydeder!

    Stripodaki Kişisel Kütüphane Modülleri

    Kişisel kütüphanenizdeki blokları / yapıları / şeritleri / içerik kaplarını oluşturun, düzenleyin ve saklayın. Yeni bir e-posta kampanyası başlatırken onları istediğiniz zaman kullanabilirsiniz.
    Mevcut ücretsiz şablonlarımız otomatik olarak kişisel kütüphanede zaten mevcut olan modüllere ayrılır.

    Basit ihracat

    Adaptif Stroto Mesajlaşma şablonları, çoğu e-posta sağlayıcıya ve Gmail ve Outlook gibi popüler postacılara kolayca ihraç edilmektedir.
    GÜZEL HABERLER: E-posta şablonlarımız, ihracattan sonra bile düzenleme için kullanılabilir. Gelişmiş entegrasyon sayesinde, HTML kodunda, metin ve görsel öğelerdeki her türlü değişikliği yapabilirsiniz. Bu seçenek, adaptif HTML şablonları striptizeki, e-posta istemcileri ve sağlayıcıları açısından kolaydır.
    Rahatınız için, e-posta şablonlarınızı klasörlerdeki da sıralayabilirsiniz.

    EMEYL Pazarlama bizim tutkumuzdur ve bu nedenle striptiz, mevcut sevgiyle profesyonel posta kalıpları geliştirir.

Daha fazla göster

İyi bir e-posta posta yazma tasarımı ile başlar. Bugün, çoğu posta müşterisi ve platformları ne zaman e-posta Yeni Web standartlarını destekleyin, sabit ve mobil cihazlar kullanarak tüm abonelere adaptif e-postalar gönderebiliriz. Adaptif HTML şablonları Mektuplar, bültenimizin, hangi cihazın okunduğu cihazdan bağımsız olarak aboneler tarafından algılandığını garanti eder.

Yapmanıza yardımcı olmak için doğru seçimE-posta pazarlaması için en popüler harf şablonlarını seçiyoruz. İçinde, sadece şablonları değil, aynı zamanda kendi şablonlarınızı oluşturmak için kullanılabilecek uyarlamalı çerçeveler de kabul edilir.

Cerberus.

Kendisinde sıfırla postalamak için bir e-posta şablonu oluşturma zor bir iş olabilir. Ve ne zaman konuşuyoruz Uyarlanabilir bir düzen oluşturma hakkında, hala var daha fazla nüansdikkate alınması gerekiyor. Bu yüzden Cerberus'un kullanışlı olduğu gibi bir çerçeve budur.

Bu Kompakt Kütüphane, aboneleriniz için unutulmaz bir e-posta tarama deneyimi sağlayacak bir e-posta oluştururken kullanıcıların birden fazla HTML şablonu kullanmasına yardımcı olmak için tasarlanmıştır. İle oluşturulan küçük desenler hTML kullanarak. , Son sonuç olarak kullanılması amaçlanmamıştır. Cerberus geliştiricilerin kendi seçeneklerini oluşturmak için HTML koduyla denemeleri önerilir.

Turnusol.


o ünlü marka Verimliliği test etmeyi ve analiz etmeyi sevenler arasında eposta pazarlama Kampanyalar. Litmus ekibi, topluluğun düzenli olarak düzenli olarak çeşitli ücretsiz kaynaklar sağladığı, bunlardan biri bir dizi adaptif e-posta şablonları olan ünlüdür.

Setten beş şablonun tümü farklı kategorilere atıfta bulunur. Bunların arasında: HTML Bülten E-posta Şablonu, Yeni ürünlerin duyurulması için şablon, finansal bildirimler için makbuz şablonu, kısa mesajlar gönderme reklamları ve hatta düzenli bir mektup şablonu. Harflerinin basit olmasını isteyen kullanıcılar için mükemmeldir, ancak aynı zamanda uyarlanabilir.

Duyarlı HTML E-posta Çerçevesi


Bu, adaptif e-posta e-postaları oluşturmak için tam özellikli bir çözümdür. Framework, geliştiricilerin bir dizi ızgara, modül, blok ve satır, içerik için bir dizi ızgara, modül, blok ve satır, elementler, düğmeler, görüntü dizeleri ile kusursuz bir mektup şablonu geliştirmek için kullanılabilecek diğer elementler arasındaki mesafeyi ayarlama işlevi sağlar. Tüm popüler posta müşterilerinde test edildi.

E-posta Vakfı


Bu, web geliştirmeyi optimize etmek için çeşitli çerçeveler ve platformlar kümesidir. Vakıf, geliştiricilere ve tasarımcıların, hızlı bir şekilde etkili adaptif e-postalar oluşturmanıza olanak sağlayan CSS çerçevesini kullanmayı kolaylaştırır.

Her HTML harfi desen editörü başlangıçta temel sistemini kullanır. Sonra bu amaçlar için farklı sık kullanılan elemanlarla eklenebilir. E-ticaret veya iş markası alanında çalışıp çalışmadığınızdan bağımsız olarak, Vakıf uyarlamalı şablonlar oluşturma konusunda yardımcı olacaktır. e-posta.

Antwort.


Antwort bir çerçeve olarak konumlandırılmamış, kendilerini sabit ve sabit ve kullanabilecekleri hazır e-postaların kaynağını ararlar. mobil cihazlar. İOS ve Android'in yanı sıra Yahoo!, Gmail ve Outlook gibi ana posta müşterileriyle kusursuz çalışıyor.

Outlook'un en eski sürümlerinden bazıları bile. Düzenler, dinamik içeriğin dinamik eklenmesini dikkate almak için tasarlanmıştır. Aynı zamanda, harflerin tasarım stili minimalisttir.

Zurbe oyun alanı


Bu bir geliştirici şirketidir HTML5-Framework Vakfıve ayrıca mürekkep olarak adlandırılan bir servis operatörünün yanı sıra. Bugün, temel e-posta olarak daha ünlüdür.

Zurb'den oyun alanı, herhangi bir boyutta ekran ve cihazlara kolayca uyarlanmış beş farklı e-posta şablonundan oluşan bir seçim sunar. Tüm şablonlar ayrı stil sayfaları ve HTML belgeleriyle birlikte verilir. Bu şablonlar, herhangi bir büyük e-posta platformuyla uyumlu olacaktır. Servisi bu şablonları kullanabileceğiniz kombinasyon halinde kolayca bulabilirsiniz.

Mosaico.


Herhangi bir kullanıcının adaptif güzel HTML harfleri şablonları oluşturmasını sağlayan bir platform. Mosaico, özel elemanları yönetmek için araçlar sağlar ve uyarlanabilir Tasarım. Yardımlarıyla, tüm düzenleri tek bir dokunuşla kişiselleştirebilirsiniz.

Dahili kontrol sistemi, yapılan tüm değişiklikleri iptal etmenizi ve tekrarlamanızı sağlar. Kendi elektronik harflerinizi bile indirebilir ve bunları Mosaico'da özelleştirebilirsiniz. Platformun açık kaynak kodu var ve herkesi projenin geliştirilmesine katılmaya çağırıyor.

Açık Kaynak E-posta Şablonları


Pazarlamacılar ve blogcular sunan tanınmış elektronik pazarlama platformu, piyasadaki şablonlarını kullanımı kolay bir ortamın parçası olarak yaratma ve tanıtımı. Pazarlama topluluğu sayesinde, SendWithus, kullanıcılara on adaptif şablondan bir kütüphane sunar.

Tüm şablonlar, takdirinize göre herhangi bir değişiklik ve ayarlamanıza izin veren açık kaynak koduna sahiptir. Bu şablonlar ücretsiz olmasına rağmen, ancak yalnızca hesap istemcilerini ve bildirimleri ayarlamak için uygundurlar.

Duyarlı e-posta kalıpları.


Brian Graves, adaptif e-postalarla yaratmak ve çalışmak için güvenilir bir üs koydu. Projesi duyarlı e-posta kalıpları, en sevdiğiniz e-posta platformuyla veya doğrudan posta istemcisine kullanılmak üzere hızlı bir şekilde uyarlanabilir harfler oluşturabileceğiniz bir dizi bağlı şablondur. Şablonlar, listeler, medya, navigasyon ve örgü gibi unsurları içerir.

HTML E-posta Şablonları.


Yetkili Elektronik Pazarlama Hizmeti, yüz binlerce internet pazarlamacısının bültenlerle en uygun sonuç elde etmesine yardımcı olmaktadır. Kampanya Monitörü, e-posta kampanyalarını test etmek için bir işlevsellik ve ayrıca bir elektronik harf yapıcısı ve HTML postası için bir harf şablonları koleksiyonu sağlar. Neredeyse her durum için uygun 20'den fazla benzersiz şablona sahiptir. Ortaklıklar, iş görüşmeleri, geleneksel bülten şablonları ve etkinlik duyuruları şablonları oluşturmak için şablonlar.

HTML e-posta tasarımları ile e-posta tasarım ilham


Bu, bazı önde gelen teknolojik şirketlerde postalarda kullanılan en iyi e-postalar şablonlarının deposudur: Dropbox, Udemy, Moo, Digitalocean ve diğerleri. Bu örneklerdeki en dikkat çekici şablonlar gerçek kullanıcılara gönderildikleridir. Bunun sayesinde, uygulamanın özelliklerini daha iyi anlamak için şablonların yapısını kolayca analiz edebilirsiniz. yüksek verim. Temel olarak alınabilecek yüzlerce e-posta şablonları.

MJML - Duyarlı e-posta çerçevesi


Bu çerçeve ve geliştiricilerin hızlı bir şekilde uyarlanabilir şablonlar oluşturmasına yardımcı olmak için tasarlanmış yerleşik kullanıcı İşaretleme Dili. MJML hedefi, adaptif e-postaların tasarımını basitleştirmektir. MJML ile oluşturduğunuz işaretleme daha sonra otomatik olarak HTML5 koduyla tamamen uyumlu bir şekilde dönüştürülür. Herhangi bir e-posta istemcisinde kullanabilirsiniz. Ayrıca birkaç önceden ayarlanmış desen mevcuttur.

Respateil


Karmaşık çerçevelerle uğraşmak istemeyenler için, RefMail var - basit bir uyarlanabilir e-posta çözümü var. Emrinizde, istediğiniz şekilde değiştirilebilecek tek bir şablon sağlar. HTML oluşturma anından, tüm önemli posta müşterilerinle uyumluluk sağlamak için e-posta mektubu şablonu geliştirilmiş ve geliştirilmiştir.

Tutku.


Bu, modern web tasarım kavramlarını kullanan karmaşık bir mektup şablonudur. Bu şablonun genişletilebilirliği çok etkileyici. Çeşitli öğeler Şablonlar ayrı bileşenlerdir ve sizin fikrinizde posta mektupları için gerekli olduğunu basitçe seçebilirsiniz.

Ücretsiz Bülten Şablonu.


Ücretsiz Bülten Şablonu. Bu, basit bir e-posta düzenine ihtiyacı olanlar için zarif ve minimum bir çözümdür. Bize göre, bu şablon blogcular, sanatçılar, mesajlarını iletmek isteyen, modern karmaşık öğelere bir mektubu yüklemek zorunda kalmadan faydalı olabilir.

MailPortfolio.


MailPortfolio, aynı felsefeyi HTML açıklatılan mektup şablonu olarak itiraf eder. Postaportfolio'nun temel kırmızı renklerde daha fazla yönlendirildiği tek farkla. Ama her şey, tam olarak aynı görünüyor. Bodrum katında, çoğu e-posta pazarlama platformunun zorunlu olduğu şirket hakkında gerekli bilgileri belirleyebilirsiniz.


Sevgililer Günü hızlı bir şekilde yaklaşıyor! Bunun için incelemeye çok eklemeye karar verdik. güzel şablon Sevgililer Günü E-posta ŞablonuTekliflerinizi, haberlerinizi tanıtmak için bu günde kullanılabilir. Çok sayıda işlev kullanılarak, bu şablonu çeşitli kullanımlar için yapılandırabilirsiniz.

Edmdesigner.


Bu şirket, topluluk gereksinimlerine tam olarak adapte olmak için çok zaman harcadı. Sonuç, e-posta oluşturmak için fonksiyonel bir platformdu. Sürükle ve bırak arayüzü, geliştiricilerin güzel düzenleri yaratmalarına yardımcı olur. Artık aynı içeriği tekrar yeniden oluşturmak için zaman harcamak zorunda değilsiniz. Edmdesigner ile, yalnızca harf şablonları değil, aynı zamanda öğeleri de ayırabilirsiniz. Gelecekte, onları gelecekteki kampanyaların herhangi birine tekrar kullanabilirsiniz.

Modern HTML E-postası


Ücretsiz şablonlar listemiz kitabı tamamlamak istiyoruz. o en iyi yol Uyarlanabilir e-postalar şablonlarının nasıl oluşturulacağını öğrenin. Onlardan birinin yazarı Jason Rodriguez. Kitap, tüm cihazlarda ve tüm tarayıcılarda tüm cihazlarda mükemmel çalışacak modern ve güzel HTML harfleri şablonları oluşturmanıza yardımcı olacaktır. Kitap, e-posta oluşturmanın ana yönlerini, ayrıca analitik araç ve raporları kullanarak elektronik posta ve optimizasyonu test etme yöntemlerini de tartışıyor.

Premium Uyarlanabilir HTML E-posta Desenleri

Premium segmentten HTML postası için adaptif harflerin adaptif şablonlarından bahsetmek istiyoruz. Fiyatları gerçekten çok düşük ( bu iş için tasarımcıya ne kadar ödeyeceğinizle karşılaştırıldığında). Ve gerçekten mükemmel desenler bulduk.

Fikir.


Hepsini sağlayan fonksiyonel şablon modern unsurlar Şablonun kendisine yerleştirilebilecek HTML5. Fiyatlarınız hakkında kolayca konuşabilirsiniz, tüm süreci basit yapan gömülü eşyaları kullanarak ürün özellikleri. Şablon, muhteşem harfler oluşturmanıza yardımcı olacak dahili bir sürükle ve bırak modülü içerir. Ayrıca önde gelen e-posta pazarlama sağlayıcıları ile tam olarak uyumludur.

Vibiti.


Vibiti için çok amaçlı bir şablon olarak tanımlanabilir. Çeşitli endüstriler. Profesyonel görünüm Vibitiyi bu iş alanları için çekici hale getirir. Şablonun herhangi bir bölümünü takviye bağlı olarak değiştirilmesi ve optimize edilmesi kolay olan bir sürükle ve bırakış yapıcısı içerir.

Herkese merhaba. Geçen gün HTML harfleriyle başa çıkmaya karar verdim. İnternette birkaç saat geçirdi, bu konuda düzinelerce makaleyi yeniden okudum ve bunun çok zor bir iş olduğu sonucuna vardı.

Ama arzu, bu yüzden daha fazla kazmaya başladım. Belki bir blogda, yakında e-posta aboneliğinin, daha güzel hale getirebileceğiniz başka bir diğer tarafa (makale altında) e-posta aboneliğinin yerini alacağım. Asıl şey, posta istemcilerinin altındaki tüm yerleşim nüanslarını dikkate almak ve onlara yeterli olmadığına inanmaktır.

Posta için HTML harfleri oluşturmanın alaka düzeyi

En çok postalar etkili yollar mal satmak, müşterilere haberleri iletmek, promosyonları anlatmak ve ek hizmetler. Ayrıca, bir müşteri tabanınız olduğunda, "eski" alıcıları iade edebilir ve bir satış daha yapabilirsiniz.

İlk satın alımdan sonra müşterilerinize ilginç olabilecek ek hizmetler hakkında bir malzeme gönderebilirsiniz.

Ve elbette, büyük sayıların teorisi burada çalışıyor. 20.000 aboneyi satmak için bir teklif gönderirseniz, 1000 tanesi teklifle tanıştı ve en az 10 satın alacak ve maliyetler - 0. Sadece bir mektup gönderdin!

Fakat birisi bir mektup açmadı, biri keşfetti ve okumadı, çünkü metnin bir kısmı var, biri fotoğraf açmadı ve birisi düzene gitti. Olur. Posta programlarının CSS'yi ve tarayıcıların yanı sıra desteklememesi nedeniyle. Ve JavaScript hakkında - Genellikle sessizim.

Ve HTML harfleri oluşturma yapan ayetler için çok fazla sorun var.

Ancak bugün, mektuplarınızın çekici görünmesi için tüm tarayıcılarda (mobil) ve posta programlarında eşit derecede iyi açılacak bir HTML harfi oluşturmayı söylemeye çalışacağım ve müşterileri kaybetmediniz. Bu, ekranda sorun varsa, daha sonra bunu düzelteceğim ya da bir devam edeceğim. Ayrıca, sorunları test etmeye ve tanımlamaya yardımcı olan herkese minnettar olacağım.

HTML harflerini döşerken sorunlar

Posta hizmetlerinin yapmadığı gerçeği nedeniyle genel kurallar HTML harflerini görüntüleme, Versoil, 90'ların kurallarını kullanmalıdır. Bazıları kullanılmak için gerekli değildir, ancak ben, hiçbir zaman belgenin HTML'sinin içindeki stilleri yok, ancak belgenin HTML'in içinde değil, yani, her bir element için ayrı ayrı satır içi.

Bazı Posta Programı geliştiricileri genellikle yukarıda açıklanan yöntem gibi stil tabloları ve stilleri için desteği devre dışı bıraktı. Tartışmacı, metin için harflerin gerekli olmasıdır. Yani her bir öğe için stilleri ayrı ayrı yazmanız gerekir.

Başka bir sürpriz, birçok posta hizmetinin şamandıra ve marj girintilerini ve dolgusunu desteklemediği ortaya çıktı. Nasılsın? Soğuk üç telli HTML harfini DIV (ler) bazında hayal edebiliyorsunuz ve kullanıcının bu tür BELIBLEDA'sı da onu çıkardı ve ondan istediğini fark etmeden.

Evet evet. Doğru anladın! Mektubunuzu doğru açmayacak binlerce kullanıcıyı feda etmeye hazır değilseniz, tabloları kullanmanız gerekir. Tabloların bugün çapraz tarayıcıya ulaşmak için tek yolu olduğu ortaya çıktı.

Sitelerden birinde yazdığı gibi:

Böyle korkutucu şeyleri hatırlamanız gerekir: Cellpadding, Cellpacing, ColSpan

Benim durumumda, tabloları hiç kullanmadım çünkü öğrenmek zorunda kalacaklar. Belki de hiçbir zaman mektup tasarımıyla başa çıkmaya karar vermemeliydi :)

Eğer görüntüler için ALT reçete etme alışkanlığına sahip değilseniz, bazı e-posta istemcileri, varsayılan olarak, resimlerin görüntülenmesi kapalıysa ve mektubumda çok varsa, mektuplar koymak için çalışmak zorunda kalacaksınız. Kullanıcı boş bir çerçeve görecek ve böylece bunlarda metin olacak.

Yine de, benim için birçok değeri sürekli sıfırlamanız için bir sorun haline geldi, örneğin bir bağlantı olarak sorulursa resimlerdeki sınırlar.

Şimdiye kadar - her şey! Eğer bir şey hala ortaya çıkıyorsa, yol boyunca tarif edeceğim. Ve şimdi size henüz çıktığımı göstermek istiyorum, yazı tipi, renk, metin boyutu, vb. Gibi dekorasyon stilleri eklemedi. Bunlar sadece doğru yerlerde unsurlar. Bir sonraki makalede, test sürecini farklı posta hizmetlerinde ve düzenlemelerinde tanımlayacağım.

Gördüğünüz gibi, üzerinde çalışacak bir şey var. Düzen sürecini biraz tanımlım. Enjekte edin - hiçbir anlam ifade etmiyor, bir sonraki makaleye çok fazla değiştirecek. Aslında, her şey basit görünüyor, ancak diğer taraftan, bu meslek çok fazla zaman aldı.

HTML harfi nasıl oluşturulur

Bir başlangıç \u200b\u200biçin, mektubun tüm içeriği,% 100 geniş ve mavi bir arka plan için bir çerçeve tablosu oluşturdum. İki iştirak gönderdi. Biri başlık için (ID \u003d "başlık"), içerik için ikinci (id \u003d "içerik"):

Sitede Bülten



Zaten fark ettiğiniz gibi, sarmalayıcı tablosu için CELLPADDING \u003d "40" olarak ayarladım. Bu harici bir girintidir. 20PX'teki girinti, başlıktan sorumlu olan tabloyu ayarlayın. İçeriğin içeriğinin bulunduğu tabloya ekleyin. bulunacak. Ayrıca, tüm masalar merkezin merkezine döndü. Daha fazla ...

Şimdi başlığı 2 parçaya bölmek gerekir. Bir konumda logoyu ve başka birinde 3 sütunla başka bir tablet oluşturuyorum ve orada sosyal ağlara bağlantılar koydum.

Png "alt \u003d" (! Lang: logo" width="84" height="84"/> !}

Dizayımdan Dış Referanslar Nasıl Kapatılır

Merhaba millet. Bugün, asıl bağlantıların iniş sayfanıza nasıl güvenilir bir şekilde kapatılacağı hakkında konuşacağız, böylece ağırlık ondan iletilmez, ancak sayfanızda kaldı. Muhtemelen bildiğiniz gibi, şimdi, referans özniteliğini kapatsanız bile, statik ağırlık hala iletilir ve bu nedenle sayfanızdan düşer.

Şimdi 3 sütunun bir yapısını oluşturmanız gerekir. Şamandıra (lar) kullanamadığımız için 5 sütun yapmanız gerekir. Resimler (150px) ve 2 - aralarında bir girinti ayarlamak için resim (150px) ve 2 - (60px) ayarlamak için.

Png "/\u003e

UTM etiketleri nasıl yapılır ve ihtiyaç duydukları şey Blog güncellemeleri ve optimizasyon ile mini rapor AB testi için komut dosyası

Smartlanding | 2014.

Şablon Sayısı

Kalite şablonları

Mükemmel

Mükemmel

Mükemmel

Mükemmel

Mevcut Konular

Bayram

- iş

Online mağaza

- Turizm

- Genel, vb.

-Del

- bir restoran

- Turizm

- iş

Online mağaza ve diğerleri.

- genel

Bayram

- Turizm

- iş

Online mağaza

- İnternet mağazası

- Güzellik ve sağlık

- Turizm

- Bayram

Online mağaza

- Turizm

Farklı ekranlar için harflerin uyarlanması

Evet (100 adres başına 1.500 harfe kadar)

Evet (2.000 adres için 15.000 harfe kadar)

Evet (5.000 adreste 6.000 harfe kadar)

Şablonların ücretsiz kullanımı olasılığı

Daha önce kullanılan şablonları kullanabilme

  1. Unisentous.

E-posta el sanatları oluşturmak için en popüler ruslaşmış hizmetlerden biri. 3 Editör mevcuttur: Blok şablonları için (metin ve görsel içerik takdirine bağlı olarak değiştirilebilir), hazır temel ve HTML şablonları için kendi HTML-SCab E-posta e-postanızla çalışmak için. Demonte editörler zor değil, sistem ipuçları verir ve hepsi gerekli araçlar İş sayfasının tepesinde.

  1. Sendpulse

HTML şablonları oluşturmak için daha az popüler, anlaşılır ve kullanışlı bir site yok - hazır şablonlarla baskı ve çalışma. Sözlü olarak, başarılı bir posta oluşturmak için en büyük ücretsiz paket ve oldukça fazla şablondur.

Site, kendi şablonlarınızı basitleştirilmiş bir HTML -Customer, tasarımcı veya bilgisayardan kendi şablonunuzun yüklenmesi yoluyla oluşturmayı mümkün kılar. Oluşturucuda, anlamak kolaydır, içinde kendi resimlerinizi, yazı tiplerini seçerek ve hepsini ihtiyaç duyduğunuz yere açığa çıkarmak için "sıfırdan" güzel bir harf yaratabilirsin.

  1. Rumireer.

İyi şablonlar ve nispeten büyük ücretsiz paket ile tasarım sitesi açısından mütevazı. İşlevsel Çalışma S. sınırlı miktar Şablonlar deneyimli kullanıcıları yaşamak istediğim kadar geniş değil. Hiç uygun bir blok editörü yoktur.

Ayrıca, aboneleri dışa aktarırken harika özelliklerin varlığında hizmet. Elektronik adreste, tabakalarla, tabakaların yanı sıra giriş veya etki alanı ile boşaltılabilirler.

  1. Cevap almak.

Servis kendisi için ünlüdür büyük miktar 24 kategoride mevcut şablonlar. Sitenin kendisinin güzel bir arayüzü, müşterilere mektuplar için bitmiş ve HTML -SLL'lerin bir blok editörü ile anlaşılabilir kullanıcılar tarafından tamamlanmaktadır.

Editörün kullanımı kolaydır. Bloklar kolayca sürüklenebilir, yerleri değiştirebilir, silebilir veya eklenebilir. Bloğa tıkladığınızda, görüntüler ve metin içeriğiyle temel işlemler gerçekleştirmek için bir çalışma menüsü belirir.

Şablonları görüntülemek için, Gönderen verilerini ve mektubun konusunu girerek, Gönderen Gönderme ile çalışmaya başlamanız gerekir ve ardından "E-posta Tasarımcısı" düğmesini seçin. Kullanıcı kendi şablonuyla çalışmak isterse, "HTML Code Editor" seçeneğini seçmeniz gerekir.

  1. Mailerlite

Birçok kullanıcı en kolay olanı aradığı e-posta postalama web sitesi. Şablonlarla çalışmanın işlevselliği oldukça sınırlıdır, ancak ana eylemler gerçekleştirilir. Yeni gelen bile editörü anlayacak, çünkü Basit ve anlaşılabilir. Ayrıca, diğer platformlarda olduğu gibi, HTML-SCabs'ınızı e-posta tararları için kaldırabilir, düzenleyebilir ve kullanabilirsiniz.

Uygun bir harf html şablonu nasıl seçilir?

E-posta yoluyla e-posta taramaları için bir servis ve şablon seçimi - zihinle yaklaşmanız gereken sorumlu bir iş, çünkü Bu kısmen, ticari bir organizasyonun veya girişimcinin çalışmalarının devam eden başarısına bağlıdır. Yukarıdaki özelliklere, internetteki arkadaşlardan veya kullanıcılardan gelen geri bildirimlerde, sitedeki çalışma örnekleri, ayrıca bir veya başka bir hizmetten kendi duygularınızın yanı sıra bir hizmet seçmenize güvenebilirsiniz.

"Nasıl seçileceğini bulmak için nasıl öğrenilir?" Sorusuna ek bir cevap. En popüler hizmetler hakkında istatistikler sunabilir. Yapabilirdi, ancak açılışın, geçişlerin, tıklamaların% 'si, hizmetten çıkma, pratik olarak güvenilmez. Örneğin Stendulse (ücretsiz lüks limitler), "spam" klasöründeki ve gelenleri olmayan bir miktar harften daha fazla harften daha fazla olan tek şey. Hizmetlerin kendileri tarafından yayınlanan hataların% 'si, bunların yanı sıra kimsenin kontrol edemeyecek, bu durumda ampirik olarak.

Postaların ücretsiz özellikleri hakkında ayrıntılı bilgi verdik.

Nasıl öğrenilir mektup e-posta şablonu Her durumda uygun mu? Bu, yalnızca farklı şablonlarla çalışarak yapılabilir, en iyi tasarımı ve içeriği oluşturur. Birçok şirket ilk kullanıyor hazır Şablonlar, onları değiştirerek ve kendi yarattıktan sonra. o iyi bir seçenekYazma becerileri varsa hTML harfleri ve sayfaları Hayır ve yararlı bir araç göndermek.

İş için İnternet Hizmetleri.
Malzemeye referans zorunludur!


Hello Pahalı Okuyucular - Site!

Bugün e-posta için nasıl güzel bir posta yapmayı göstereceğim.

İnternetteki tüm işletmelerin e-posta pazarlaması üzerine inşa edildiği herkes için uzun zamandır yoktur.

Her gün, bilgi bültenlerinin yardımı ile bilgi-işadamları, blogcular ve aboneleri ile temas halinde, onlara çeşitli mal ve hizmetler sunmaktadır.

Ancak böyle bir teklife ne ödenir ve hemen "spam" klasörüne gönderilmemelidir, dikkatini çekmeniz gerekir.

Bunu yapmak için, güzel bir şekilde dekore edilmiş bir HTML mektubu şablonu yapmak uygun olacaktır.

Özellikle sizin için görsel bir fayda sağlayacak bir test şablonu aldım.

Ne ve nasıl yapacağız?

Ana iletişim kutusundan ve iki ikincil sütundan oluşan en kolay HTML harf şablonu () oluşturacağız.

Bir çerçeve ve konteyner tablosu oluşturma

Başlamak için, mektubumuzun HTML çerçevesini yapmamız gerekiyor. Bunun gibi görünecek:

HTML harf şablonu

HTML harf şablonu



Lütfen tablonun genişliğinin% 99 olduğunu, küçük bir mesafeyi bozduğunu unutmayın. Bu benim kişisel arzum değil, ancak gmail ve yahoo gibi bazı e-posta web istemcilerinin gerekliliği. E-postamızın geri kalanı, merkezde bulunan bu hücre masasında olacaktır.

Bir sonraki adım, harfin gerçek içeriğinin tablosunun bir sargısını oluşturmaktır. En fazla 600 piksel olmayan maksimum tasarım boyutunu saklayın:

HTML harf şablonu



Beyaz bir arka plan üzerinde ışığın gölgesiyle birlikte mektup şablonumuz 640 piksel olarak gerildi, ama onun iş bölgesi Hala 600px'e eşit kaldı.

Şapka yaratmak

Şimdi, ana tablo oluşturulduğunda, gerekli içeriği doldurmayı ele geçirme zamanı. Mektup şablonunun en üstünden başlayacağım ve yavaşça ineceğim, aşağı ineceğim.

Üst dize

Bundan sonra, daha önce yazılı kodu (tablo çerçeveleri) hariç tutacağım.

Böylece, elektronik tablonun ilk satırı beyaz yazı tipi ve mektubun web sürümüne bir bağlantı ile mavi bir arka plana sahiptir. Mektubunuzu böyle bir referansla donatmak çok önemlidir, çünkü tüm posta istemcileri içeriğini eşit şekilde çıkarmaz.

Ve görünüşü için CSS tarzı:

/ * Yazı Tipleri ve Tipografi * / .footer (Yazı Tipi ailesi: Arial, Helvetica, Sans-Serif; Yazı Tipi Boyutu: 11PX; Renk: #FFF; Dolgu-sağ: 20px;)

Sosyal ağ logosu ve simgeler

Aşağıda koşmak, logoyu görüyoruz ve bir seviyede bulunur.

Çıktıları için, bu kod sorumludur:

Ek olarak, aşağıdaki stiller tüm görüntülerimize HTML şablonlarındaki eklenir:

/ * Arka planlar * / .email_background (genişlik: 640px; arka plan: URL ("E-posta_images / e-posta_bg.jpg") tekrar-y;) / * Görüntüler * / IMG (Ekran: Blok; Sınır: Yok;)

Böylece, sosyal simgeler kendi iç içe geçmiş hücrelerinde yerlerinde oturuyorlar ve diğer bölümlerle ilgili değildir. Bu, uygun ihtiyaç olarak değişmelerini sağlar.

İçerik ekleme

İlk olarak, bu tasarımda 560 piksel ila 210px boyutunda olan ilk görüntünün eklenmesiyle başlayacağız. Ayrıca, ayrı olarak yapılan görüntünün altında şirin bir deforme gölge görebilirsiniz; bu, görüntüleri gölgeyi kaybetmeden hızlı bir şekilde değiştirmenize olanak sağlar. Koduna gidelim:

Burada, her iki taraftaki 20 piksel girintilerin eklenmesiyle genişliği 560px'e ayarlayarak büyük görüntüleri görüntülemek için yeni bir dize oluşturduk. Aynı eylemleri gölgeyle eğittik.

Bir başlık ve içerik ekleme

Aşağıda taşıma, ana malzemenin başlığını ve içeriğin kendisini görüyoruz. Burada, bu kod çekişmesinden sorumludur:

Bu senin öne çıkan hikayen

Pattaya'nın, Amerikan denizcilerinin sıklıkla burada dinlenmesi nedeniyle popüler bir tatil yeri olduğuna inanılıyor, ancak, burada ve şimdi çok sayıda bir sayıdır ve her zaman birkaç TAEK ile çevrilidir. Doğal olarak vatandaşlarımız arasında, Mısır ve Türkiye'den daha az popülerdir. Ancak yerel konuşma, her yerde duyulur) ve alışveriş sırasında alışveriş komplekslerinde ve çeşitli yerel barlarda)). Pattaya, esasen gece hayatı, deniz ve tekstilleri ile ünlüdür. Tabii ki, diğer şeylerin yanı sıra, burada diğer birçok ilginç şeyleri bulabilirsiniz. Burada cip ve scooter dahil olmak üzere herhangi bir araç alabilirsiniz. Motosiklet sevenler için genellikle bir cennet vardır. Bir motosikletin hakkı kiralamak, sadece 100-500 BAHT (artı 2.000 Baht depozitosu), iyi bir scooter kiralayabilir ve zevkinize girebilir!

Mektup şablonunun başlığının ve metninin görünümünü değiştirmek için aşağıdaki stilleri kullanmak için yeterlidir:

H1 (Renk: # E95F03; Yazı Tipi-Ailesi: Futura, Verdana, Sans-Serif; Dolgu: 0; Marj: 0; Yazı Tipi Boyutu: 24px; Yazı Tipi Ağırlığı: Normal;) .Content (Dolgu: 0; Margin: 0 ;) P (Yazı Tipi ailesi: Arial, Helvetica, Sans-Serif; Yazı Tipi Boyutu: 13PX; Hat Yüksekliği: 20px;)

Ek içerik

Şimdi şablonumuzun ek içeriğine gidiyoruz. Zaten fark ettiğiniz gibi iki sütuna ayrılır. Sütunların her birinde bir fotoğraf, başlık ve küçük bir önizleme var. Bütün bunlar buradaki bu kodla oluşturulur:

Bu ikincil bir başlıktır

Bu ikincil bir başlıktır

Pattia'nın imha edilmiş itibarına rağmen, burada ünlü Thai masajının sadece genelevler için bir kapak olmadığını öğrenebilirsiniz. Tayland gerçekten iyi bir masaj yapar ve bu sanattaki en iyi uzmanlar blbmasters. Sırları parmakların duyarlılığının artmasıyla yatıyor.

Central Street ve Pattaya'nın kalbi, kimseyi kayıtsız bırakmaz. Yerel Arbat, Times Meydanı ve bir bardakta Gomorrea ile Sodom, "Uoking Street", hem yerel sakinler hem de ziyaretler için gerçek bir sevgi ve nefret kaynağıdır. "Pattaya" diyoruz, yürürken sokak demek.

Burada hala ek bir stil eklememiz gerekiyor. İşte burada:

H2 (Renk: # E95F03; Yazı Tipi-Ailesi: Futura, Verdana, Sans-Serif; Dolgu: 0; Marj: 0; Yazı Tipi Boyutu: 18PX; Yazı Tipi Ağırlığı: Normal;)

HTML harf şablonunu kapatma

Yani, şablonumuzun sonuna yaklaşıyoruz. Burada görüntüyü ve aşağıdaki kodu kullanarak ana pencereyi kapatmamız gerekiyor:

En iyilerinden biri Önemli yönlerBu tür harflerden () elde etmekten bir abonelikten çıkma için bağlantı mektubunun şablonunun sonunda eklenir. Evet, evet, aboneleri kaybetmek istemediğinizi biliyorum. Ancak onları kızdırmak da imkansızdır. Müşterilere, belki de uzun süredir devam eden bir bülten almayı reddetme fırsatı sunmalısınız. Aynı zamanda yazarın kim olduğunu hatırlat.

Burada böyle bir koda ihtiyacınız var:

Bülten Gönderen: Ivanov Ivan
Blog Yazar: ivan.ru

Abone olmayı reddetmek ister misiniz? buraya basın

Sonuç

Sevgili arkadaşlar, hepsini göstermek için grafik elemanları Harfler şablonunda, herhangi bir çevrimiçi sunucuya indirilmeleri gerekir ve kodun uygun satırında, bu görüntülere benzersiz bir yol kaydetmeniz gerekir.

Test HTML harf şablonu, herhangi bir zamanda zevkinizi ters çevirebileceğiniz bir kılavuz olarak verilmiştir.

Bugün hepsi. Umarım beğenmişsindir.

Yeni makalelerden önce ...

Saygılarımla, Denis Chernikov!



 


Oku:



Etli lezzetli ufalanan karabuğday yulaf lapası - Adım adım tarif

Etli lezzetli ufalanan karabuğday yulaf lapası - Adım adım tarif

Adım adım tarifler sığır eti ve mantarlar, sebze veya güveç, fırında, fırın veya multicooker 2017-11-07 Julia Kosich ...

Lahana, soğan, domates ve yumurta salatası

Lahana, soğan, domates ve yumurta salatası

BELOCOCAL LABBAGE, düşük kaloriferiteye sahip bir üründür, ancak çok sayıda vitamin bulunduğu çok zengin bir kompozisyondur ...

Kuru bisküvi nasıl pişirilir

Kuru bisküvi nasıl pişirilir

Şifon Bisküvi - Nedir? Şifon Kek, Şifon veya Petrol Bisküvi, özel, üniforma olan çok muhteşem ve havalı bir kekdir ...

LED ve İkili Saat

LED ve İkili Saat

Adidas Trademark, orijinal tasarım ve ürünlerinin yüksek kalitesi ile ünlüdür. Ve sadece kıyafetler ve ayakkabılar değil, aynı zamanda elektronik ekipman ....

yEM görüntü. RSS.