forgot password email template

Chris Bodman 13 posts 93 karma points

Mar 08, 2018 @ 10:12

Hi Everyone,

Can anyone point me in the right direction as far as adding a template to the forgot password email is concerned?

At the moment it's an awful plain text email, and I'd like to add some corporate branding etc.

Chris

Copy Link

Alex Skrypnyk 6163 posts 24143 karma points MVP 8x admin c-trib

Mar 09, 2018 @ 09:20

Hi Chris

What forgot password fo you mean? Umbraco backend forgo password for?

Alex

Copy Link

Chris Bodman 13 posts 93 karma points

Mar 09, 2018 @ 09:58

Hi Alex,

Thanks for replying.

If a user (member) clicks the forgot password link, then they obviously get an email with a link for them to reset their password etc. I dont mean the email for Admins etc, I mean for front end users.

At the moment, it's an awful plain text mess, and I'm hoping just to tidy it up, even if only a little.

Chris

Copy Link

Steve Morgan 1349 posts 4458 karma points c-trib

Mar 09, 2018 @ 10:24

Hi,

As far as I'm aware this is not standard Umbraco functionality. Do you have a package installed or some custom code?

Have you seen this tutorial? It's a bit skeletony in places but sends html emails and allows you to configure them in Umbraco.

http://siempresolutions.co.uk/blog/UmbracoMembersPart3AFullSolution

https://github.com/cheeseytoastie/UmbMembersFullTutorial

HTH

Steve

Copy Link

Jeffrey Schoemaker 408 posts 2138 karma points MVP 8x c-trib

Mar 12, 2018 @ 12:45

Hi Chris,

it depends a bit on which version of Umbraco you're using. If you've updated to the latest version of Umbraco you'll have a nice and shiny HTML email. If you have a bit of an older version maybe not.

In either way; if you go to the language file of your Umbraco-installation (\Umbraco\Config\Lang\en.xml for example) you will find a key named resetPasswordEmailCopySubject and resetPasswordEmailCopyFormat. If you change these, touch the web.config and send the mail again it will work.

