{"section":"tracks","requestedLocale":"en","requestedSlug":"how-to-create-and-edit-transactional-email-templates","locale":"en","slug":"how-to-create-and-edit-transactional-email-templates","path":"docs/en/tracks/vtex-modules-getting-started/transactional-emails/how-to-create-and-edit-transactional-email-templates.md","branch":"main","content":"### Editing an email template\n\nTo edit a transactional email template, follow the steps below.\n\n1. In Admin's side menu, go to Message Center and click on __Templates__.\n2. Search for the desired template and click on the corresponding card.\n3. Change the e-mail title and the recipient (values bounded by double braces are variable; in the next article we will learn how to handle them). You can add recipients on Carbon Copy (`CC`) and Blind Carbon Copy (`CCO`).  \n4. Check the box __Use default sender__ to use the registered email address as default, as explained in the previous article on this track.\n\n> ℹ️ The list of templates is available in the article [Order transactional email templates](/en/docs/tutorials/order-transactional-email-templates).\n\nIn the __HTML__ field you will find the template's HTML code. You can edit the code in the field itself or copy it to an editor of your choice, edit it and then paste it back into the template field.\n\nThe __preview__ rendered by this code is shown in the box below the HTML field. You can choose between three different screen sizes to test code responsiveness.\n\nThe __JSON Data__ field shows a JSON object *example* that contains information regarding the subject of the email. This object's braces can be used as variables in the template's HTML code. We will learn how to do this in the next article.\n\n> ⚠️ Warning: To customize the email layout, you must enter **inline CSS code**. <u>Don't</u> insert CSS into the head of the template, because emails don't handle it well.\n\nAt the end, click on the __Save__ button.\n\n### Creating an email template\n\nThe method for creating a transactional email template is similar to the one used to edit a template. Just follow the steps below:\n\n1. In Admin's side menu, go to Message Center and click on __Templates__.\n2. Click on the __New template__ button.\n3. Check the __Enable e-mail sending __ box.\n4. Fill in E-mail Title, Sender and Recipient (\"To\") data.\n5. Enter the template code in the __HTML__ field.\n6. Test it on __preview__.\n7. Click on __Save__."}