Ücretsiz E-posta Bülteni Nasıl Oluşturulur ve Gönderilir

Birçok e-posta bülteni sağlayıcısı tarafından sağlanan birçok ödeme seçeneği vardır, ancak Gmail, Yahoo, Hotmail ve diğer herhangi bir ücretsiz e-posta hesabınızdan bir tane gönderebilirseniz, bütçenizden daha fazlasını diğer öğeler için ayırabilirsiniz..

E-posta kampanyanızı izlemek için araçlarla daha iyi yönetilen bir bülten hizmetleri arıyorsanız, ücretli servise gidin, ancak birkaç arkadaşınıza sadece bir bülten göndermek istiyorsanız, bu öğreticiyi seveceksiniz.

CampaignMonitor yardımı ile kendi bülten şablonunuzu HTML şablonu olarak kaydetme ve göndermeye başlama konusunda size rehberlik edeceğiz.

Photoshop'ta E-posta Şablonuyla Başlayın

Bülten şablonunuzun nasıl görünmesini istediğiniz hakkında bir fikriniz varsa, Photoshop ile çalışmaya başlayabilirsiniz. Aksi takdirde, birçok ücretsiz e-posta şablonu sağlayıcısından bir şablon indirebilirsiniz. Bir e-posta şablonunun belirli bir genişliği ve yüksekliği yok, ancak herhangi bir e-postada kesintisiz olarak okunabildiğinden ve okunabildiğinden emin olmak için genişlik boyutunu 650 pikselden daha fazla ayarlamamanızı öneririz. Ancak yüksekliklerde sınırlama yoktur, bu nedenle bu parametre size bağlıdır.

E-posta şablonu

E-posta şablonunuzla istediğiniz kadar yaratıcı olabilirsiniz, ancak daha fazla yaratıcı öğenin bulunduğu aklınızda bulunsun, her öğeyi dilimleme konusunda daha fazla iş olacaktır. Kullanacağımız şablon sadece birkaç basit öğeye sahiptir: bu kılavuzun yararı için bir başlık, fotoğraf, satırlar ve metin.

Yazı tipi seçimi

Photoshop'unuzda bulunan tüm yazı tiplerini kesinlikle kullanabilirsiniz. Ancak bir bülten oluşturuyorsanız, Times New Roman, Arial ve Georgia gibi web fontları kullanmanız önerilir. Aksi takdirde, özel yazı tiplerinizi kullanın, ancak bunları metin yerine resim olarak kaydedin..

Şablonunuzda çok fazla resim kaydetme zorunluluğunu sınırlamaya çalışın, çünkü bu yalnızca daha büyük hale getirecek ve yüklenmesi daha uzun sürecektir..

1. E-posta şablonunuzu dilimleyin

Bu kılavuzda, CampaignMonitor tarafından düzenlenmiş bir ücretsiz e-posta şablonu sürümü kullanacağız. Bu öğreticiyi takip etmek için buradan indirin.

Artık e-posta şablonunuzla hazır olduğunuza, Photoshop ile açın, Dilim Aracı ve şablonun her öğesini kesmeye başlayın.

Bu süreçte her bir alanı, metni, çizgiyi ve resmi dilimlemeniz gerekir.

Bir metni keserken, tam boyutta seçtiğinizden emin olun, metin alanında fazladan boşluk bırakmayın. Boş alanlar için, onları bir büyük dilim halinde dilimleyin, ancak karelere ayırın.

Photoshop ile kullanmanız gereken bir sonraki araç Dilim Seçme Aracı. Şablonunuzdaki her dilimlenmiş öğeyi düzeltmek için bu aracı kullanın. Her hattın bağlı olduğundan emin olun, dilimlemeden boş bir alan bırakmayın.

Dilim Seçme Aracı ile şablonunuzu büyütün ve yaptığınız her dilimi kontrol edin. Her hattın bağlı ve sabit olduğundan emin olun.

Sonuç şöyle görünecek.

2. HTML şablonu olarak kaydet

Dilimlenmiş şablonunuzla hazır olduğunuzda, Dosya'ya gidin ve Web ve Aygıtlar İçin Kaydet.

Kaydetme seçenekli bir pencere açılacaktır. Öncelikle, resim öğenize çift tıklayın ve kaydedildiğinde resim dosyasını kolayca tanıyabilmek için adlandırın. Click tamam onları adlandırdıktan sonra.

Açılır pencerenin sağ üst köşesinde bir sonraki resim türünü JPEG açılır menüden. Kalite ayarlanabilir 60 veya 80. Kaliteyi 100 olarak ayarlarsanız, görüntü kalitesi maksimum olur ancak şablonunuzu ağır hale getirir.

