EMAIL DESIGN

New email design

In this learning content, we will create a sample Email design for end users using the Email Builder module. Within the scope of the sample Email design, we will create a design that will communicate the big idea of the most voted ideas to the users. In this process, we will use one of the Email templates provided by Kuika.

Now let's start preparing our Email design.

  1. Open Email Builder view mode.
  2. Create a new Email.
  3. Select the template you will use for the Email design.
  4. Change the body color via the Body tab.
  5. Replace the logo in the template with the application logo.
  6. Activate automatic width.
  7. Select Row and change the Row's content background color.
  8. Select the header text of the email.
  9. Change its content and color.
  10. Then update the content text of the Email.
  11. Set the text size to 22 pixels.
  12. Select Row, change the background color.
  13. Remove the button and the image under the button in the Mail design.
  14. Drag a Column to the Mail design.
  15. Drag a Text into the column.
  16. Center the Text and write a parameter named @Image.
  17. Then add another column to the design and drag a text into it.
  18. Update the text content as @Suggestion.
  19. Update the text content under Divider in the Mail design.
  20. Then update the social media links in the Footer.
  21. Finally, edit the Text at the bottom.
  22. Save your design by clicking the Update button.

Thus, we prepared a sample email design together. You can carry out a similar process in line with your other needs.

In this learning content, we will create a sample Email design for end users using the Email Builder module. Within the scope of the sample Email design, we will create a design that will communicate the big idea of the most voted ideas to the users. In this process, we will use one of the Email templates provided by Kuika.

Now let's start preparing our Email design.

  1. Open Email Builder view mode.
  2. Create a new Email.
  3. Select the template you will use for the Email design.
  4. Change the body color via the Body tab.
  5. Replace the logo in the template with the application logo.
  6. Activate automatic width.
  7. Select Row and change the Row's content background color.
  8. Select the header text of the email.
  9. Change its content and color.
  10. Then update the content text of the Email.
  11. Set the text size to 22 pixels.
  12. Select Row, change the background color.
  13. Remove the button and the image under the button in the Mail design.
  14. Drag a Column to the Mail design.
  15. Drag a Text into the column.
  16. Center the Text and write a parameter named @Image.
  17. Then add another column to the design and drag a text into it.
  18. Update the text content as @Suggestion.
  19. Update the text content under Divider in the Mail design.
  20. Then update the social media links in the Footer.
  21. Finally, edit the Text at the bottom.
  22. Save your design by clicking the Update button.

Thus, we prepared a sample email design together. You can carry out a similar process in line with your other needs.

Files

Auxiliary resources

Glossary