HTML bilgisi olmadan profesyonel e-postalar nasıl oluştururum?
Görsel e-posta editörü ile sürükle-bırak kullanarak bültenler tasarlayın. Gerçek bir sürükle-bırak oluşturucu, otomatik olarak %100 mobil uyumlu HTML üretir. Üç aşamalı sistem: Düzenler, İçerikler, Kampanyalar. Tek cümlelik bir metin açıklamasından isteğe bağlı yapay zeka düzen oluşturma. İleri düzey kullanıcılar için kod editörü. Full Suite planına dahildir.
E-posta tasarla.HTML yok.
Profesyonel, mobil uyumlu e-postalar için sürükle-bırak düzenleyici. Düzen oluşturun, içerik ekleyin, kampanya gönderin. Tasarımcı veya kod gerekmez.
- Hemen başlayın
- Kredi kartı gerekmez
- 14 gün ücretsiz deneme
Profesyonel e-postalar, ama kim tasarlayacak?
Pazarlama ekibiniz bülten göndermek istiyor. Ama kimse HTML bilmiyor. Freelance tasarımcının iki güne ihtiyacı var. Ve son e-posta mobilde berbat görünüyordu çünkü sütunlar duyarlı değildi.
KOBİ'ler için e-posta tasarımı sürekli bir baş ağrısı. Ya dış tasarımcılarla çalışırsınız (pahalı ve yavaş), özelleştirme imkanı olmayan hazır şablonlar kullanırsınız (sıkıcı ve kişisel olmayan) ya da HTML koduyla boğuşursunuz (hataya açık ve zaman alıcı).
Bir de görüntüleme sorunu var: Gmail'de mükemmel görünen bir e-posta, Outlook'ta tamamen farklı görünebilir. Sizin için responsive tasarımı halleden bir oluşturucu olmadan mobil görüntüleme bir şans meselesidir.
Sonuç: e-postalar ya hiç gönderilmez ('Şu an bunu tasarlayacak kimse yok') ya da profesyonellikten uzak görünüp markanıza zarar verir.
Sürükle, bırak, tamam
Görsel e-posta düzenleyici, otomatik olarak temiz, responsive HTML üreten gerçek bir sürükle-bırak oluşturucudur. Yani sürükle-bırak ile tasarlarsınız ve e-postanın her yerde doğru görüntülenmesi garanti edilir.
Nasıl çalışır: Yuva alanlarıyla (başlık, gövde, CTA, görseller) bir düzen oluşturursunuz. Sonra yuvaları sürükle-bırak ile doldurursunuz: metin blokları, görseller, butonlar, ayırıcılar. Düzenleyici, e-postanın masaüstü ve mobilde nasıl göründüğünü gerçek zamanlı olarak önizler.
Üç aşamalı sistem yeniden kullanılabilirliği sağlar: Düzenler yapıyı tanımlar (bir kez oluşturun, sürekli kullanın), İçerikler yapıyı gerçek içerikle doldurur ve Kampanyalar sonucu alıcılarınıza gönderir.
İleri düzey kullanıcılar için: Kod düzenleyici, alttaki HTML kodunu gösterir. Doğrudan kodla çalışmayı tercih ediyorsanız görsel ve kod görünümü arasında geçiş yapabilirsiniz. Ve hiç tasarım yapmak istemiyorsanız: Yapay zeka, tek cümlelik bir açıklamadan komple bir düzen oluşturur.
- 1Düzen oluşturunYuva alanlarıyla yapıyı tanımlayın (veya yapay zekanın oluşturmasına izin verin)
- 2İçerik ekleyinMetin, görsel ve butonları sürükleyip bırakın
- 3Kampanyanızı gönderinAlıcıları seçin, zamanlayın ve gönderin
Ölçülebilir sonuçlar
Görsel e-posta düzenleyicisine sahip ekipler daha sık, daha tutarlı ve daha profesyonel gönderim yapar.
- Sıfır kod
HTML gerekmez
Kaynak kodu yerine sürükle-bırak. Ekibinizdeki herkes e-posta tasarlayabilir.
- Duyarlı
Her cihazda mükemmel
Otomatik responsive HTML, her yerde tutarlı görüntüleme sağlar.
- Yapay Zeka
Açıklamadan düzen
Yapay zeka, metin açıklamasından komple bir düzen oluşturur.
Sürükle-bırak, HTML değil
Görsel düzenleyici metin blokları, görseller, butonlar, ayırıcılar ve özel bloklar sunar. Sağda renkleri, boşlukları ve yazı tiplerini yapılandırın. Solda yapıyı görüntüleyin.
- Bloklar: metin, görsel, buton, ayırıcı, HTML bloğu
- Sağ kenar çubuğu: renkler, boşluklar, yazı tipleri, kenarlıklar
- Gerçek zamanlı önizleme: masaüstü ve mobil
- Alttaki HTML için kod düzenleyici (geçiş)
Düzenler, İçerikler, Kampanyalar
Üç aşamalı sistem yapıyı içerikten ayırır. Bir Düzen yuva alanlarını tanımlar (başlık, gövde, CTA). Bir İçerik bu yuvaları doldurur. Bir Kampanya sonucu gönderir. Düzenler yeniden kullanılabilir: bir düzen, sınırsız içerik varyasyonu.
- Düzenler: yapıyı yuva alanlarıyla tanımlayın (bir kez oluşturun)
- İçerikler: yuvaları metin, görsel ve bağlantılarla doldurun
- Kampanyalar: içeriği alıcılarınıza gönderin
- Bir düzen, sınırsız içerik: maksimum yeniden kullanılabilirlik
Yapay zeka düzeninizi oluşturur
Ne istediğinizi tanımlayın ('Kahraman görsel ve CTA butonlu iki sütunlu bülten'). Yapay zeka, marka renklerinizle birlikte komple bir responsive e-posta düzeni oluşturur. Sonra görsel düzenleyicide ince ayar yapın.
- Metin açıklamasından düzen oluşturun
- Marka renkleri otomatik olarak uygulanır
- Sonucu görsel düzenleyicide iyileştirin
- Dilerseniz HTML'e kod düzenleyicide ince ayar yapın
Responsive varsayılan olarak
Her e-posta mobil için otomatik olarak optimize edilir. Oluşturucu, tüm büyük e-posta istemcilerinde doğru görüntülenen temiz, responsive HTML üretir: Gmail, Outlook, Apple Mail, Yahoo ve mobil uygulamalar. Manuel CSS yok, bakımı gereken medya sorgusu yok.
- Her kaydedişte otomatik responsive HTML
- Gmail, Outlook, Apple Mail, Yahoo'da doğru görüntüleme
- Manuel CSS olmadan mobil uyumluluk
- Masaüstü (1024px+) ve mobil (375px) önizleme
Rakamlarla yatırım getirisi
- e-posta pazarlama yatırım getirisi
- 42:1
- Sektör ortalaması
- satır HTML gerekli
- 0 kod
- Sürükle-bırak düzenleyici
- mobil uyumlu
- %100
- Otomatik
- yapay zeka düzeni için girdi
- 1 cümle
- Düzenleyiciye entegre
Hemen başlayın
Kurulum yok, eğitim yok. Sürükle-bırak kendi kendini açıklar.
- 01 · 5 dk
Düzen oluşturun
Yuva alanlarıyla yapıyı tanımlayın veya yapay zekanın sizin için bir düzen oluşturmasına izin verin.
- 02 · 10 dk
İçerik ekleyin
Metin, görsel ve butonları yuvalara sürükleyip bırakın.
- 03 · 2 dk
Kampanyanızı gönderin
Alıcıları seçin, konu satırı girin, zamanlayın veya hemen gönderin.
Geliştiriciler ve İleri Düzey Kullanıcılar İçin
Platform veya API üzerinden kurulum için adım adım rehberler.
Platform Rehberi: Adım Adım
Gorsel e-posta olusturucuyu kullanin:
- 1
Icerik olusturun veya duzenleyin
Erisim > E-posta > Icerikler'e gidin. "Icerik Olustur"a tiklayin veya mevcut birini duzenleyin.
- 2
Bir sablon secin
Bir sablon sablonu secin. Sablon yapıyı tanımlar; siz icerigi dolduracaksiniz.
- 3
Surukle ve birak
Baslik, Govde, CTA, Gorsel ve Ozel bloklari belirlenen yuvalara suruklemek icin bloklar panelini kullanin.
- 4
Stilleri ozellestirin
Herhangi bir ogeyi secin ve renkleri, yazı tiplerini, dolguyu ve hizalamayi ayarlamak icin stil panelini kullanin.
- 5
Onizleyin ve kaydedin
Masaustu ve mobil gorunumleri gormek icin "Onizle"ye tiklayin. Bitirdiginizde "Kaydet"e tiklayin.
API Referansı: Geliştirici Erişimi
E-posta icerigini yonetin ve API ile gonderin.
| Method | Path | Description |
|---|---|---|
| POST | /api/v1/email-contents | E-posta icerigi olusturun |
| PATCH | /api/v1/email-contents/{id} | Yuva degerlerini guncelleyin |
| GET | /api/v1/email-contents/{id}/preview | Derlenmi HTML onizlemesi alin |
const response = await fetch('https://api.sendseven.com/api/v1/email-contents', {
method: 'POST',
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'X-Tenant-ID': 'YOUR_TENANT_ID',
'Content-Type': 'application/json'
},
body: JSON.stringify({
name: 'November Newsletter Content',
layout_id: 'layout_123',
from_name: 'ACME Team',
from_email: '[email protected]',
slot_values: {
header: '<h1>November Updates</h1>',
body: '<p>Here is what is new...</p>',
cta: '<a href="https://acme.com">Read More</a>'
}
})
});
const content = await response.json();
console.log('Content created:', content.id);const response = await fetch(
'https://api.sendseven.com/api/v1/email-contents/content_123/preview',
{
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'X-Tenant-ID': 'YOUR_TENANT_ID'
}
}
);
const { html } = await response.json();
console.log('Compiled HTML:', html);Sıkça sorulan sorular
HTML bilmem gerekiyor mu?
E-postalar mobil uyumlu mu?
Üç aşamalı sistem nedir?
Yapay zeka benim için düzen oluşturabilir mi?
Kendi görsellerimi ve logolarımı kullanabilir miyim?
Görsel e-posta düzenleyicisinin maliyeti nedir?
Profesyonel e-postalar, bugünden itibaren
Sürükle-bırak, mobilde responsive, yapay zeka destekli. İlk bülteniniz 20 dakikada hazır.