Şimdi tıklayın Kayıt etmek pencerenin altındaki düğme.

Yeni bir açılır pencere görünecektir. Burada, dosyanın kaydedilmesini istediğiniz hedefi seçin, ardından formatını değiştirin. HTML ve Görüntüler ve dilimler için Bütün dilimler.

Sonra, altında Ayarlar açılır menüyü seçin Diğer.

Altında bir başka açılır pencere belirecektir. HTML bölümünde, 'Biçimlendirme' altındaki seçeneklerin aşağıdaki gibi olduğundan emin olun; 'Kodlama' bölümü için aynısını yapın.

Şimdi HTML açılır menüyü seçin dilimler, ve seç Dilim Çıkışı için Tablo Üret ve sütunları aşağıdaki gibi ayarlayın..

Şimdi dilimler, gitmek Dosyaları Kaydetmek açılır menüden 'Optimize Edilmiş Dosyalar' bölümüne gidin ve kontrol edin Görüntüleri Klasöre Koy ve görüntü klasörünün adını ayarlayın. Varsayılan resim klasörü 'resimler' olacaktır. Sonra tıklayın 'TAMAM'.

Tamam'ı tıkladığınızda önceki pencereye dönersiniz, şimdi Kayıt etmek.

Kaydet düğmesine bastıktan sonra, dosyayı kaydettiğiniz konum klasörünü açın; e-posta şablonunuz için önceden kaydedilmiş dilimlenmiş görüntüleri içeren html ve resimler klasörünü göreceksiniz..

Tarayıcınızda '.html' dosyasını açın; bülteninizin artık bir HTML şablonuna dönüştürüldüğünü göreceksiniz..

3. HTML'yi düzelt, Metin resmini web yazı tiplerine değiştir

Aşağıdaki adımların sonunda, sonlandırılmış e-posta şablonunu HTML biçiminde alacaksınız.

HTML bültenindeki tüm öğeler, tüm metni içeren resimlere kaydedilir. Şimdi metin görüntülerini web fontlarına dönüştürmeniz gerekiyor. Bunu yapmak için '.html' dosyasını HTML editörüyle açın. Bu örnekte, Dreamweaver kullanıyorum.

Başlığa tıklayın ve vurgulanan HTML’yi kontrol edin.

HTML böyle bir şey olacak;

Şimdi vurgulanan her satırı silin, alternatif olarak başlık resmine tıklayın ve sil tuşuna basın. Silindikten sonra, alanın varsayılan arka plan rengiyle dolu olduğunu göreceksiniz..

Şimdi Photoshop'a geri dönün, başlığın font ayrıntılarını kontrol edin. Yazı tipi türünü, rengini ve boyutunu almanız gerekir.

Yazı tipinin ayrıntılarını aldıktan sonra, şablonun başlık alanına başlık metnini girin ve yazı tipi ayrıntılarını da ekleyin. Örneğimde başlık metnim HTML şöyle:

ABC Bülteni

Yukarıdaki HTML satırında "stil" var. Arka plan renginizi, yazı tipi ailesini, yazı tipi boyutunu ve harf aralığını tanımladığınız yer burasıdır. Metin alanını uygun harf aralığı ve yazı tipi boyutuyla doldurmaya çalışın; şablonunuzu kırmadığından emin olun.

Şimdi, şablonunuzdaki her metin için aynı işlemi tekrarlamanız gerekir. Tüm metin resimlerinin web fontlarına dönüştürüldüğünden emin olun ve HTML'de gereksiz resimlerden kaçının.

Bir sonuncusu isteğe bağlıdır, ancak bülteni ortalamak üzere ayarlayabilirsiniz;

Bölüm.

Son şablonunuzu incelemek için tarayıcınızda '.html' dosyasını açın;

Referans için buraya son şablonu da indirebilirsiniz..

4. Gmail üzerinden bülten olarak HTML’yi gönderin

İşte size HTML e-postanızı doğrudan Gmail’den göndermeniz için küçük bir numara. Bunu yapmak için, bülten klasörünü web sunucunuza yüklemeniz gerekir, ancak bir tanesinin olmaması durumunda, bunun yerine Dropbox ile yapılmasına izin verin.

Dropbox Ortak Klasörünü Kullanma

Dropbox hesabınızı 1 Ağustos 2012'den önce kaydettiyseniz, aşağıdaki adımları takip edebilirsiniz..

