demo-orgs: Add section on configuring email address to help article.

Adds a section to the demo organizations help center article about
configuring an email and password for demo organization owners.

For demo organization warning banners about needing to configure
an email, add a link to the new section in the help article.

Also, adds a related articles section to the help center article,
and updates the current draft text for changes in how the demo
organization feature is being implemented.

help/demo-organizations.md

@@ -14,9 +14,10 @@ Demo organizations differ from a regular Zulip organization in a few
 ways:
 
 * A demo organization will be automatically deleted 30 days after
-  creation. You can convert a demo organization into a regular
-  organization if you'd prefer to keep its history.
-* You do not need to choose a URL when creating a demo organization;
+  creation. You can [convert a demo organization into a regular
+  organization](#convert-a-demo-organization-to-a-permanent-organization)
+  if you'd prefer to keep its history.
+* You do not need to choose a URL or when creating a demo organization;
   one will be generated automatically for you.
 * A demo organization cannot be directly upgraded to a paid Zulip
   Cloud plan without first converting to a regular organization.
@@ -31,11 +32,31 @@ apps, etc.
 
 1. Go to zulip.com and click **New organization** in the top-right corner.
 
-1. Enter your email and click **Create organization**. After confirming your
-   email, you will be taken to the **Create your organization** page.
+{end_tabs}
 
-1. Check the **Make this a demo organization** checkbox and once you have
-   filled out the rest of the form, click **Sign up**.
+## Configure email for demo organization owner
+
+To convert a demo organization to a permanent organization, and to access
+certain features like [inviting other users](/help/invite-new-users) and
+[configuring authentication methods](/help/configure-authentication-methods),
+the creator of the demo organization will need to add an email address
+and set a password for their account.
+
+{start_tabs}
+
+{settings_tab|account-and-privacy}
+
+1. Under **Account**, click **Add email**.
+
+1. Enter your email address.
+
+1. *(optional)* If the name on the account is still a placeholder,
+   edit the **Full name** field.
+
+1. Click **Add**.
+
+1. You will receive a confirmation email within a few minutes. Open
+   it and click **Confirm and set password**.
 
 {end_tabs}
 
@@ -52,3 +73,9 @@ apps, etc.
    **Convert**.
 
 {end_tabs}
+
+## Related articles
+
+* [Getting started with Zulip](/help/getting-started-with-zulip)
+* [Setting up your organization](/help/getting-your-organization-started-with-zulip)
+* [Invite users to join](/help/invite-users-to-join)

web/templates/invite_user_modal.hbs

@@ -3,7 +3,12 @@
     <div class="alert" id="dev_env_msg"></div>
     {{/if}}
     {{#unless user_has_email_set }}
-    <div class="tip">{{t "You must configure your email to access this feature." }}</div>
+    <div class="tip">
+        {{#tr}}
+            You must <z-link>configure your email</z-link> to access this feature.
+            {{#*inline "z-link"}}<a href="/help/demo-organizations#configure-email-for-demo-organization-owner" target="_blank" rel="noopener noreferrer">{{> @partial-block }}</a>{{/inline}}
+        {{/tr}}
+    </div>
     {{/unless}}
     <div class="input-group">
         <label>{{t "How would you like to invite users?" }}</label>

web/templates/settings/auth_methods_settings_admin.hbs

@@ -3,7 +3,12 @@
     <div class='tip'>{{t "Only organization owners can edit these settings."}}</div>
     {{/unless}}
     {{#unless user_has_email_set}}
-    <div class='tip'>{{t "You must configure your email to access this feature."}}</div>
+    <div class="tip">
+        {{#tr}}
+            You must <z-link>configure your email</z-link> to access this feature.
+            {{#*inline "z-link"}}<a href="/help/demo-organizations#configure-email-for-demo-organization-owner" target="_blank" rel="noopener noreferrer">{{> @partial-block }}</a>{{/inline}}
+        {{/tr}}
+    </div>
     {{/unless}}
     <form class="admin-realm-form org-authentications-form">
         <div id="org-auth_settings" class="admin-table-wrapper settings-subsection-parent">