diff --git a/dashboard/src/components/AppInstallDialog.vue b/dashboard/src/components/AppInstallDialog.vue
index 6b2367550..316d9e7d9 100644
--- a/dashboard/src/components/AppInstallDialog.vue
+++ b/dashboard/src/components/AppInstallDialog.vue
@@ -122,7 +122,7 @@ onMounted(async () => {
 
   domains.value = result;
 
-  [error, result] = await dashboardModel.getConfig();
+  [error, result] = await dashboardModel.config();
   if (error) return console.error(error);
 
   // preselect with dashboard domain
diff --git a/dashboard/src/components/BackupList.vue b/dashboard/src/components/BackupList.vue
index 7f5a42151..0d37e0a83 100644
--- a/dashboard/src/components/BackupList.vue
+++ b/dashboard/src/components/BackupList.vue
@@ -134,7 +134,7 @@ async function onStopBackup() {
 }
 
 async function onDownloadConfig(backup) {
-  const [error, result] = await dashboardModel.getConfig();
+  const [error, result] = await dashboardModel.config();
   if (error) return console.error(error);
 
   // secrets and tokens already come with placeholder characters we remove them
diff --git a/dashboard/src/components/DashboardDomain.vue b/dashboard/src/components/DashboardDomain.vue
index 0187fa145..1bec37d3e 100644
--- a/dashboard/src/components/DashboardDomain.vue
+++ b/dashboard/src/components/DashboardDomain.vue
@@ -77,7 +77,7 @@ onMounted(async () => {
 
   domains.value = result;
 
-  [error, result] = await dashboardModel.getConfig();
+  [error, result] = await dashboardModel.config();
   if (error) return console.error(error);
 
   newDomain.value = (domains.value.find(d => d.domain === result.adminDomain) || domains.value[0]).domain;
diff --git a/dashboard/src/components/ExposedLdap.vue b/dashboard/src/components/ExposedLdap.vue
index ad533025c..7c5eea5ee 100644
--- a/dashboard/src/components/ExposedLdap.vue
+++ b/dashboard/src/components/ExposedLdap.vue
@@ -57,7 +57,7 @@ onMounted(async () => {
 
   const domains = result;
 
-  [error, result] = await dashboardModel.getConfig();
+  [error, result] = await dashboardModel.config();
   if (error) return console.error(error);
 
   ldapUrl.value = 'ldaps://' + result.adminFqdn + ':636';
diff --git a/dashboard/src/components/MailDomainStatus.vue b/dashboard/src/components/MailDomainStatus.vue
index 5057a679b..876ed3630 100644
--- a/dashboard/src/components/MailDomainStatus.vue
+++ b/dashboard/src/components/MailDomainStatus.vue
@@ -59,12 +59,9 @@ onMounted(async () => {
 </script>
 
 <template>
-  <Section :title="$t('email.status.tabTitle')">
-    <template #header-buttons>
-      <Button @click="refresh()" tool icon="fa fa-sync-alt" :disabled="busy" :loading="busy"/>
-    </template>
+  <Section>
 
-    <h4>{{ $t('email.dnsStatus.title') }}</h4>
+    <h4>{{ $t('email.dnsStatus.title') }} &nbsp; <Button @click="refresh()" small tool icon="fa fa-sync-alt" :disabled="busy" :loading="busy"/></h4>
     <div v-html="$t('email.dnsStatus.description', { emailDnsDocsLink:'https://docs.cloudron.io/email/#dns-records'})"></div>
     <br/>
     <div v-for="record in expectedDnsRecordsTypes" :key="record.value">
diff --git a/dashboard/src/components/OpenIdClients.vue b/dashboard/src/components/OpenIdClients.vue
index d32c63a1e..8a8bb3b13 100644
--- a/dashboard/src/components/OpenIdClients.vue
+++ b/dashboard/src/components/OpenIdClients.vue
@@ -107,7 +107,7 @@ function onCopyToClipboard(value) {
 }
 
 onMounted(async () => {
-  const [error, result] = await dashboardModel.getConfig();
+  const [error, result] = await dashboardModel.config();
   if (error) return console.error(error);
 
   adminFqdn.value = result.adminFqdn;
diff --git a/dashboard/src/components/SystemUpdate.vue b/dashboard/src/components/SystemUpdate.vue
index 6e63702f0..66456e295 100644
--- a/dashboard/src/components/SystemUpdate.vue
+++ b/dashboard/src/components/SystemUpdate.vue
@@ -155,7 +155,7 @@ async function refreshTasks() {
 }
 
 onMounted(async () => {
-  const [error, result] = await dashboardModel.getConfig();
+  const [error, result] = await dashboardModel.config();
   if (error) return console.error(error);
 
   version.value = result.version;
diff --git a/dashboard/src/models/DashboardModel.js b/dashboard/src/models/DashboardModel.js
index dd6526149..8dabafb42 100644
--- a/dashboard/src/models/DashboardModel.js
+++ b/dashboard/src/models/DashboardModel.js
@@ -6,7 +6,7 @@ function create() {
   const accessToken = localStorage.token;
 
   return {
-    async getConfig() {
+    async config() {
       let error, result;
       try {
         result = await fetcher.get(`${API_ORIGIN}/api/v1/dashboard/config`, { access_token: accessToken });
diff --git a/dashboard/src/views/BrandingView.vue b/dashboard/src/views/BrandingView.vue
index 19e2f9258..5684af3aa 100644
--- a/dashboard/src/views/BrandingView.vue
+++ b/dashboard/src/views/BrandingView.vue
@@ -144,7 +144,7 @@ function onBackgroundClear() {
 }
 
 onMounted(async () => {
-  let [error, result] = await dashboardModel.getConfig();
+  let [error, result] = await dashboardModel.config();
   if (error) return console.error(error);
   name.value = result.cloudronName;
 
diff --git a/dashboard/src/views/DomainsView.vue b/dashboard/src/views/DomainsView.vue
index a9bdd7707..de225ebda 100644
--- a/dashboard/src/views/DomainsView.vue
+++ b/dashboard/src/views/DomainsView.vue
@@ -115,7 +115,7 @@ onMounted(async () => {
   busy.value = true;
   await refreshDomains();
 
-  const [error, result] = await dashboardModel.getConfig();
+  const [error, result] = await dashboardModel.config();
   if (error) return console.error(error);
 
   dashboardDomain.value = result.adminDomain;
diff --git a/dashboard/src/views/EmailDomainView.vue b/dashboard/src/views/EmailDomainView.vue
index 2b11e4f93..0d1130135 100644
--- a/dashboard/src/views/EmailDomainView.vue
+++ b/dashboard/src/views/EmailDomainView.vue
@@ -10,22 +10,30 @@ import Section from '../components/Section.vue';
 import SettingsItem from '../components/SettingsItem.vue';
 import CatchAllSettingsItem from '../components/CatchAllSettingsItem.vue';
 import MailDomainStatus from '../components/MailDomainStatus.vue';
+import DashboardModel from '../models/DashboardModel.js';
 import DomainsModel from '../models/DomainsModel.js';
 import MailModel from '../models/MailModel.js';
 
+const dashboardModel = DashboardModel.create();
 const domainsModel = DomainsModel.create();
 const mailModel = MailModel.create();
 
 const inputDialog = useTemplateRef('inputDialog');
 const enableIncomingDialog = useTemplateRef('enableIncomingDialog');
-
+const connectionDialog = useTemplateRef('connectionDialog');
 const domain = ref('');
 const domainProvider = ref('');
 const mailConfig = ref({});
+const mailFqdn = ref('');
 const refreshBusy = ref(false);
 const incomingEnabled = ref(false);
 const enableIncomeBusy = ref(false);
 const enableIncomingSetupDns = ref(false);
+const infoMenu = ref([]);
+
+function onShowConnectionDialog() {
+  connectionDialog.value.open();
+}
 
 async function onAskIncomingToggle(value) {
   if (value) {
@@ -121,6 +129,16 @@ async function refreshMailConfig() {
   signatureText.value = mailConfig.value.banner.text || '';
   signatureHtml.value = mailConfig.value.banner.html || '';
 
+  infoMenu.value = [{
+    label: t('app.docsAction'),
+    // TODO support real href links
+    action: () => { window.open('https://docs.cloudron.io/email/'); }
+  }, {
+    label: t('email.config.clientConfiguration'),
+    disabled: !mailConfig.value.enabled,
+    action: onShowConnectionDialog
+  }];
+
   refreshBusy.value = false;
 }
 
@@ -128,11 +146,16 @@ onMounted(async () => {
   domain.value = window.location.hash.slice('#/email/'.length);
   if (!domain.value) return;
 
-  const [error, result] = await domainsModel.get(domain.value);
+  let [error, result] = await domainsModel.get(domain.value);
   if (error) return console.error(error);
 
   domainProvider.value = result.provider;
 
+  [error, result] = await dashboardModel.config();
+  if (error) return console.error(error);
+
+  mailFqdn.value = result.mailFqdn;
+
   await refreshMailConfig();
 });
 
@@ -142,6 +165,21 @@ onMounted(async () => {
   <div>
     <InputDialog ref="inputDialog"/>
 
+    <Dialog ref="connectionDialog"
+      :title="$t('email.howToConnectInfoModal')"
+      :reject-label="$t('main.dialog.close')"
+    >
+      <div>
+        <p v-html="$t('email.incoming.howToConnectDescription', { domain: domain })"></p>
+
+        <p><b>{{ $t('email.incoming.incomingUserInfo') }}</b><br/><i>mailboxname</i>@{{ domain }}</p>
+        <p><b>{{ $t('email.incoming.incomingPasswordInfo') }}</b><br/>{{ $t('email.incoming.incomingPasswordUsage') }}</p>
+        <p><b>{{ $t('email.incoming.incomingServerInfo') }}</b><br/>{{ $t('email.incoming.server') }}: <span>{{ mailFqdn }}</span><br/>{{ $t('email.incoming.port') }}: 993 (TLS)</p>
+        <p><b>{{ $t('email.incoming.outgointServerInfo') }}</b><br/>{{ $t('email.incoming.server') }}: <span>{{ mailFqdn }}</span><br/>{{ $t('email.incoming.port') }}: 587 (STARTTLS) or 465 (TLS)</p>
+        <p><b>{{ $t('email.incoming.sieveServerInfo') }}</b><br/>{{ $t('email.incoming.server') }}: <span>{{ mailFqdn }}</span><br/>{{ $t('email.incoming.port') }}: 4190 (STARTTLS)</p>
+      </div>
+    </Dialog>
+
     <Dialog ref="enableIncomingDialog"
       :title="$t('email.enableEmailDialog.title', { domain: domain })"
       :confirm-label="$t('email.enableEmailDialog.enableAction')"
@@ -190,7 +228,10 @@ onMounted(async () => {
       </div>
     </Dialog>
 
-    <h1>{{ $t('email.config.title', { domain: domain }) }}</h1>
+    <h1 style="display: flex; justify-content: space-between; padding-right: 20px">
+      {{ $t('email.config.title', { domain: domain }) }}
+      <Button secondary tool icon="fa-solid fa-book" v-tooltip="$t('app.docsActionTooltip')" :menu="infoMenu" />
+    </h1>
 
     <!-- v-if here ensures the prop is already set when passed down to MailDomainStatus -->
     <MailDomainStatus v-if="domain" :domain="domain"/>
diff --git a/dashboard/src/views/SystemView.vue b/dashboard/src/views/SystemView.vue
index 0e4c87be2..f655da782 100644
--- a/dashboard/src/views/SystemView.vue
+++ b/dashboard/src/views/SystemView.vue
@@ -41,7 +41,7 @@ onMounted(async () => {
   uptime.value = moment.duration(info.value.uptimeSecs, 'seconds').locale(navigator.language).humanize();
   activeSince.value = info.value.activationTime ? moment(info.value.activationTime).fromNow() : 'unknown';
 
-  [error, result] = await dashboardModel.getConfig();
+  [error, result] = await dashboardModel.config();
   if (error) return console.error(error);
   config.value = result;
 });