1. Dropbox'a ücretsiz bir hesap kaydedin ve ardından uygulamayı PC veya Mac'inize yükleyin, böylece yükleme işlemini Web üzerinden atlayabilirsiniz. Uygulamanın yüklemeyi sizin için yapmasına izin ver.

   

2. Oluşturduğunuz e-posta şablonu bir klasöre kaydedildi. Klasörü kopyalayın ve klasöre yapıştırın. halka açık Dropbox'ınızda bulunan klasörü (Dropbox> Genel).

   

3. Şimdi, klasördeki '.html' dosyanızı bulun, sağ tıklayın ve seçin. Genel Bağlantıyı Kopyala.

   

4. 'Genel Bağlantıyı Kopyala'yı seçtikten sonra, bağlantı bilgisayarınızın belleğine kaydedilir. Bu linki web tarayıcınıza yapıştırın, ardından web sayfasını açın.

   

5. Bu bültenin içeriğini kopyalamanız gerekir, bu nedenle klavyenizi kullanın ve tümünü seçmek için Ctrl + A tuşlarına ve ardından tüm içeriği kopyalamak için Crtl + C tuşlarına basın (Mac için hepsini seçmek için Cmd + A tuşlarını ve kopyalamak için Cmd + C tuşlarını kullanın)

6. Gmail’inizi açın, tıklayın oluşturmak boş bir e-posta almak için, farenizi metin alanında tıklayın ve ardından bülteninizi e-posta içeriği alanına yapıştırmak için Ctrl + V tuşlarına basın. Mac kullanıcıları Cmd + V tuşlarına basabilir

   

7. Bülteniniz şimdi e-posta içeriğiniz olarak görünüyor. Konuyu ve e-posta adresini girin ve ilk e-posta bülteninizi gönderin!

Site44 Uygulamasını Kullanma

Dropbox, 1 Ağustos 2012'den sonra kayıt yaptıran Dropbox kullanıcısı için artık Genel klasör özelliği sağlamadığından, Dropbox klasörlerini web sitelerine dönüştüren bir uygulama olan Site44'ü deneyebilirsiniz.

1. Site44'ü ziyaret edin ve başlamak için Dropbox ile oturum açın.

   

2. Site44’ün Dropbox hesabınıza bağlanmasına izin verin. Çoğu durumda, e-posta adresinizi doğrulamanız gerekir..

   

3. Başlamak için "Yeni bir web sitesine tıkla" yı tıklayın.

   

4. "Bir site44.com etki alanı kullanın" bölümünde, Dropbox'ınıza bu web sitesi için tercih ettiğiniz klasör adını yazın ve "Oluştur" düğmesini tıklayın. Bu durumda kullanıyorum "mynewsletter"klasör adım olarak. Bundan sonra, devam etmek için kullanım şartlarını kabul edin..

   

5. Şimdi, Site44 Dropbox'ınızdaki web sitesi için yeni klasörler yarattı.

   

6. Newsletter.html ve daha önce oluşturduğunuz görüntüler klasörünü mynewsletter.site44.com Dropbox klasörüne kopyalayın.

   

7. Web tarayıcısını açın ve http://mynewsletter.site44.com/newsletter.html adresine gidin..

   

8. Bu bültenin içeriğini kopyalamanız gerekir, bu nedenle klavyenizi kullanın ve tümünü seçmek için Ctrl + A tuşlarına ve ardından tüm içeriği kopyalamak için Crtl + C tuşlarına basın (Mac için hepsini seçmek için Cmd + A tuşlarını ve kopyalamak için Cmd + C tuşlarını kullanın)

9. Gmail’inizi açın, tıklayın oluşturmak boş bir e-posta almak için, farenizi metin alanında tıklayın ve ardından bülteninizi e-posta içeriği alanına yapıştırmak için Ctrl + V tuşlarına basın. Mac kullanıcıları Cmd + V tuşlarına basabilir

   

10. Bülteniniz şimdi e-posta içeriğiniz olarak görünüyor. Konuyu ve e-posta adresini girin ve ilk e-posta bülteninizi gönderin!

Sonuç

Bülten HTML klasörü hala Dopbox Genel klasörünüze kaydedildiği sürece, alıcınız bülteninizi doğru görüntüleyebilecektir, ancak klasörü kaldırdığınızda bağlantı kopacak ve alıcı yalnızca klasörü görüntüleyebilecektir Metin. Umarım bu öğreticiyi Photoshop ile temel bir HTML bülteninin nasıl oluşturulduğunu ve ardından Gmail üzerinden HTML biçiminde gönderilebileceğini takip edebilirsiniz. Başka yollarınız varsa, okuyucularımızın geri kalanıyla paylaşın.