2019-12-30 17:52:08 +01:00
|
|
|
{% extends 'dashboard/domain_detail/base.html' %}
|
|
|
|
|
|
|
|
{% set domain_detail_page = "dns" %}
|
2019-12-27 23:50:09 +01:00
|
|
|
|
|
|
|
{% block title %}
|
2019-12-30 17:52:08 +01:00
|
|
|
{{ custom_domain.domain }} DNS
|
2019-12-27 23:50:09 +01:00
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
|
2019-12-30 17:52:08 +01:00
|
|
|
{% block domain_detail_content %}
|
2019-12-27 23:50:09 +01:00
|
|
|
<div class="bg-white p-4" style="max-width: 60rem; margin: auto">
|
|
|
|
<h1 class="h3"> {{ custom_domain.domain }} </h1>
|
|
|
|
<div class="">Please follow the steps below to set up your domain.</div>
|
|
|
|
|
|
|
|
<div class="small-text mb-5">
|
|
|
|
DNS changes could take up to 24 hours to propagate. In practice, it's a lot faster though (~1
|
|
|
|
minute or in our experience).
|
|
|
|
</div>
|
|
|
|
|
2020-01-03 11:51:18 +01:00
|
|
|
<div id="mx-form">
|
2019-12-27 23:50:09 +01:00
|
|
|
<div class="font-weight-bold">1. MX record
|
2019-12-28 21:59:47 +01:00
|
|
|
|
|
|
|
{% if custom_domain.verified %}
|
2019-12-30 18:51:55 +01:00
|
|
|
<span class="cursor" data-toggle="tooltip" data-original-title="MX Record Verified">✅</span>
|
2019-12-28 21:59:47 +01:00
|
|
|
{% else %}
|
2019-12-30 18:51:55 +01:00
|
|
|
<span class="cursor" data-toggle="tooltip" data-original-title="MX Record Not Verified">🚫 </span>
|
2019-12-28 21:59:47 +01:00
|
|
|
{% endif %}
|
2019-12-27 23:50:09 +01:00
|
|
|
</div>
|
|
|
|
|
2020-01-07 22:13:12 +01:00
|
|
|
<div class="mb-2">Add the following MX DNS record to your domain. <br>
|
2020-05-03 11:19:14 +02:00
|
|
|
Please note that there's a point (<em>.</em>) at the end target addresses.
|
|
|
|
This is to make sure the <i>absolute</i> address is used.
|
|
|
|
<br>
|
2020-01-07 22:13:12 +01:00
|
|
|
Also some domain registrars (Namecheap, CloudFlare, etc) might use <em>@</em> for the root domain.
|
2019-12-30 19:34:38 +01:00
|
|
|
</div>
|
2019-12-27 23:50:09 +01:00
|
|
|
|
|
|
|
{% for priority, email_server in EMAIL_SERVERS_WITH_PRIORITY %}
|
|
|
|
<div class="mb-3 p-3" style="background-color: #eee">
|
2020-05-03 11:19:14 +02:00
|
|
|
Record: MX <br>
|
|
|
|
Domain: {{ custom_domain.domain }} or @ <br>
|
2020-01-03 11:51:18 +01:00
|
|
|
Priority: {{ priority }} <br>
|
2020-05-03 11:19:14 +02:00
|
|
|
Target: <em data-toggle="tooltip"
|
|
|
|
title="Click to copy"
|
|
|
|
class="clipboard"
|
|
|
|
data-clipboard-text="{{ email_server }}">{{ email_server }}</em>
|
2019-12-27 23:50:09 +01:00
|
|
|
</div>
|
|
|
|
{% endfor %}
|
|
|
|
|
2020-01-03 11:51:18 +01:00
|
|
|
<form method="post" action="#mx-form">
|
2019-12-27 23:50:09 +01:00
|
|
|
<input type="hidden" name="form-name" value="check-mx">
|
|
|
|
{% if custom_domain.verified %}
|
|
|
|
<button type="submit" class="btn btn-outline-primary">
|
|
|
|
Re-verify
|
|
|
|
</button>
|
|
|
|
{% else %}
|
|
|
|
<button type="submit" class="btn btn-primary">
|
|
|
|
Verify
|
|
|
|
</button>
|
|
|
|
{% endif %}
|
|
|
|
</form>
|
|
|
|
|
|
|
|
{% if not mx_ok %}
|
|
|
|
<div class="text-danger mt-4">
|
|
|
|
Your DNS is not correctly set. The MX record we obtain is:
|
|
|
|
<div class="mb-3 p-3" style="background-color: #eee">
|
2020-01-02 22:21:54 +01:00
|
|
|
{% if not mx_errors %}
|
|
|
|
(Empty)
|
|
|
|
{% endif %}
|
2019-12-27 23:50:09 +01:00
|
|
|
{% for r in mx_errors %}
|
|
|
|
{{ r }} <br>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
{% if custom_domain.verified %}
|
|
|
|
Please make sure to fix this ASAP - your aliases might not work properly.
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<hr>
|
|
|
|
|
2020-01-03 11:51:18 +01:00
|
|
|
<div id="spf-form">
|
2019-12-27 23:50:09 +01:00
|
|
|
<div class="font-weight-bold">2. SPF (Optional)
|
2019-12-28 21:59:47 +01:00
|
|
|
{% if custom_domain.spf_verified %}
|
2019-12-30 18:51:55 +01:00
|
|
|
<span class="cursor" data-toggle="tooltip" data-original-title="SPF Verified">✅</span>
|
2019-12-28 21:59:47 +01:00
|
|
|
{% else %}
|
2019-12-30 18:51:55 +01:00
|
|
|
<span class="cursor" data-toggle="tooltip" data-original-title="SPF Not Verified">🚫 </span>
|
2019-12-28 21:59:47 +01:00
|
|
|
{% endif %}
|
2019-12-27 23:50:09 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
SPF <a href="https://en.wikipedia.org/wiki/Sender_Policy_Framework" target="_blank">(Wikipedia↗)</a> is an email
|
|
|
|
authentication method
|
|
|
|
designed to detect forging sender addresses during the delivery of the email. <br>
|
|
|
|
Setting up SPF is highly recommended to reduce the chance your emails ending up in the recipient's Spam folder.
|
|
|
|
</div>
|
|
|
|
|
2020-05-03 11:19:14 +02:00
|
|
|
<div class="mb-2">Add the following TXT DNS record to your domain.</div>
|
2019-12-27 23:50:09 +01:00
|
|
|
|
|
|
|
<div class="mb-2 p-3" style="background-color: #eee">
|
2020-05-03 11:19:14 +02:00
|
|
|
Record: TXT <br>
|
|
|
|
Domain: {{ custom_domain.domain }} or @ <br>
|
2019-12-27 23:50:09 +01:00
|
|
|
Value:
|
2020-05-03 11:19:14 +02:00
|
|
|
<em data-toggle="tooltip"
|
|
|
|
title="Click to copy"
|
|
|
|
class="clipboard"
|
|
|
|
data-clipboard-text="{{ spf_record }}">
|
2019-12-27 23:50:09 +01:00
|
|
|
{{ spf_record }}
|
|
|
|
</em>
|
|
|
|
</div>
|
|
|
|
|
2020-01-03 11:51:18 +01:00
|
|
|
<form method="post" action="#spf-form">
|
2019-12-27 23:50:09 +01:00
|
|
|
<input type="hidden" name="form-name" value="check-spf">
|
|
|
|
{% if custom_domain.spf_verified %}
|
|
|
|
<button type="submit" class="btn btn-outline-primary">
|
|
|
|
Re-verify
|
|
|
|
</button>
|
|
|
|
{% else %}
|
|
|
|
<button type="submit" class="btn btn-primary">
|
|
|
|
Verify
|
|
|
|
</button>
|
|
|
|
{% endif %}
|
|
|
|
</form>
|
|
|
|
|
|
|
|
{% if not spf_ok %}
|
|
|
|
<div class="text-danger mt-4">
|
|
|
|
Your DNS is not correctly set. The TXT record we obtain is:
|
|
|
|
<div class="mb-3 p-3" style="background-color: #eee">
|
2020-01-02 22:21:54 +01:00
|
|
|
{% if not spf_errors %}
|
|
|
|
(Empty)
|
|
|
|
{% endif %}
|
|
|
|
|
2019-12-27 23:50:09 +01:00
|
|
|
{% for r in spf_errors %}
|
|
|
|
{{ r }} <br>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
{% if custom_domain.spf_verified %}
|
|
|
|
Without SPF setup, emails you sent from your alias might end up in Spam/Junk folder.
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<hr>
|
|
|
|
|
2020-01-03 11:51:18 +01:00
|
|
|
<div id="dkim-form">
|
2019-12-27 23:50:09 +01:00
|
|
|
<div class="font-weight-bold">3. DKIM (Optional)
|
2019-12-28 21:59:47 +01:00
|
|
|
{% if custom_domain.dkim_verified %}
|
2019-12-30 18:51:55 +01:00
|
|
|
<span class="cursor" data-toggle="tooltip" data-original-title="SPF Verified">✅</span>
|
2019-12-28 21:59:47 +01:00
|
|
|
{% else %}
|
2019-12-30 18:51:55 +01:00
|
|
|
<span class="cursor" data-toggle="tooltip" data-original-title="DKIM Not Verified">🚫 </span>
|
2019-12-28 21:59:47 +01:00
|
|
|
{% endif %}
|
2019-12-27 23:50:09 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
DKIM <a href="https://en.wikipedia.org/wiki/DomainKeys_Identified_Mail" target="_blank">(Wikipedia↗)</a> is an
|
|
|
|
email
|
|
|
|
authentication method
|
|
|
|
designed to avoid email spoofing. <br>
|
|
|
|
Setting up DKIM is highly recommended to reduce the chance your emails ending up in the recipient's Spam folder.
|
|
|
|
</div>
|
|
|
|
|
2020-05-03 11:19:14 +02:00
|
|
|
<div class="mb-2">Add the following CNAME DNS record to your domain.</div>
|
2019-12-27 23:50:09 +01:00
|
|
|
|
|
|
|
<div class="mb-2 p-3" style="background-color: #eee">
|
2020-05-03 11:19:14 +02:00
|
|
|
Record: CNAME <br>
|
|
|
|
Domain: <em data-toggle="tooltip"
|
|
|
|
title="Click to copy"
|
|
|
|
class="clipboard"
|
|
|
|
data-clipboard-text="dkim._domainkey.">dkim._domainkey.</em>{{ custom_domain.domain }} <br>
|
2019-12-27 23:50:09 +01:00
|
|
|
Value:
|
2020-05-03 11:19:14 +02:00
|
|
|
<em data-toggle="tooltip"
|
|
|
|
title="Click to copy"
|
|
|
|
class="clipboard"
|
|
|
|
data-clipboard-text="{{ dkim_cname }}" style="overflow-wrap: break-word">
|
|
|
|
{{ dkim_cname }}
|
2019-12-27 23:50:09 +01:00
|
|
|
</em>
|
|
|
|
</div>
|
|
|
|
|
2020-01-03 11:51:18 +01:00
|
|
|
<form method="post" action="#dkim-form">
|
2019-12-27 23:50:09 +01:00
|
|
|
<input type="hidden" name="form-name" value="check-dkim">
|
|
|
|
{% if custom_domain.dkim_verified %}
|
|
|
|
<button type="submit" class="btn btn-outline-primary">
|
|
|
|
Re-verify
|
|
|
|
</button>
|
|
|
|
{% else %}
|
|
|
|
<button type="submit" class="btn btn-primary">
|
|
|
|
Verify
|
|
|
|
</button>
|
|
|
|
{% endif %}
|
|
|
|
</form>
|
|
|
|
|
|
|
|
{% if not dkim_ok %}
|
|
|
|
<div class="text-danger mt-4">
|
|
|
|
Your DNS is not correctly set.
|
|
|
|
{% if dkim_errors %}
|
2020-05-03 11:19:14 +02:00
|
|
|
The CNAME record we obtain for
|
2019-12-27 23:50:09 +01:00
|
|
|
<em>dkim._domainkey.{{ custom_domain.domain }}</em> is:
|
|
|
|
|
|
|
|
<div class="mb-3 p-3" style="background-color: #eee">
|
|
|
|
{% for r in dkim_errors %}
|
|
|
|
{{ r }} <br>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
{% if custom_domain.dkim_verified %}
|
|
|
|
Without DKIM setup, emails you sent from your alias might end up in Spam/Junk folder.
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
{% endblock %}
|