Kuika ile geliştirdiğiniz uygulamalarda hızlı ve kolay bir şekilde e-posta hazırlayabilir ve gönderebilirsiniz. E-posta hazırlama sürecinde Kuika tarafından sunulan onlarca e-posta şablonundan birini düzenleyerek kullanabilirsiniz.
Bu eğitim içeriği aşağıdaki başlıklardan oluşmaktadır:
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.
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ı
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ü
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
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.
Content Sekmesi
Content sekmesi aracılığıyla hazırladığın Email şablonlarına;
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ı
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ı
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 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 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 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 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.
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.
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.
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.
Oluşturmakta olduğunuz Email şablonunda dinamik verilerle çalışmak için şablon üzerine parametreler ekleyebilirsiniz.
Parametre eklemek için dinamik veri çekmek istediğiniz alana @parametre biçiminde parametreyi ekleyin.
Eklediğin parametre değerlerini tanımlamak için UI Design modülüne dönerek aksiyonlar aracılığıyla parametre değerlerini tanımlayın.
Kuika ile geliştirdiğiniz uygulamada sistem aksiyonlarından Send Mail aksiyonunu kullanarak oluşturduğunuz Email şablonuna yönelik yapılandırmaları ve parametre tanımlama işlemlerini gerçekleştirebilirsiniz.
Örnek bir senaryoda, oluşturulan ve parametre içeren bir Email şablonunun uygulama ekranı aracılığıyla harekete geçirildiğini düşünelim.
Uygulama ekranına eklediğiniz bir Button elementine Send Mail aksiyonunu ekleyin. Aksiyon eklemek istediğiniz Button elementini seçin. Sağda açılan Button Properties’de ADD ACTION butonuna tıklayın. Açılan menüde onClick > Notification > Send Mail seçimini gerçekleştir.
Send Mail aksiyonunun eklediğinde aksiyon içerisinde yer alan Mail Type başlığı altında bulunan açılır menü aracılığıyla Mail Type seçimini yapın.
Mail Type seçimi
Mail Type başlıklı açılır menüde Custom ve Template seçenekleri mevcuttur.
Mail Type başlıklı açılır menüde bulunan Custom seçeneği ile mail içeriğinin, herhangi bir şablon kullanmadan, aksiyon altında yer alan Body sekmesi içerisinde oluşturulması sağlanmaktadır. Body sekmesinde yer alan Symbol Picker aracılığıyla mail içeriğini dinamik ya da statik olarak çekebilirsiniz. Custom seçeneği altında yer alan Receivers sekmesi aracılığıyla alıcı/kullanıcı Email bilgileri girilmektedir. Subject sekmesi aracılığıyla gönderilecek Email'in konusu girilmektedir. Eklenebilen opsiyonel parametreler aracılığıyla gönderici, cc, bcc, dosya ekleme ve base64 aracılığıyla resim ekleme seçeneklerini ekleyebilir, eklediğin parametrelerin değerlerini girebilirsiniz.
Custom seçeneği altında yer alan tüm sekmelerin değer bilgilerini Symbol Picker kullanarak dinamik ya da statik olarak çekmeyi sağlayabilirsiniz.
Mail Type başlıklı açılır menüde bulunan Template seçeneği ile oluşturduğunuz Email şablonunu kullanarak Email gönderimini sağlayabilirsiniz. Öncelikle MailType olarak Template seçimi yaptıktan sonra Templates başlığı altında yer alan açılır menü aracılığıyla kullanmak istediğiniz Email şablonunu seçin. Daha sonra Receivers sekmesi aracılığıyla alıcı/kullanıcı Email bilgileri girilmektedir. Subject sekmesi aracılığıyla gönderilecek Email'in konusu girilmektedir.
Ardından Email şablonunda eklemiş olduğun parametreler listelenecektir. Parametre değerlerini Symbol Picker kullanarak girebilirsiniz.
Örnek olarak kullandığımız bir Email şablonu için Send Mail Aksiyonunu kullanarak şablon içerisinde yer alan namesurname parametresine dinamik olarak veri girme işlemlerini inceleyelim.
Symbol Picker aracılığıyla Send Mail aksiyonun sahip olduğu namesurname parametresine değer eklemek için Send Mail aksiyonu altında yer alan namesurname parametresi içerisindeki Symbol Picker’ a tıklayın.
Parametreye değer eklemek için açılan menüde yer alan Symbol Picker kategorilerinden ilgili olanı seçin.
Kategori özelinde parametreye değer kaynağını oluşturacak öğeyi seçin. Email şablonu içerisinde yer alan tüm parametreler için bu işlemi tekrarlayın.
Email şablonu içerisinde yer alan parametreler haricinde Send Mail Aksiyonununa eklenebilen opsiyonel parametreler aracılığıyla gönderici, cc, bcc, dosya ekleme ve base64 aracılığıyla resim ekleme seçeneklerini ekleyebilir, eklediğin parametrelerin değerlerini girebilirsiniz. Template seçeneği altında yer alan tüm sekmelerin değer bilgilerini SymbolPicker kullanarak girebilirsiniz.
Kuika Low-code platformunun birçok alanında yapay zeka asistanını kullanabilirsiniz. AI asistanını kullanabileceğiniz alanlardan biri de geliştirdiğiniz uygulamanın son kullanıcılarına gönderilecek e-postaların tasarımıdır.
Email Builder modülünde, AI asistanı ile aşağıdaki elementleri içerik oluşturmak için kullanabilirsiniz.
1.Smart Heading
Heading (Başlık) elementini Email Builder editörü üzerinde yer alan Row içerisine sürükleyip bırakın. Ardından eklenen Heading elementini seçili hale getirin. Açılan ekranda Get Suggestions butona tıklayın.
Açılan ekranda Yapay zeka asistanının size önerilerde yardımcı olabilmesi için Text Box’a birkaç kelime girerek Get Suggestions butonuna tıklamalısınız.
Girilen kelimeler doğrultusunda başlık için sunulan önerileri görüntüleyin.
Sunulan öneriler e-posta gönderilecek hedef kitleye göre yazı dili Tone selectbox üzerinden ayarlanabilmektedir.
2.Smart Text
Text elementini Email Builder editörü üzerine sürükleyip bırakın.
Text üzerinden Smart text’e tıklayın. Açılan Modal’dan yazım ve dilbilgisini düzeltebilir, metni genişletebilir, metni yeniden biçimlendirerek yazının kalitesini arttırabilirsiniz.
3.Magic Image
Yapay zeka (AI) asistanı özgün görüntü üretmektedir. Image elementini eposta gövdesine üzerine sürükleyip bırakın. Elemente tıklandığında açılan Modal’da oluşturulması istenen görüntü ile ilgili birkaç tanımlayıcı kelime girerek Generate Image butonuna tıklayın.
Yapay zeka (AI) asistanı görüntü önerileri sunacaktır. Eklemek istediğiniz görüntü üzerine doğru imleci sürükleyin ve Use Image butonu ile e-posta tasarımınıza ekleyin.
4. Button
Yapay zeka asistanı ile buton üzerindeki yazıya öneriler alabilirsiniz. Button elementini e-posta tasarımına sürükle-bırak ile ekleyin.
Button elementi seçili iken Get Suggestions butonuna tıklayarak açılan textbox’a yapay zeka asistanımızın size önerilerde yardımcı olabilmesi için birkaç kelime yazılarak Get Suggestions butonuna tıklayın.
Yapay zeka asistanı text önerileri sunmaktadır. Bu önerileri seçip kullanabilir veya yazım biçimlerini selectbox üzerinden düzenleyebilirsiniz.