How to create a transactional email template with API Integration detail


In this doc, we have provided you with template-based and also without templates.


Video Guide: 



To create a transactional email, you can follow these simple steps:


1. Login to the MSG91 user panel and click on Email.



2. Goto the Templates section and click on the "+ Add Template" option.



3. You will get two options to create a template i.e., Editor and Builder.

Builder is the updated version of the Editor MSG91 has for creating email templates, this will not render the coding you have done for your template and will send the exact content to the end user.



4. Enter the template name and subject and then click on Builder, you will see the following window. Select "Appearance" or "Content" these contain all the required options for the necessary settings to be done while drafting a template and draft a template of your wish.



5. You can drop the content or type the content, insert an image or a button as per your requirement and once the drafting is done, click on "Add template" 



6. If you are creating a template with "Editor" the following window will get opened. You also can upload images in png, jpg, and gif format, which should not be more than 1MB, by clicking on the "insert image" Option and then selecting "drop the image (or click)"


NOTE: we will recommend using the new feature "Builder" to create a template and to avoid any prospective errors.




7. Click on Add Variable to add as many variables you want, for example, name, and contact number in your email template. The back to List button will take you back to the add a template screen, while Add Template option will let you add another template that you have already created before. Once you have created a template, click on Preview and then add a template. 



8. You can also check for miscellaneous options to get the code view of the template.



Note

If you are set on using CSS, your best bet is to use inline code. This is the most effective and widely used method for including CSS in HTML emails. The benefit of using inline CSS is that most email providers will support this style, which means you’re likely to get the best results without running into any formatting trouble. 


To convert your HTML with internal CSS to inline CSS please refer: https://docs.msg91.com/p/tf9GTextN/e/tgGqMm8mH/MSG91



API Integration

1. In the Email section only, click on “Domain Setting” on the left side of the Email Dashboard.



2. Copy the APIs and integrate them into your system.