Magic link ✨ email template

Send an authenticated URL included in a button. Allow the user to log in simply by clicking it.

Get the code

You can download this magic link 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">You have requested us to send a magic link to automatically sign in to Arengu.</mj-text>
       <mj-button align="center" font-size="18px" background-color="#20c5a0" border-radius="8px" color="#fff" font-family="open Sans Helvetica, Arial, sans-serif" href="{{MAGIC_LINK}}">Click here to sign in</mj-button>
       <mj-text align="center" font-size="8px" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="25px">Or copy this URL into your browser:<br></br><a href="{{MAGIC_LINK}}">{{MAGIC_LINK}}</a></mj-text>
       <mj-text align="center" font-size="8px" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="25px">(This link will expire in 5 minutes)</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 email with a magic link.

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 passwordless access, so briefly explain how they work and their shelf life.

Log in with one click

Include a button with an authenticated and automatically generated URL, to allow the user to log in with a single click.

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.