In the latest version the content of the key 'resetPasswordEmailCopyFormat' is

    <![CDATA[
    <html> 
        <head> 
            <meta name='viewport' content='width=device-width'> 
            <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> 
        </head> 
        <body class='' style='font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; color: #392F54; line-height: 22px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: #1d1333; margin: 0; padding: 0;' bgcolor='#1d1333'> 
            <style type='text/css'> @media only screen and (max-width: 620px) {table[class=body] h1 {font-size: 28px !important; margin-bottom: 10px !important; } table[class=body] .wrapper {padding: 32px !important; } table[class=body] .article {padding: 32px !important; } table[class=body] .content {padding: 24px !important; } table[class=body] .container {padding: 0 !important; width: 100% !important; } table[class=body] .main {border-left-width: 0 !important; border-radius: 0 !important; border-right-width: 0 !important; } table[class=body] .btn table {width: 100% !important; } table[class=body] .btn a {width: 100% !important; } table[class=body] .img-responsive {height: auto !important; max-width: 100% !important; width: auto !important; } } .btn-primary table td:hover {background-color: #34495e !important; } .btn-primary a:hover {background-color: #34495e !important; border-color: #34495e !important; } .btn  a:visited {color:#FFFFFF;} </style> 
            <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background: #1d1333;" bgcolor="#1d1333">
                <tr> 
                    <td style="font-family: sans-serif; font-size: 14px; vertical-align: top; padding: 24px;" valign="top"> 
                        <table style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
                            <tr> 
                                <td background="https://umbraco.com/umbraco/assets/img/application/logo.png" bgcolor="#1d1333" width="28" height="28" valign="top" style="font-family: sans-serif; font-size: 14px; vertical-align: top;"> 
                                    <!--[if gte mso 9]> <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:30px;height:30px;"> <v:fill type="tile" src="https://umbraco.com/umbraco/assets/img/application/logo.png" color="#1d1333" /> <v:textbox inset="0,0,0,0"> <![endif]--> 
                                    <div> </div> 
                                    <!--[if gte mso 9]> </v:textbox> </v:rect> <![endif]--> 
                                </td> 
                                <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top"></td> 
                            </tr>
                        </table> 
                    </td> 
                </tr>
            </table> 
            <table border='0' cellpadding='0' cellspacing='0' class='body' style='border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background: #1d1333;' bgcolor='#1d1333'>
                <tr> 
                    <td style='font-family: sans-serif; font-size: 14px; vertical-align: top;' valign='top'> </td> 
                    <td class='container' style='font-family: sans-serif; font-size: 14px; vertical-align: top; display: block; max-width: 560px; width: 560px; margin: 0 auto; padding: 10px;' valign='top'> 
                        <div class='content' style='box-sizing: border-box; display: block; max-width: 560px; margin: 0 auto; padding: 10px;'>
                            <br>
                            <table class='main' style='border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; border-radius: 3px; background: #FFFFFF;' bgcolor='#FFFFFF'>
                                <tr> 
                                    <td class='wrapper' style='font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 50px;' valign='top'> 
                                        <table border='0' cellpadding='0' cellspacing='0' style='border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;'>
                                            <tr> 
                                                <td style='line-height: 24px; font-family: sans-serif; font-size: 14px; vertical-align: top;' valign='top'>     
                                                    <h1 style='color: #392F54; font-family: sans-serif; font-weight: bold; line-height: 1.4; font-size: 24px; text-align: left; text-transform: capitalize; margin: 0 0 30px;' align='left'>
                                                        Password reset requested
                                                    </h1>
                                                    <p style='color: #392F54; font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px;'>
                                                        Your username to login to the Umbraco back-office is: <strong>%0%</strong>
                                                    </p>
                                                    <p style='color: #392F54; font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px;'>
                                                        <table border='0' cellpadding='0' cellspacing='0' style='border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;'>
                                                            <tbody>
                                                                <tr> 
                                                                    <td style='font-family: sans-serif; font-size: 14px; vertical-align: top; border-radius: 5px; text-align: center; background: #35C786;' align='center' bgcolor='#35C786' valign='top'> 
                                                                        <a href='%1%' target='_blank' style='color: #FFFFFF; text-decoration: none; -ms-word-break: break-all; word-break: break-all; border-radius: 5px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; text-transform: capitalize; background: #35C786; margin: 0; padding: 12px 30px; border: 1px solid #35c786;'>
                                                                            Click this link to reset your password
                                                                        </a> 
                                                                    </td> 
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </p>
                                                    <p style='max-width: 400px; display: block; color: #392F54; font-family: sans-serif; font-size: 14px; line-height: 20px; font-weight: normal; margin: 15px 0;'>If you cannot click on the link, copy and paste this URL into your browser window:</p>
                                                        <table border='0' cellpadding='0' cellspacing='0'>
                                                            <tr>
                                                                <td style='-ms-word-break: break-all; word-break: break-all; font-family: sans-serif; font-size: 11px; line-height:14px;'>
                                                                    <font style="-ms-word-break: break-all; word-break: break-all; font-size: 11px; line-height:14px;">
                                                                        <a style='-ms-word-break: break-all; word-break: break-all; color: #392F54; text-decoration: underline; font-size: 11px; line-height:15px;' href='%1%'>%1%</a>
                                                                    </font>
                                                                </td> 
                                                            </tr>
                                                        </table>
                                                    </p>
                                                </td> 
                                            </tr>
                                        </table> 
                                    </td> 
                                </tr>
                            </table> 
                            <br><br><br> 
                        </div> 
                    </td> 
                    <td style='font-family: sans-serif; font-size: 14px; vertical-align: top;' valign='top'> </td> 
                </tr>
            </table> 
        </body>
    </html>
]]>

Hope this is an answer to your question!

Copy Link

Jack Mason 1 post 71 karma points

Jan 10, 2024 @ 20:55

This works great, except I can't put a custom logo in the email.

I tried changing this to another logo on my server and it doesn't show up, just the background color.

Umbraco 12.3.3

Copy Link

Jason D 75 posts 247 karma points

Dec 21, 2020 @ 20:19

The logo doesn't come through, and if I update the URL for the logo to something in my site, it still doesn't come through...

    <tr>
                                <td background="https://umbraco.com/umbraco/assets/img/application/logo.png" bgcolor="#1d1333" width="28" height="28" valign="top" style="font-family: sans-serif; font-size: 14px; vertical-align: top;">
                                    <!--[if gte mso 9]> <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:30px;height:30px;"> <v:fill type="tile" src="https://umbraco.com/umbraco/assets/img/application/logo.png" color="#1d1333" /> <v:textbox inset="0,0,0,0"> <![endif]-->
                                    <div> </div>
                                    <!--[if gte mso 9]> </v:textbox> </v:rect> <![endif]-->
                                </td>
                                <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top"></td>
                            </tr>

Copy Link

is working on a reply...

Flag this post as spam?

Forgot Password Email Template