Email Oluşturma Ekranı

Son kullanıcılar için e-posta bildirimleri oluşturmak ve uygulamaya eklemek için Email Builder modülünü kullanabilirsiniz.

Kuika’da çalıştığınız proje içerisinden Email Builder modülünü açın.

Notification Template ekranı ekran görüntüsü

Gelen ekranda sol panelde sizi yeni bir Email şablonu ekleme butonu (+) ve Kuika tarafından oluşturulan varsayılan bir Verify Email, Set Password, Task Notification ve Reset Password şablonları karşılayacaktır.

1.Verify Email

Verify Email, hazır e-posta şablonu, bir e-posta iletisi alıcılarından e-posta adreslerini doğrulamalarını istemek için kullanılan bir ileti şablonudur. Bu tür bir e-posta genellikle kullanıcıların bir web sitesine veya bir uygulamaya kaydolurken veya hesap güvenliklerini sağlamak için kullanılır.

2.Task Notification

Task Notification, hazır e-posta şablonu, bir kullanıcının belirli bir görevle ilgili bilgilendirilmesini veya hatırlatılmasını amaçlayan bir ileti şablonudur. Bu tür bir ileti, iş yönetimi uygulamaları, proje yönetimi yazılımları, görev takip araçları ve diğer benzeri platformlarda kullanılabilir.

3.Set Password

Set Password, hazır e-posta şablonu, kullanıcıların bir hesap oluşturduklarında veya şifrelerini sıfırlamak istediklerinde kullanılan bir ileti şablonudur. Bu ileti, kullanıcıların güvenli bir şekilde şifrelerini belirlemelerine ve hesaplarına erişmelerine yardımcı olmayı amaçlar.

Set Password Şablon Ekranı

4.Reset Password

Reset Password, hazır e-posta şablonu, bir kullanıcının şifresini hatırlamadığı ya da şifresine erişim sağlayamadığı durumlarda şifreyi sıfırlamak için kullanılan bir ileti şablonudur. Bu ileti, kullanıcılara hesaplarına yeniden erişmeleri için yol gösterir.

Gelen ekranda sizi yeni bir Email Builder ekleme ekranı ve Kuika tarafından oluşturulan varsayılan bir Set Password, Verify Email ve Reset Password şablonları karşılayacaktır.

Eğer geliştirdiğiniz uygulama içerisinde şifre belirleme, email onaylama ve şifre sıfırlama maillerine ihtiyaç duyarsan Kuika tarafından varsayılan oluşturulan Set Password, Verify Email ve Reset Password şablonlarını düzenleyip, kullanabilirsiniz.

Gelen yeni bir Notification Template ekleme ekranında şablonunu isimlendirerek Next butonuna tıklayın.

Email şablonları ekran görüntüsü

Email Şablonları

Açılan ekranda Kuika tarafından kullanıma hazır, onlarca düzenlenebilir Email şablonu sizi karşılayacaktır.

İsteğiniz ve ihtiyacınız doğrultusunda bu şablonlardan birini seçebilir ya da NEW BLANK TEMPLATE seçeneğine tıklayarak sıfırdan bir Email şablonu oluşturabilirsiniz.

Sıfırdan bir şablon oluşturduğunu varsayalım. NEW BLANK TEMPLATE butonuna tıkladığında sizi Email şablonu oluşturma arayüzü karşılayacaktır.

Email Şablon oluşturma arayüzü ekran görüntüsü

Email Şablon oluşturma arayüzü

Email şablonu oluşturma arayüzü sürükle-bırak mantığı ile çalışmaktadır. Responsive bir tasarım oluşturmak için arayüz içerisinde Desktop ve Mobile görüntüleme seçenekleri bulunmaktadır.

Arayüz Content, Blocks ve Body sekmelerini içerisinde barındırmaktadır.

Email Şablon oluşturma arayüzü sekmeleri ekran görüntüsü

Email Şablon Oluşturma Arayüzü Sekmeleri

Content Sekmesi

Email şablon oluşturma arayüzünde yer alan Content sekmesi birçok içerik yapısını içerisinde barındırmaktadır.

 Email Şablon oluşturma arayüzü Context sekmesi ekran görüntüsü

Content Sekmesi

Content sekmesi aracılığıyla hazırladığın Email şablonlarına;

  • Columns
  • Heading
  • Text
  • Image
  • Button
  • Divider
  • HTML
  • Menu

