HTML e-posta oluşturmak için: adım kılavuz adım

Posta listeleri pazarlama kampanyalarının önemli bir parçasıdır. birçok yönden kendileri için e-posta oluşturma basit Web sayfaları gelişimini benzer. Aynı zamanda bazı önemli farklar dikkate almalıdır. Özellikle, HTML e-posta gönderme onlar teknik anlamda doğru yapılır ve bunların içerik ve stil hedeflerinize ulaşmak sadece etkili olacaktır. Bu durumda, meslekten bu görev ile baş edemez bir algı var. Bu makale yazmak ve nasıl HTML e-posta göndermek nasıl adım talimatlar tarafından detaylı bir adım sağlar.

yaratılış özellikleri

Modern insan günde 5-6 ortalama alır, ve bazen de 10 e-posta üzere. Bu aşağıdaki yazışma okumaya gitmeden önce sadece, alıcının dikkatini çekmek için zaman var, bir saniyeden az olması anlamına gelir. Aksi takdirde, gönderen HTML e-postaları etkisi olmayacak ve sadece zaman boşa.

potansiyel müşteriler ya da diğer hedef kitlenin ilgisini çeken şansınızı artırmak nüans biri mobil cihazlara uyarlanmış yazışma, yaratılmasıdır. Sonuçta, e-posta görüntülemek yöneliktir kime olanların çoğu, muhtemelen masaüstü bilgisayarlar ve dizüstü bilgisayarlar daha sık bunları kullanın.

Bu amaçla kullanılabilecek için, örneğin, "duyarlı tasarım" kolayca ekran boyutuna uyum sağlar.

Ne mektup şablonu olmalıdır

amaçlanan belgenin düzeni, muhabirleriyle göndermek için, aşağıdaki şartlara uygun olmalıdır:

• Herhangi bir tür cihazlarda metin ve diğer içerik doğru bir görüntü sağlar 500-600 piksel aralığı geçemez yani., E. boyutu, oldukça dar yapılmalıdır.
• Okumayı rahatsız olacak tüm metin bilgisi yanı sıra iOS cihazın HTML-posta için yeterince büyük bir yazı tipi kullanmak gerekirse en az 13 piksel yazı tipi boyutu.
• Tek yapmanız kliklediğiniz Elemanları, en yakın bağlantılardan yeterince büyük ve yalıtılmış olmalıdır. Bu durumda, alıcı kolayca ilk denemede onları etkinleştirebilirsiniz.

eğitim

HTML mektup gelişmesi önce, sürücülerin birini yeni bir klasör oluşturun ve, örneğin, "Haber" adını gerekir. Buna ek olarak, indirmek ve Dreamweaver CS3 yazılımı yüklemeniz gerekir. Adobe'den Bu ürün oldukça basit bir araçtır tasarımı web siteleri ve HTML biçiminde bir e-posta harflerin gelişimi için uygundur.

Doküman oluşturma ve kaydetme

Mektubun metni yazmadan önce yapmanız gerekenler:

• oldukça popüler bir program tasarımcısı HTML e-postaları Dreamweaver CS3 (DW) açmak;
• Geçiş HTML 4.01 »" bir türünü seçerek bir belge oluşturmak;
• «.html» uzantılı dosyayı kaydedin;
• Üst menüde düzenleme komutunu bulmak için;
• yerine etiketi HTML »onay kutusu "Kullanım CSS'den kene çıkarın.

adım kılavuz adım

Şimdi, HTML e-posta oluşturma görelim. Bunun için:

• Sürekli menü sekmesi "Ekle" ve "Tablo" açın ve tablonun gerekli parametreleri ortaya. Örneğin, satır - 2 sütun - 1, Genişlik 700 -, başlık - En. sınırları ayarlanabilir ve 0 verilerek, onlarsız yapabiliriz.
• mesajı başlığını oluşturun. HTML harf yana kurumların bir daha çok sayıda yöneliktir, yani arzu edilen alıcının adı yerine, operatör [first_name] kullanın.
• Alt pencerede, "Özellikler" başlığı metin ve tipi, boyut ve renk için gerekli parametreleri koymak arka plan rengi.
• başlık alanından "Çıkış". "Ortalanmış" ve imleç koymak seçenekleri taşımak için ekranın alt kısmında "ortasında."
• doğru türde ve seçerek DW programda "yazma" hazırlanmış kısa mesajı ekleme veya yazı tipi boyutunu, sayfadaki metnin ve hizalama.

köprü bağlantıları oluşturma

Biz HTML harfli daha profesyonel ve ileri yapmaya çalışacaktır. sakla içerik köprüler Bu gaye ile. Bunu yapmak için, bağlantılı metin bağlantısı olarak seçildi metinde, yer seçin. Sol köşede uygun simge "açık" olmalıdır ve ekranın üst kısmındaki açılır kutusundan bir bağlantı ekleyin. Bu durumda, yeni bir pencerede bağlantıyı açmak için, «_blank» giriş kutusunda bir kene koymak unutmayın ve gösteriden sonra alıcı ana harfi erişimi kaybetmemiştir.

resimler eklemek nasıl

