Profesyonel HTML e-posta imzası oluşturun

E-posta imzası (e-posta alt bilgisi olarak da adlandırılır), gönderilen her mesajın sonundaki bilgi bloğudur. İletişim bilgileri, iş unvanı, şirket adı ve genellikle web sitesine veya toplantı takvimine bağlantı içerir.

Alıcının önceki mesajlarda telefon numarasını aramasına gerek yoktur — tüm ayrıntılar kolayca erişilebilir. Profesyonel bir e-posta imzası ayrıca ayrıntılara dikkat ettiğinizi ve iş yazışmalarında tutarlı bir şirket imajı koruduğunuzu gösterir.

Ayrıntılar sekmesi doldurabileceğiniz tüm alanları içerir. Yalnızca ikisi zorunludur: ad ve e-posta adresi. Kalan alanlar isteğe bağlıdır ve yalnızca doldurulduğunda imzada görünür.

Ayrıntılar sekmesindeki alanlar

• Ad üstü satır — adın üzerinde görüntülenen ek metin. Şirket adı, slogan veya motto girebilirsiniz.
• Avatar / logo (resim URL'si) — profil fotoğrafı veya şirket logosunun URL'si. Resim kare olmalı (min. 120×120 px) ve internet üzerinden herkese açık olmalıdır. URL'yi yapıştırdıktan sonra ek seçenekler görünür: Avatar şekli (yuvarlak, yuvarlatılmış veya kare) ve Avatar boyutu (küçük — 40 px, orta — 56 px, büyük — 72 px).
• Tam ad — zorunlu alan. Tam adınızı girin.
• Ad etiketi — adın yanındaki kısa metin, ör. zamirler veya kısaltılmış unvan.
• İş unvanı — şirketteki rolünüz, ör. Satış Müdürü, Pazarlama Uzmanı.
• Şirket adı — temsil ettiğiniz kuruluşun adı.
• Ek satır — ne yaptığınızın veya ne sunduğunuzun kısa açıklaması.
• E-posta — zorunlu alan. İş e-posta adresinizi girin.
• Telefon — iletişim numarası. Herhangi bir format, ör. +90 555 000 00 00.
• Web sitesi — web sitenizin tam URL'si, https:// ile başlayan.
• Adres — fiziksel şirket adresi (sokak, şehir, posta kodu).
• Resmi bilgiler — vergi numarası, lisans numarası veya sektörünüzde gerekli diğer bilgiler.

CTA düğmesi (harekete geçirici mesaj), alıcıyı seçilen sayfaya yönlendiren tıklanabilir bir öğedir. Toplantı takvimine, iletişim formuna veya teklife bağlantı olabilir. Oluşturucu iki CTA düğmesi eklemeye izin verir.

Ana düğme

1. Editörde Düğmeler sekmesini açın.
2. Ana düğme bölümünde, alıcının göreceği metni girin, ör. Ücretsiz danışma planlayın.
3. CTA bağlantısı alanına tam URL'yi yapıştırın. Adres https:// ile başlamalıdır.

İkincil düğme

Çerçeve stilli (kenarlıklı şeffaf arka plan) ikinci bir CTA düğmesi ekleyebilirsiniz. İkincil düğme bölümündeki alanları ana düğmeyle aynı şekilde doldurun.

Düğme yuvarlatma

Düğmeler sekmesinin altında Düğme yuvarlatma seçeneğini bulacaksınız. Üç varyant mevcuttur: Yok (keskin köşeler), Hafif (hafifçe yuvarlatılmış) veya Tam (oval düğme).

Her iki alanı da boş bırakırsanız, düğme imzada görünmez. Yalnızca bir alanı doldurursanız, düğme de görünmez — hem metin hem de bağlantı gereklidir.

Sosyal Medya sekmesinde profillerinize bağlantılar ekleyebilirsiniz. Oluşturucu on iki platformu destekler: LinkedIn, Instagram, Facebook, TikTok, YouTube, X (eski adıyla Twitter), GitHub, Dribbble, Behance, WhatsApp, Telegram ve Pinterest.

Nasıl yapılır

1. Editörde Sosyal Medya sekmesini açın.
2. Her platformun yanında bir URL alanı bulacaksınız. Profilinizin tam bağlantısını yapıştırın, ör. https://www.linkedin.com/in/profiliniz.
3. Yalnızca ihtiyacınız olan alanları doldurun. Boş alanlar imzada görünmez.

Sosyal medya simgeleri

Sosyal Medya sekmesinin altında Hizmet adlarının yanında simgeleri göster seçeneğini bulacaksınız. Etkinleştirildiğinde, bağlantılar sadece adlar yerine renkli SVG simgeleri olarak görüntülenir.

• Simge boyutu — seçenekler: Küçük (16 px), Orta (20 px) veya Büyük (24 px).
• Simge rengi — Platform renkleri (her platform için varsayılan renkler), Vurgu rengi (tek tip vurgu rengi) veya Metin rengi.

Görünüm sekmesinde imzanın renklerini, yazı tipini ve diğer görsel öğelerini özelleştirebilirsiniz.

Renk temaları

Sekmenin üstünde beş hazır tema bulacaksınız: Koyu, Mavi, Mor, Yeşil ve Gri. Bir temaya tıklamak otomatik olarak vurgu rengini ve metin rengini ayarlar. Tutarlı imza görünümü elde etmenin en hızlı yolu budur.

Renkler

• Vurgu rengi — yan/üst çubukta, CTA düğmesinde ve bağlantılarda kullanılır. Paletten herhangi bir renk seçebilirsiniz.
• Metin rengi — imzadaki tüm metnin rengi (ad, iletişim bilgileri, yasal uyarı).
• Arka plan rengi — tüm imzanın arka plan rengi. Varsayılan olarak beyaz, ancak değiştirebilirsiniz.

Yazı tipi ve boyut

• Yazı tipi — seçenekler: Arial, Verdana, Tahoma, Trebuchet MS ve Georgia. Tümü e-posta güvenli ve alıcıda doğru görüntülenir.
• Metin boyutu — üç seçenek: Küçük (12 px), Standart (14 px) ve Büyük (16 px).

Ek ayarlar

• İmza kenarlığı — herhangi bir kenar kombinasyonu (sol, sağ, üst, alt) seçerek imzaya kenarlık ekleyebilirsiniz. Tüm kenarları seçmek otomatik olarak tam kenarlık ayarlar. Kenarlık vurgu rengini kullanır.

Metin Stili sekmesinde imzadaki her metin öğesinin rengini ve yazı tipi boyutunu bireysel olarak özelleştirebilirsiniz.

Mevcut öğeler

Yalnızca imzada şu anda içeriği olan öğeler görünür. Her öğe için şunları ayarlayabilirsiniz:

• Ad — varsayılan olarak vurgu renginde görüntülenir.
• İş unvanı — şirketteki rol.
• Şirket — kuruluş adı.
• İletişim bilgileri — e-posta, telefon, web sitesi (etiketler).
• Sosyal medya — profil bağlantıları.
• Yasal uyarı — imzanın altındaki yasal metin.

Renk nasıl değiştirilir

Her öğenin yanında bir renk seçenekleri satırı bulacaksınız. Seçmek için bir renk karesine tıklayın. Artı işaretli renkli kareye tıklayarak özel renk de ekleyebilirsiniz — bir renk seçin ve Kaydet'e tıklayın. Özel renkler (8'e kadar) tüm öğeler arasında paylaşılır.

