Skip to main content

Customize Emails

Learn how to customize your emails with MJML templates and discover a set of variables for the design of your email screens

Cryptr allows you to customize your emails in mjml format, providing a template 100% designed by you with some variables you can set.

tip

If you are customizing an email theme, we advise you to use the same design as for your login pages to keep consistency.

note

If you have difficulties in creating your own theme. You can contact us and we will help you with your design and bring your integration to life

What is MJML?

MJML is an open-source markup language for designing responsive emails. It was created by Mailjet to simplify email code with a semantic syntax that makes it easier to understand.

note

To know more about mjml, we advise you to read the documentation:
https://documentation.mjml.io/

Template variables

You can customize the email subject and locale for each email template.

The content is currently not editable, but some variables can be placed as you wish in the mjml file

Below is the list of each templates:

magic_link

KeyText
1 user_emailelise@proton.me>
2 expiration_time5 minutes
3 user_agent_familyChrome
3 user_agent_version_major111
3 user_agent_version_minor0
3 user_agent_os_familyMac OS X
3 user_agent_os_version_major10
3 user_agent_os_version_minor15
3 time16:04
3 date27/03/23
4 magic_link_urlhttp://cryptr-magic-link.co/kamae/123546789/abc

password

password

KeyText
1 user_emailelise@proton.me>
2 expiration_time5 minutes
3 user_agent_familyChrome
3 user_agent_version_major111
3 user_agent_version_minor0
3 user_agent_os_familyMac OS X
3 user_agent_os_version_major10
3 user_agent_os_version_minor15
3 time16:04
3 date27/03/23
4 magic_link_urlhttp://cryptr-magic-link.co/kamae/123546789/abc

sso_onboarding_template

sso_onboarding_template

KeyText
1 organization_nameLagardère
1 master_tenant_nameKamaé
2 expiration_timeune semaine
3 magic_link_urlhttp://cryptr-it-admin-onboarding.co/kamae/123546789/abc

Content variables

Data is stored in a variable such as magic_link_url, it is displayed between double braces {{ }}

Code

<mj-text css-class="link-to-copy" color="#9EA4AF" font-size="14px" line-height="16px" padding-top="0">
Ou copier-coller le lien ci-dessous dans votre navigateur:
<a href="{{magic_link_url}}" target="_blank" class="link">{{magic_link_url}}</a>
</mj-text>

Output

<div style="font-size:14px;font-weight:400;line-height:16px;text-align:left;color:#9EA4AF;">
Ou copier-coller le lien ci-dessous dans votre navigateur:
<a href="http://cryptr-it-admin-onboarding.co/kamae/123546789/abc" target="_blank" class="link">
http://cryptr-it-admin-onboarding.co/kamae/123546789/abc
</a>
</div>

Email templates API

Learn how to integrate your mjml templates to edit it with the

The fallback content to display on prerendering
, track changes or retrieve your mjml code

caution

If you create a theme using the default theme as a starting point. We recommend that you submit a slightly different version that matches your brand's visual identity in order to have added value in your login

The fallback content to display on prerendering