DEV Community

Send email in Node.JS with Nodemailer using Gmail account

Bentil Shadrack on October 21, 2022

Environment & Dependencies Nodemailer is a Node.JS npm module for sending emails. This has been the go to solution to most NodeJS ...

Read full post

Hiren Prajapati • Jul 31 '23

Not working internal style in html page

Bentil Shadrack • Jul 31 '23

Really?
Let me see a snippet of your code

Hiren Prajapati • Aug 1 '23 • Edited

const welcomeEmailTemplate = (fullName) => {

return `

<!DOCTYPE html>

Social Space

 
@import url("<a href="https://fonts.googleapis.com/css2?family=Signika&display=swap%22" rel="nofollow">https://fonts.googleapis.com/css2?family=Signika&amp;display=swap&quot;</a>);
<div class="highlight"><pre class="highlight plaintext"><code> :root {
--primary-color: #8344ff;
}

body {
margin: 0;
padding: 0;
font-family: "Signika", sans-serif;
}

h1 {
margin: 0;
color: var(--primary-color);
}

p {
margin: 0;
text-align: justify;
}

a {
text-decoration: none;
color: black;
}
a:hover {
color: var(--primary-color);
}

li::marker {
margin: 0;
}

img {
width: 100%;
max-height: 300px;
margin: 20px 0px;
}

.container {
padding: 25px;
border: 2px solid var(--primary-color);
border-radius: 15px;
}
</style>
</code></pre></div>
</head> 
<body> 
<div class="container"> 
<h1>Your Space for Connecting and Sharing !</h1> 
 
Hey, ${fullName} 👋🏻 
<img 
src="https://res.cloudinary.com/socialspace/image/upload/v1690739392/email-vectors/welcomeVector.svg" 
alt="welcome" 
/> 
 
We are thrilled to extend a warm welcome to you as a new member of our 
ever-growing community at 
<a style="color: var(--primary-color)" href="">Social Space</a> ! 
 
 
 
Your decision to join Social Space brings us one step closer to building 
a vibrant online space where users like you can connect with friends, 
family, and like-minded individuals, sharing your thoughts, memories, 
and experiences with the world. 
 
 
 
Here at Social Space, our mission is to create an inclusive environment 
that fosters meaningful interactions, celebrates diversity, and respects 
the privacy and security of all our users. 
 
 
 
If you have any questions, concerns, or suggestions, please don't 
hesitate to reach out to our friendly support team at 
<a 
style="color: var(--primary-color)" 
href="" 
></a 
> 
We're here to ensure that your experience on Social Space is as 
enjoyable as possible. 
 
 
 
Once again, thank you for choosing <a style="color: var(--primary-color)" href="">Social Space</a>. We are genuinely 
excited to have you on board and cannot wait to see the positive impact 
you will make within our community. 
 
 
Best regards, 
 
The Social Space Team 
<li><a href="">Yogesh Zala</a></li> 
<li><a href="">Hiren Prajapati</a></li> 
</div> 
</body> 
</html> 
`; 
};

module.exports = welcomeEmailTemplate;

async function sendWelcomeEmail(email, fullName) { 
const mailOptions = { 
from: <code>Social Space <${process.env.EMAIL}></code>, 
to: email, 
subject: "Welcome to Social Space ! 🖐🏻", 
html: welcomeEmailTemplate(fullName), 
};

await sendEmail(mailOptions); 
}

Bentil Shadrack • Aug 1 '23

The welcomeEmailTemplate looks fine and sould work.

Perhaps the issue will be your implementation. What error do you get?
Send me a mail let's take a close look at it😁

Hiren Prajapati • Aug 1 '23

Thank You for response!
error not show any but styling is not show when i have sent email to someone only show content without styling....

Bentil Shadrack • Aug 1 '23 • Edited

Oh I see.

Did you use this👇👇

Hiren Prajapati • Aug 2 '23

Yes, I have used!

Hiren Prajapati • Aug 2 '23

support.google.com/mail/thread/476...
Please check the above Google support link! I think have you idea.

Bentil Shadrack • Aug 4 '23

Okay sure

Cyklone Hateka • Oct 23 '22

Very informative

Bentil Shadrack • Oct 23 '22

Thank you

Simvolick • Mar 26 '23

Am I crazy but this doesn't work without getting gmail api key?

Bentil Shadrack • Aug 1 '23

This works fine without any API key.
How are you implementing it?

Amit H Bhagat • Aug 25 '23

Thanks for the "Application-specific password required" error resolution

Bentil Shadrack • Aug 26 '23

I am glad it helped

Junaid Ansari • Oct 25 '23

Hey, i'm using my actual emailId and emailPassword to send mails using nodemailer, with smpt.gmail.com as host, still i'm not able to send the mails and getting the error of false credentials. can anyone please explain me why i'm getting such error?

Junaid Ansari • Oct 25 '23

`const nodemailer = require("nodemailer");
require("dotenv").config();

const mailSender = async (email, title, body) => {
try{
// mail send krne ke liye transporter use hota h
let transporter = nodemailer.createTransport({
host: process.env.MAIL_HOST,
auth:{
user: process.env.MAIL_USER,
pass: process.env.MAIL_PASS,
}
});
// console.log(body);
// console.log(transporter);

    // prepare the email and send
    let info = await transporter.sendMail({
        from: "StudyNotion --by Junaid",
        to: `${email}`,
        subject: `${title}`,
        html: `${body}`
    });

    return info;

} catch(err) {
    console.log("Mail Sender failed.")
    console.log(err.message);
}

}

module.exports = mailSender;`

above is my code snippet for mailSender
please can anyone tell me, where i'm doing it wrong?