# Email Templates We include a Workflow **Send email with template (Razor)** that allows you to pick a Razor view file that can be used to send out a *pretty HTML email* for Form submissions. ## Creating an Email Template If you wish to have one or more templates to choose from the **Send email with template (Razor)**, you will need to place all email templates into the `~/Views/Partials/Forms/Emails/` folder. The Razor view must inherit from FormsHtmlModel: ```csharp @inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage ``` You now have a model that contains your Form fields which can be used in your email HTML markup, along with the UmbracoHelper methods such as `Umbraco.TypedContent` and `Umbraco.TypedMedia` etc. Below is an example of an email template from the `~/Views/Partials/Forms/Emails/` folder: ```csharp @inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage @{ //This is an example email template where you can use Razor Views to send HTML emails //You can use Umbraco.Content & Umbraco.Media etc to use Images & content from your site //directly in your email templates too //Strongly Typed //@Model.GetValue("aliasFormField") //@foreach (var color in Model.GetValues("checkboxField")){} //Images need to be absolute - so fetching domain to prefix with images var siteDomain = Context.Request.Scheme + "://" + Context.Request.Host; var assetUrl = siteDomain + "/App_Plugins/UmbracoForms/Assets/Email-Example"; }

Submission for @Model.FormName

@if (Model.HeaderHtml is not null) { } @if (Model.BodyHtml is not null) { } @if (Model.FooterHtml is not null) { }

@Model.HeaderHtml

@Model.BodyHtml

Form Results

@{ string[] ignoreFields = new string[] { "FieldType.Recaptcha2.cshtml", "FieldType.Recaptcha3.cshtml", "FieldType.RecaptchaEnterprise.cshtml", "FieldType.RichText.cshtml", "FieldType.Text.cshtml" }; } @foreach (var field in Model.Fields.Where(x => ignoreFields.Contains(x.FieldType) == false)) {

@field.Name

@switch (field.FieldType) { case "FieldType.FileUpload.cshtml": var uploadCount = 0; foreach (var fileUploadValue in field.GetValues()) { if (fileUploadValue != null && !string.IsNullOrEmpty(fileUploadValue.ToString())) { uploadCount++; } } if (uploadCount > 0) { @uploadCount file@(uploadCount == 1 ? string.Empty : "s") uploaded } break; case "FieldType.DatePicker.cshtml": var datePickerValue = field.GetValue(); if (datePickerValue != null && !string.IsNullOrEmpty(datePickerValue.ToString())) { DateTime dt; var dateValid = DateTime.TryParse(datePickerValue != null ? datePickerValue.ToString() : string.Empty, out dt); var dateStr = dateValid ? dt.ToString("f") : ""; @dateStr } break; default: var values = field.GetValues(); if (values != null) { foreach (var value in values) { if (value != null) { if (value is string strValue) { var processedValue = strValue.ApplyPrevalueCaptions(field.Id, Model.PrevalueMaps).ReplaceLineEndings("
"); @Html.Raw(processedValue) } else { @value }
} } } break; }

}

@Model.FooterHtml

```