diff --git a/app/assets/stylesheets/components/secondary-button.scss b/app/assets/stylesheets/components/secondary-button.scss
index 6e7a0ff7c..2aef3ffb4 100644
--- a/app/assets/stylesheets/components/secondary-button.scss
+++ b/app/assets/stylesheets/components/secondary-button.scss
@@ -6,3 +6,12 @@
   padding-right: 0;
   text-align: center;
 }
+
+.tertiary-button {
+  @include button($grey-3);
+  padding: 0.3em 0.1em 0.2em 0.1em;
+  width: 100%;
+  padding-left: 0;
+  padding-right: 0;
+  text-align: left;
+}
diff --git a/app/templates/partials/templates/guidance-character-count.html b/app/templates/partials/templates/guidance-character-count.html
new file mode 100644
index 000000000..b11dae62e
--- /dev/null
+++ b/app/templates/partials/templates/guidance-character-count.html
@@ -0,0 +1,12 @@
+<details>
+  <summary class="button tertiary-button">Message length</summary>
+  <div id="guidance-personalisation">
+    <p>
+      If your message is long then it will
+      cost more.
+    </p>
+    <p>
+      See <a href="{{ url_for('.pricing') }}">pricing</a> for details.
+    </p>
+  </div>
+</details>
diff --git a/app/templates/partials/templates/guidance-links.html b/app/templates/partials/templates/guidance-links.html
new file mode 100644
index 000000000..2d0b7131e
--- /dev/null
+++ b/app/templates/partials/templates/guidance-links.html
@@ -0,0 +1,8 @@
+<details>
+  <summary class="button tertiary-button">Links and URLs</summary>
+  <div id="guidance-personalisation">
+    <p>
+      Always use full URLs, including the http://
+    </p>
+  </div>
+</details>
diff --git a/app/templates/partials/templates/guidance-personalisation.html b/app/templates/partials/templates/guidance-personalisation.html
new file mode 100644
index 000000000..c395f42e6
--- /dev/null
+++ b/app/templates/partials/templates/guidance-personalisation.html
@@ -0,0 +1,14 @@
+<details>
+  <summary class="button tertiary-button">Personalisation</summary>
+  <div id="guidance-personalisation">
+    <p>
+      Use double brackets to add personalisation.
+    </p>
+    <p>
+      Yes: ((name))
+    </p>
+    <p>
+      No: ((Helen))
+    </p>
+  </div>
+</details>
diff --git a/app/templates/views/edit-email-template.html b/app/templates/views/edit-email-template.html
index ab0492963..1e3db961c 100644
--- a/app/templates/views/edit-email-template.html
+++ b/app/templates/views/edit-email-template.html
@@ -16,9 +16,9 @@
       <div class="grid-row">
         <div class="column-two-thirds">
           {{ textbox(form.name, width='1-1', hint='Your recipients won’t see this', rows=10) }}
+          {{ textbox(form.subject, width='1-1', highlight_tags=True, rows=2) }}
         </div>
         <div class="column-two-thirds">
-          {{ textbox(form.subject, width='1-1', highlight_tags=True, rows=2) }}
           {{ textbox(form.template_content, highlight_tags=True, width='1-1', rows=8) }}
           {{ page_footer(
             'Save',
@@ -26,13 +26,11 @@
             delete_link_text='Delete this template'
           ) }}
         </div>
-        <div class="column-one-third">
-          <label for='template_content' class='placeholder-hint banner-mode' data-textboxes-selector='#template_content,#subject' data-target-textbox-selector="#template_content">
-            <div class="" id="placeholder-hint" aria-live="polite">
-              <p>Anything in ((double brackets)) gets replaced when you send this message</p>
-            </div>
-          </label>
-        </div>
+        <aside class="column-one-third">
+          <h2 style="margin: 0 0 5px 0;">Help</h2>
+          {% include "partials/templates/guidance-personalisation.html" %}
+          {% include "partials/templates/guidance-links.html" %}
+        </aside>
       </div>
     </form>
 
diff --git a/app/templates/views/edit-sms-template.html b/app/templates/views/edit-sms-template.html
index ee4778fa9..45d6d7fe4 100644
--- a/app/templates/views/edit-sms-template.html
+++ b/app/templates/views/edit-sms-template.html
@@ -18,20 +18,19 @@
           {{ textbox(form.name, width='1-1', hint='Your recipients won’t see this') }}
         </div>
         <div class="column-two-thirds">
-          {{ textbox(form.template_content, highlight_tags=True, width='1-1') }}
+          {{ textbox(form.template_content, highlight_tags=True, width='1-1', rows=5) }}
           {{ page_footer(
             'Save',
             delete_link=url_for('.delete_service_template', service_id=current_service.id, template_id=template_id) if template_id or None,
             delete_link_text='Delete this template'
           ) }}
         </div>
-        <div class="column-one-third">
-          <label for='template_content' class='placeholder-hint banner-mode' data-textboxes-selector='#template_content' data-target-textbox-selector="#template_content">
-            <div class="" id="placeholder-hint" aria-live="polite">
-              <p>Anything in ((double brackets)) gets replaced when you send this message</p>
-            </div>
-          </label>
-        </div>
+        <aside class="column-one-third">
+          <h2 style="margin: 0 0 5px 0;">Help</h2>
+          {% include "partials/templates/guidance-personalisation.html" %}
+          {% include "partials/templates/guidance-links.html" %}
+          {% include "partials/templates/guidance-character-count.html" %}
+        </aside>
       </div>
     </form>