içeriklerini ekleyebilirsiniz. Belirtilen içerikleri eklemek için yapman gereken tek şey eklemek istediğin içerik yapısını sürükleyip şablon oluşturma çalışma alanına bırakmaktır.

Content sekmesi altında yer alan içeriklerin her biri kendi içerisinde özel ayarlar barındırmaktadır.

Columns içeriği ayarları ekran görüntüsü

Columns içeriği ayarları

Oluşturmakta olduğunuz Email şablonuna Columns içeriğini eklediğinde Columns içeriği ayarlarını, Columns, Columns Properties, Row Properties ve Responsive Design başlıklarında web ve mobil olmak üzere iki ayrı yapılandırma özelinde gerçekleştirebilirsiniz.

Heading içeriği ayarları ekran görüntüsü

Heading içeriği ayarları

Oluşturmakta olduğunuz Email şablonuna Heading içeriğini eklediğinde Heading içeriği ayarlarını, Smart Headings, Text, Links, General ve Responsive Design başlıklarında web ve mobil olmak üzere iki ayrı yapılandırma özelinde gerçekleştirebilirsiniz.

Text içeriği ayarları ekran görüntüsü

Text Settings

Oluşturmakta olduğunuz E-mail şablonuna Text içeriğini eklediğinde Text içeriği ayarlarını, Text, Links, General ve Responsive Design başlıklarında web ve mobil olmak üzere iki ayrı yapılandırma özelinde gerçekleştirebilirsiniz.

Image içeriği ayarları ekran görüntüsü

Image Settings

Oluşturmakta olduğunuz E-mail şablonuna Image içeriğini eklediğinde Image içeriği ayarlarını, Magic Image, Image, Width, Align, Alternate Text, Action, General ve Responsive Design başlıklarında web ve mobil olmak üzere iki ayrı yapılandırma özelinde gerçekleştirebilirsiniz.

Button içeriği ayarları ekran görüntüsü

Button Settings

Oluşturmakta olduğunuz E-mail şablonuna Button içeriğini eklediğinde Button içeriği ayarlarını, Smart Buttons, Action, Button Options, Spacing, General ve Responsive Design başlıklarında web ve mobil olmak üzere iki ayrı yapılandırma özelinde gerçekleştirebilirsiniz.

Divider içeriği ayarları ekran görüntüsü

Divider Settings

Oluşturmakta olduğunuz E-mail şablonuna Divider içeriğini eklediğinde Divider içeriği ayarlarını, Line, General ve Responsive Design başlıklarında web ve mobil olmak üzere iki ayrı yapılandırma özelinde gerçekleştirebilirsiniz.

Alttext: HTML içeriği ayarları ekran görüntüsü

HTML Settings

Oluşturmakta olduğunuz E-mail şablonuna HTML içeriğini eklediğinde HTML içeriği ayarlarını, HTML, General ve Responsive Design başlıklarında web ve mobil olmak üzere iki ayrı yapılandırma özelinde gerçekleştirebilirsiniz.

Alttext: Menu içeriği ayarları ekran görüntüsü

Menu Settings

Oluşturmakta olduğunuz Email şablonuna MENU içeriğini eklediğinde MENU içeriği ayarlarını, Menu Items, Styles, General ve Responsive Design başlıklarında web ve mobil olmak üzere iki ayrı yapılandırma özelinde gerçekleştirebilirsiniz.

Blocks Sekmesi

E-mail şablon oluşturma arayüzünde yer alan Blocks sekmesi içerik aktarım düzenini sağlayan birçok blok yapısını içerisinde barındırmaktadır.

Alttext: Blocks Sekmesi ekran görüntüsü

Blocks Sekmesi

Oluşturmakta olduğunuz Email şablona blok yapılarını eklemek için yapmanız gereken tek şey eklemek istediğiniz içerik yapısını sürükleyip şablon oluşturma çalışma alanına bırakmaktır.

Eklediğiniz Block yapısı içerisinde yer alan sütunların üzerine gelerek blok sütunlarına içerik ekleyebilirsiniz.

Body Sekmesi

Email şablon oluşturma arayüzünde yer alan Body sekmesi aracılığıyla Email şablonununun gövde yapısını görsel olarak düzenleyebilirsiniz.

Body Sekmesi

Body sekmesi aracılığıyla General, Email Settings ve Links özelinde görsel düzenlemeleri gerçekleştirebilirsiniz.