Thanks, jmestep. Thanks, plugables.
The domain is set correctly and it has a / at the end.
The link in the notification email originally redirected to a test page. I tried fixing the htm file but it just redirected to the homepage.
Here's the htm code:
<html>
<head>
<style type="text/css">
TABLE.Email {
width: 640px;
padding: 5px;
margin: 0px;
border: 1px solid #5872CB;
}
TABLE.Email TH {
font-weight: bold;
font-size: 12px;
color: #ffffff;
font-family: Arial, Verdana, Sans-Serif;
font-style: strong;
background-color: #304FBA;
text-align: center;
text-decoration: none;
padding: 5px;
}
TABLE.Email TD {
font-weight: normal;
font-size: 12px;
color: #000000;
font-family: Arial, Verdana, Sans-Serif;
background-color: #ffffff;
text-align: left;
text-decoration: none;
padding: 3px;
}
</style>
</head>
<body>
<table class="Email">
<tr>
<td class="Email">
<p>Hello,</p>
<p>We received a request to reset the password associated with this email address.
If you made this request, please follow the instructions below. </p>
<p>If you did not request to have your password reset, you can safely ignore
this email. We assure you that your customer account is safe. </p>
<p>The user name associated with your email address is <strong>$customer.UserName</strong></p>
<p><strong>Click the link below to reset your password:</strong></p>
<p> <a href="${resetPasswordLink}">${resetPasswordLink}</a> </p>
<p>If clicking the link doesn't work, you can copy and paste the link
into your browser's address window, or retype it there. Once you have
returned to $store.Name,
we will give you instructions for resetting your password. </p>
<p><strong>Thank you for visiting $store.Name!</strong><br>
<a href="${store.StoreUrl}"><strong>$store.Name</strong></a></p>
<p> </p>
</td>
</tr>
</table>
</body>
</html>