Sıfırlama simgesi düğmesi öğenin varsayılan rengini geri yükler.

Boyut nasıl değiştirilir

İkinci satırda - ve + düğmeli bir boyut kontrolü bulacaksınız. Değer, temel yazı tipi boyutuna (Görünüm sekmesinde ayarlanan) göre farkı gösterir. Aralık: -4 ile +4 piksel arası.

Boşluk sekmesinde bireysel imza öğeleri arasındaki mesafeleri hassas bir şekilde kontrol edebilirsiniz.

İç imza dolgusu

Sekmenin üstünde iç dolgu seçeneğini bulacaksınız — imza içeriği ile kenarları arasındaki mesafe. Üç değer mevcuttur: 8 px (küçük), 16 px (orta) ve 24 px (büyük).

Öğeler arası boşluk

Dolgunun altında bireysel imza öğeleri için kontroller bulacaksınız. Her kontrolde boşluğu artırmak veya azaltmak için + ve - düğmeleri vardır. Yalnızca şu anda imzada bulunan öğeler için seçenekler görünür.

• Addan sonra — ad satırının altındaki boşluk.
• Unvan / şirketten sonra — unvan ve şirket adı satırının altındaki boşluk.
• Ek satırdan sonra — açıklamanın altındaki boşluk (doldurulmuşsa).
• İletişim bilgilerinden sonra — e-posta, telefon ve web sitesinin altındaki boşluk.
• Sosyal medyadan sonra — profil bağlantılarının altındaki boşluk.
• CTA düğmesinden sonra — düğmenin altındaki boşluk (etkinse).
• Yasal uyarıdan önce — yasal uyarı metninin üstündeki boşluk.

Bir alanı temizlerseniz (ör. telefon numarasını kaldırırsanız), ilgili boşluk seçeneği otomatik olarak sekmeden kaybolacaktır.

Yasal Uyarı sekmesinde imzanın altında daha küçük yazı tipiyle görünecek yasal metin ekleyebilirsiniz.

Ne zaman yasal uyarı eklenmeli

