One-time-password (OTP) email template

Send a temporary code by email to verify users' identity and allow them to log in with it.

Get the code

You can download this OTP email template or paste it on mjml.io to view the HTML code.

<mjml>
 <mj-body background-color="#fafbfc">
   <mj-section padding-bottom="20px" padding-top="20px">
     <mj-column vertical-align="middle" width="100%">
       <mj-image align="center" padding="25px" src="https://global-uploads.webflow.com/5f059a21d0c1c3278fe69842/5f188b94aebb5983b66610dd_logo-arengu.png" width="125px"></mj-image>
     </mj-column>
   </mj-section>
   <mj-section background-color="#fff" padding-bottom="20px" padding-top="20px">
     <mj-column vertical-align="middle" width="100%">
       <mj-text align="center" font-size="16px" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="25px"><span>Hello,</span></mj-text>
       <mj-text align="center" font-size="16px" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="25px">Please use the verification code below on the Arengu website:</mj-text>
       <mj-text align="center" font-size="24px" background-color="#20c997" font-weight="bold" font-family="open Sans Helvetica, Arial, sans-serif">{{VERIFICATION_CODE}}</mj-text>
       <mj-text align="center" font-size="16px" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="16px">If you didn't request this, you can ignore this email or let us know.</mj-text>
       <mj-text align="center" font-size="16px" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="25px">Thanks! <br />Arengu team</mj-text>
     </mj-column>
   </mj-section>
 </mj-body>
</mjml>

Best practices

Tips to create and send an efficient OTP email.

Keep it simple

Use clear and direct language to ensure that the purpose of your email is understandable.

Outline how it works

Some people may not be used to temporary codes, so briefly explain how they work and their shelf life.

Highlight the OTP code

To make it easier to locate, copy and paste, place the code in a privileged position so that it stands out from the text.

Allow feedback to be sent

It is probably not possible to reply to the email sender account, so provide another way they can contact you.

Call them by their name

If you have their name stored in your database, you can include the variable on the email to further personalize it.

Completely customize it

Feel free to edit colors, fonts, the logo... and adapt the look and feel of this email to your brand’s style guide.

Other email templates

Get inspired with other email templates for your business

Getting started with Arengu

Arengu allows you to build all your user flows connected to your current stack, and avoids coding all the UI, complex integrations, validations or logic from scratch. Try it for free and start building faster and scaling your application needs as they grow.