Skip to content

Password Reset Email Template

Jump to bottom
Marcin Ufniarz edited this page Feb 25, 2024 · 1 revision

Password Reset Email Template

Overview

When a user forgets their password, a password reset email is sent to help them set up a new one.

Template Details

Message Body

Subject: Password Reset Request for %APP_NAME%

Message:

Hi there,

We received a request to reset your password for your %APP_NAME% account. If you did not request this, please ignore this email. Otherwise, please click the button below to choose a new password:

[Reset Password](%LINK%)

If the button above does not work, please copy and paste the URL below into your web browser:

%LINK%

If you need help or have any questions, just reply to this email—we're always happy to assist.

Thanks,
The %APP_NAME% Team

HTML Email Body:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
    body { font-family: Arial, sans-serif; line-height: 1.6; }
    .container { width: 100%; max-width: 600px; margin: auto; background: #fff; padding: 20px; }
    .ii a[href] {color: #000 !important;}
    .btn { background: #ff6f00; color: #ffffff !important; padding: 10px 20px; text-decoration: none; border-radius: 5px; display: inline-block; margin: 20px 0; }
    .footer { font-size: 0.8em; text-align: center; margin-top: 30px; }
    @media (max-width: 600px) {
        .container { width: 95%; }
    }
</style>
</head>
<body>
    <div class="container">
        <img src="https://firebasestorage.googleapis.com/v0/b/ascendcoopplatform-dev.appspot.com/o/ASCENDynamicsNFP%2FForgotPassword.png?alt=media&token=2ae28726-af1f-4793-b647-03c277985b93" alt="Password Reset" style="max-width: 100%; height: auto;">
        
        <h1>Password Reset Request</h1>
        
        <p>Hi there,</p>
        
        <p>We received a request to reset your password for your %APP_NAME% account. If you did not request this, please ignore this email. Otherwise, please click the button below to choose a new password:</p>
        
        <a href="%LINK%" class="btn">Reset Password</a>
        
        <p>If the button above does not work, please copy and paste the URL below into your web browser:</p>
        
        <p><a href="%LINK%">%LINK%</a></p>
        
        <p>If you need help or have any questions, just reply to this email—we're always happy to assist.</p>
        
        <div class="footer">
            <p>Thanks,</p>
            <p>The %APP_NAME% Team</p>
            <p>Connect with us on <a href="https://www.facebook.com/ASCENDynamicsNFP">Social Media</a></p>
        </div>
    </div>
</body>
</html>

ASCENDynamics Cooperative Platform

Project Structure

Packages and Implementation

Firebase Backend

Backend - Database Schemas

Backend - Security Rules

Frontend

Design

Platform Documents

Email Templates

Clone this wiki locally