With Kuika, you can quickly and easily prepare and send e-mails in the applications you develop. You can use one of the dozens of e-mail templates offered by Kuika in the e-mail preparation process.
This training content consists of the following topics:
You can use the Email Builder view mode to create email notifications for end users and add them to the application.
Open the Email Builder view mode from the project you are working on in Kuika.
On the left panel of the screen, you will be greeted with the button to add a new Email template (+) and a default Verify Email, Set Password, Task Notification and Reset Password templates created by Kuika.
1. Verify Email
Verify Email, a canned email template, is a message template used to ask recipients of an email message to verify their email address. This type of email is typically used when users register for a website or an application, or to ensure their account security.
2. Task Notification
Task Notification is a ready-made email template, a message template intended to notify or remind a user about a specific task. This type of message can be used in business management applications, project management software, task tracking tools and other similar platforms.
3. Set Password
Set Password is a canned email template, a message template used when users create an account or want to reset their password. This message is intended to help users securely set their password and access their account.
Set Password Template Screen
4. Reset Password
Reset Password is a canned email template that is used to reset a user's password when they cannot remember their password or cannot access their password. This message guides users to regain access to their account.
On the incoming screen, you will be greeted with a new Email Builder addition screen and a default Set Password, Verify Email and Reset Password templates created by Kuika.
If you need password setting, email confirmation and password reset emails within the application you have developed, you can edit and use the Set Password, Verify Email and Reset Password templates created by Kuika by default.
On the Add a new Notification Template screen, name the template and click Next.
Email Templates
On the screen that opens, you will be greeted by dozens of editable Email templates ready to use by Kuika.
You can choose one of these templates according to your desire and need, or you can create an Email template from scratch by clicking NEW BLANK TEMPLATE.
Suppose you create a template from scratch. When you click the NEW BLANK TEMPLATE button, you will be greeted by the Email template creation interface.
Email Template creation interface
Email template creation interface works with drag-and-drop logic. Desktop and Mobile viewing options are available in the interface to create a responsive design.
The interface contains Content, Blocks and Body tabs.
Email Template Creation Interface Tabs
Content Tab
The Content tab in the Email template creation interface contains many content structures.
Content Tab
Email templates you have prepared through the Content tab;
you can add content. All you need to do to add the specified content is to drag and drop the content structure you want to add to the template creation workspace.
Each of the contents under the Content tab contains special settings in itself.
Columns content settings
When you add Columns content to the Email template you are creating, you can perform Columns content settings in two separate configurations, web and mobile, under Columns, Columns Properties, Row Properties and Responsive Design.
Heading content settings
When you add Heading content to the Email template you are creating, you can perform Heading content settings in two separate configurations, web and mobile, under the headings of Smart Headings, Text, Links, General and Responsive Design.
Text Settings
When you add Text content to the E-mail template you are creating, you can perform the Text content settings in two separate configurations, web and mobile, under the headings Text, Links, General and Responsive Design.
Image Settings
When you add Image content to the E-mail template you are creating, you can adjust the Image content settings in two separate configurations, web and mobile, under Magic Image, Image, Width, Align, Alternate Text, Action, General and Responsive Design.
Button Settings
When you add the Button content to the E-mail template you are creating, you can perform the Button content settings in two separate configurations, web and mobile, under Smart Buttons, Action, Button Options, Spacing, General and Responsive Design.
Divider Settings
When you add Divider content to the E-mail template you are creating, you can perform Divider content settings in two separate configurations, web and mobile, under Line, General and Responsive Design headings.
HTML Settings
When you add HTML content to the E-mail template you are creating, you can perform HTML content settings in two separate configurations, web and mobile, under HTML, General and Responsive Design headings.
Menu Settings
When you add MENU content to the Email template you are creating, you can customise the MENU content settings in two separate configurations, web and mobile, under Menu Items, Styles, General and Responsive Design.
Blocks Tab
The Blocks tab in the e-mail template creation interface contains many block structures that provide content transfer organisation.
Blocks Tab
To add block structures to the Email template you are creating, all you need to do is drag and drop the content structure you want to add to the template creation workspace.
You can add content to the block columns by hovering over the columns in the Block structure you added.
Body Tab
You can visually edit the body structure of the Email template through the Body tab in the Email template creation interface.
Body Tab
You can make visual adjustments in General, Email Settings and Links via the Body tab.
You can add parameters on the template to work with dynamic data in the Email template you are creating.
To add a parameter, add the parameter in @parameter format to the field you want to pull dynamic data from.
To define the parameter values you added, return to the UI Design view mode and define the parameter values through actions.
In the application you developed with Kuika, you can perform configurations and parameter definition operations for the Email template you created using the SendMail action from the system actions.
In an example scenario, let's imagine that a created Email template containing parameters is activated through the application screen.
Add SendMail action to a Button element you added to the application screen. Select the Button element to which you want to add an action. Click the ADD ACTION button in the Button Properties on the right. In the menu that opens, select onClick> Notification >SendMail.
When the SendMail action is added, select Mail Type via the drop-down menu under the Mail Type heading in the action.
Mail Type selection
Custom and Template options are available in the drop-down menu titled Mail Type.
With the Custom option in the drop-down menu titled Mail Type, the mail content can be created in the Body tab under the action without using any template. You can pull the mail content dynamically or statically through the Symbol Picker in the Body tab. The recipient/user Email information is entered via the Receivers tab under the Custom option. The subject of the e-mail to be sent is entered via the Subject tab. You can add sender, cc, bcc, file attachment and image attachment via base64 via optional parameters that can be added, and you can enter the values of the parameters you add.
You can pull the value information of all tabs under the Custom option dynamically or statically using Symbol Picker.
You can send Email using the Email template you created with the Template option in the drop-down menu titled Mail Type. Firstly, after selecting Template as MailType, select the Email template you want to use via the drop-down menu under the Templates heading. Then, the recipient/user Email information is entered via the Receivers tab. The subject of the Email to be sent is entered via the Subject tab.
Then the parameters you have added in the Email template will be listed. You can enter parameter values using Symbol Picker.
Let's examine the process of dynamically entering data into the namesurname parameter in the template using the SendMail Action for an Email template we use as an example.
To add value to the namesurname parameter of the SendMail action via Symbol Picker, click Symbol Picker in the namesurname parameter under the SendMail action.
To add a value to the parameter, select the relevant one from the Symbol Picker categories in the drop-down menu.
Select the item that will create the value source for the parameter specific to the category.
Repeat this process for all parameters in the Email template. Apart from the parameters in the Email template, you can add sender, cc, bcc, file attachment and image attachment options via base64 via optional parameters that can be added to the SendMail Action, and you can enter the values of the parameters you add. You can enter the value information of all tabs under the Template option using SymbolPicker.
You can use the AI assistant in many areas of the Kuika Low-code platform. One of the areas where you can use the AI assistant is the design of emails to be sent to the end users of the application you are developing.
In the Email Builder view, you can use the following elements to create content with the AI assistant.
1. Smart Heading
Drag and drop the Heading element into Row on the Email Builder editor. Then make the added Heading element selected. Click the Get Suggestions button on the screen that opens.
On the screen that opens, you should enter a few words in the Text Box and click the Get Suggestions button so that the AI assistant can help you with suggestions.
View suggestions for the title based on the words entered.
The text language can be adjusted via the Tone selectbox according to the target audience to which the e-mail will be sent.
2. Smart Text
Drag and drop the Text element onto the Email Builder editor.
Click on Smart text from Text. In the Modal that opens, you can correct spelling and grammar, expand the text, reformat the text and improve the quality of the text.
3. Magic Image
The artificial intelligence (AI) assistant generates the original image. Drag and drop the Image element onto the email body. In the Modal that opens when the element is clicked, enter a few descriptive words about the image to be created and click the Generate Image button.
The artificial intelligence (AI) assistant will offer image suggestions. Drag the cursor over the image you want to add and add it to your email design with the Use Image button.
4. Button
You can get suggestions for the text on the button with the artificial intelligence assistant. Add the button element to the e-mail design with drag and drop.
While the Button element is selected, click on the Get Suggestions button, type a few words in the textbox that opens so that our artificial intelligence assistant can help you with suggestions and click on the Get Suggestions button.
The artificial intelligence assistant provides text suggestions. You can select and use these suggestions or you can edit the spelling via selectbox.