• İş yazışmaları — gizlilik bildirimi ve yanlış teslimat durumunda silme talebi.
• Sektör gereksinimleri — bazı sektörler (ör. hukuk, tıp, finans) her mesajda belirli bilgiler gerektirir.
• KVKK — şirket veri sorumlusuysa kişisel verilerin işlenmesi hakkında bilgi.

Varsayılan olarak alan örnek gizlilik metniyle doldurulmuştur. Düzenleyebilir, silebilir veya kendi yasal uyarınızla değiştirebilirsiniz. Alanı boş bırakırsanız, imzada yasal uyarı görünmez.

Ayırıcı çizgi

Metin alanının altında İletişim bilgileri ile yasal uyarı arasında ayırıcı göster seçeneğini bulacaksınız. İletişim bilgileri ile yasal uyarı arasına yatay çizgi eklemek için etkinleştirin.

Çizgiyi etkinleştirdikten sonra ek özelleştirme seçenekleri görünür:

• Çizgi stili — seçenekler: düz, kesikli veya noktalı.
• Çizgi kalınlığı — üç seçenek: 1 px, 2 px veya 3 px.
• Çizgi rengi — varsayılan gri (#e5e7eb). Paletten herhangi bir renk seçebilir veya Varsayılan düğmesine tıklayarak varsayılanı geri yükleyebilirsiniz.

Oluşturucu tüm ayarları otomatik olarak tarayıcı belleğine (localStorage) kaydeder. Sayfayı yeniledikten veya aracı yeniden açtıktan sonra veriler, düzen, renkler ve diğer tüm seçenekler geri yüklenir.

Otomatik kaydetme nasıl çalışır?

Her değişiklik (metin, renk, düzen, boşluk) hemen tarayıcı belleğine kaydedilir. Kaydetme arka planda otomatik olarak gerçekleşir — herhangi bir düğmeye tıklamadan.

Ayarlar nasıl sıfırlanır

İmza önizlemesinin altında Görünümü sıfırla düğmesi bulacaksınız. Tıkladıktan sonra bir onay iletişim kutusu görünecektir. Sıfırlamayı onaylamak tüm verileri ve ayarları varsayılan değerlere geri yükler. Bu işlem geri alınamaz.

Yapılandırmayı dışa ve içe aktarma

İmza önizlemesinin altında iki ek düğme bulacaksınız: Ayarları dışa aktar ve Ayarları içe aktar. Dışa aktarma tüm verileri, renkleri, düzeni, boşlukları ve metin stillerini bir JSON dosyasına kaydeder. İçe aktarma daha önce kaydedilmiş yapılandırmayı bir dosyadan yükler.

Bu özellik özellikle imza yapılandırmasını bilgisayarlar arasında aktarmak, ayarları iş arkadaşlarıyla paylaşmak veya sıfırlamadan önce ayarlarınızın yedeğini tutmak istediğinizde yararlıdır.

Önizleme paneli editörün sağ tarafında görüntülenir ve her değişiklikle otomatik olarak güncellenir. Önizleme yapışkandır, bu nedenle düzenleme seçeneklerinde kaydırırken bile görünür kalır.

Önizleme arka planını değiştirme

Önizlemenin üstünde üç arka plan değiştirme düğmesi bulacaksınız: Açık (varsayılan gri arka plan), Koyu (koyu arka plan, koyu arka planlarda okunabilirliği kontrol etmek için yararlı) ve Dama tahtası (dama tahtası deseni, şeffaflığı ve imza kenarlarını görmenizi sağlar).

Eylem düğmeleri

Önizlemenin altında birkaç düğme bulacaksınız:

• İmzayı kopyala (Gmail / Outlook) — imzayı biçimlendirilmiş HTML olarak panoya kopyalar. Doğrudan imza ayarlarına yapıştırın.
• HTML kodunu kopyala — imzanın ham HTML kodunu panoya kopyalar. Kodu bir HTML editörüne veya CMS'ye yapıştırmak istediğinizde yararlı.
• HTML olarak indir — imza kodunu diske .html dosyası olarak kaydeder. Arşivleme veya bir geliştiriciyle paylaşma için yararlı.
• HTML kodunu görüntüle — imzanın tam HTML kaynak koduyla bir modal açar. Kodu inceleyebilir ve doğrudan modaldan kopyalayabilirsiniz.
• Ayarları dışa aktar — tam imza yapılandırmasını (veriler, renkler, düzen, boşluklar, stiller) bir JSON dosyasına kaydeder.
• Ayarları içe aktar — bir JSON dosyasından yapılandırma yükler. Tüm ayarlar otomatik olarak uygulanır.
• Görünümü sıfırla — tüm verileri ve ayarları varsayılan değerlere geri yükler (onaydan sonra).