forgot password email template

Chris Bodman 10 posts 90 karma points

Mar 08, 2018 @ 10:12

Forgot Password Email Template

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 5908 posts 22603 karma points MVP 4x 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 10 posts 90 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 1278 posts 4216 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

[email protected] 378 posts 1915 karma points MVP 4x 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

Jason D 25 posts 56 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...

This forum is in read-only mode while we transition to the new forum.

You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Flag this post as spam?

Forgot Password Email Template