Enviar email con plantilla HTML

Para el ejercicio utilizaremos el envió de una notificación con Sendgrid, para ellos utilizaremos la publicación Utilizar SendGrid en Azure para el envió de email (Actualizado 2021).

Crearemos una app Web con el Framework 4.8, el diseño es el siguiente.

Ahora crearemos nuestra plantilla en HTML o podemos descargar alguna gratis de internet, para ello utilizare la web https://stripo.email/es/templates/, solo tienes que registrar, algunas plantillas son gratis o otras más de pago.

Una vez registrado selecciona la platilla que más te guste y presiona el botón Usar en el editor.

En el editor podrás modificar la plantilla a tu gusto.

Los campos donde deben aparecer los datos que enviaras desde tu Webform debe estar entre signo de $.

Una vez terminada la modificación de la plantilla debes descargarla, para esto presionamos el botón Exportar.

Debemos seleccionar el formato HML, por ser el plan gratuito solo podemos realizar 4 exportaciones de plantillas al mes.

Y descargar el archivo completo.

Una vez descargado debemos renombrar y anexarlo a nuestro proyecto.

El código de nuestro botón será el siguiente.

También agregaremos la función donde se llamara la plantilla.

Ejecutamos la aplicación y presionamos el botón Enviar notificación.

Entramos a nuestra cuenta de email destino y revisamos la notificación.

Podemos ver que la Ñ y los acentos no seran visualizados correctamente, para ellos revisamos los código HTML.

Editamos nuestra plantilla HTML y sustituimos la Ñ por el código.

Enviamos de nuevo la notificación y veremos los cambios.