Genellikle HTML biçiminde bir mektup tercihen yazarın bir fotoğrafı veya ilgili tematik resmi ile, irtibat bilgilerini tamamlar. Bu internetten veya resmin URL'sini gerekeceğinden, internette indirerek indirilebilir. Bu en iyi ücretsiz hizmetlerden biri tarafından yapılır.

Böyle güzel bir son vermek için:

• 3 ve sütunlar sınır pikseller için 0 değeri bir başka temel tabloya, mesajın alt kısmına yerleştirilir;
• onlar resmini görmek ister tabloda, imleci koydu;
• alt pencere, "orta" ve her bölüm için, "üst kenar" mark;
• Üst menü sekmesi "Ekle" seçim;
• açılan menüden yazıt "Resim" üzerine tıklayın do, kopyalanan iletişim adresi yapıştırın;
• 2 kez «Tamam» basın.

yorumu

Şimdi HTML harfi nasıl bildiğinize alıcı doğru biçimde göreceksiniz emin olmalısınız. Bu amaçla, göndermeden önce Dreamweaver CS3 tarayıcıda çalışmanızı görmek istiyorum. Bunu yapmak için, orta üst menüde bir küre ile ikonunu tıklayın. harfler yerine ekranda göründüyse, abracadabra, ayarların avtokodirovku tarayıcınızda koymalıyız.

kodlama

"Kod" - ve "Proje" bölümünden kod kısmına gidin. penceresinde o ayrılmış ve bütün bu etiketleri ve arasında uzanan kopyalayın. dosyayı kaydedin. Daha sonra, HTML kodu eklemek.

HTML e-postaları gönderme

posta açık "Smartresponder" (SR) yapmak için. o zaman:

• seçebilir veya dize "ad" ve doldurarak yeni bir e-posta oluşturmak "gönderen adresi."
• "Harfinin teması" satırını doldurun;
• Sol üst menü HTML kodunda işareti;
• Yerleştirme kodu büyük alanda "Kaynak" program DW-koduna kopyalanan;
• Bir aracı "Önizleme" nin gösterim aracının doğruluğunu kontrol edin;
• Mektubun metni sürümünü siler;
• "Gönder" butonuna yanındaki uygun düğmeyi kullanarak, spam için test edin.

Çeşitli popüler şablonları

bir çerçeve kullanılması önemli ölçüde yazma sürecini hızlandırmak ve sadece web-belgeleri yaratmanın temellerini anlar vardır geliştirici, için daha erişilebilir hale getirmeye yardımcı olur. En popüler desenler

• Cerberus. Sözde duyarlı şablonları Bu set harfler, normal olarak bir mobil uygulamada Gmail görüntülenen ve Outlook oluşturun. Bu yalnız ya da bunları birleştirerek ya HTML kod blokları kullanmasına olanak sağlar.
• Mürekkep - e-postalar, tüm cihazlar ve müşterilerle neredeyse evrensel ve uyumlu postalar hasat edilir.
• Gerçekten basit HTML e-posta şablonu. Şablon posta mektupları çok kolay ve hızlı oluşturmanıza olanak sağlar. Ancak, onlar eylem çağrısı girmiş bir sütun şeklinde çok basit bir tasarıma sahip olacak.

Bir HTML içine nasıl takılır

Şimdi biraz daha farklı bir sorunu ele alalım. Aşağıdaki örnekte, Google Chrome tarayıcısı, şunları yapmalısınız olduğu gibi kullanılarak örnek, gmail için bir e-postaya HTML kodu eklemek için:

• düğme «F12» tıklayın veya menüde komutların uygun dizisini seçmek;
• müşterinin mevcut kod sayfası gmail açık pencerede, HTML harfi eklenecek bir yer bulmak sağ klik yapın ve «HTML olarak düzenle» seçin.
• HTML kodu yapıştırın;
• İki tuş kombinasyonuna basın «Enter» «Ctrl» ve.

Aynı amaçla size kolay ispolzovnii Mozilla Thunderbird programı indirebilirsiniz. Bununla beraber "Ekle" seçeneğini Sonra da ilk mektubu oluşturabilir ve ardından "HTML" ve posta koduna yapıştırın.

enstrümanlar

Vordpressovsky E-Bülten eklentisi profesyonel haber ve abone yönetmenizi sağlar. Ve sonra ve başka WordPress yönetici paneli üzerinden doğrudan yapılır. Bu durum tam kontrol ve ancak sevinmek edemez ücret, tamamen ücretsiz sağlamaktadır.

Eğer harflerle yarattığı arka plan görüntüsü için kodu almak için izin veren basit bir araçtır Kurşun arka plan resimleri, - Başka basit bir araçtır. Bu yazışmalar daha güzel yapmak yardımcı olabilir. İçin harfi tescili sadece bu parametreler HTML-postaların tüm vücuda uygulanır ya da sadece tablo hücrelerinin biri için amacıyla yapılıp yapılmadığını beğendiğiniz arka plan resmin URL'sini girin ve renk saklıdır ve olmalıdır. Sonuç kopyalamak istediğiniz ve şablonunuzdan yapıştırın hazır bir koddur.

Şimdi HTML e-posta göndermek bilmelerini. Onun oluşturma web hiçbir sıkıntısı olduğu hazır şablonları kullanmak, özellikle özellikle zor değildir. Bu nedenle, hatta özel bilgiye sahip olmayanlar, kolayca bu görev ile başa çıkabilir.