diff --git a/swh/web/assets/src/bundles/save/index.js b/swh/web/assets/src/bundles/save/index.js
index 93299afd..142edff1 100644
--- a/swh/web/assets/src/bundles/save/index.js
+++ b/swh/web/assets/src/bundles/save/index.js
@@ -1,292 +1,300 @@
 /**
  * Copyright (C) 2018-2020  The Software Heritage developers
  * See the AUTHORS file at the top-level directory of this distribution
  * License: GNU Affero General Public License version 3, or any later version
  * See top-level LICENSE file for more information
  */
 
 import {handleFetchError, csrfPost, isGitRepoUrl, htmlAlert, removeUrlFragment} from 'utils/functions';
 import {swhSpinnerSrc} from 'utils/constants';
 import {validate} from 'validate.js';
 
 let saveRequestsTable;
 
 function originSaveRequest(originType, originUrl,
                            acceptedCallback, pendingCallback, errorCallback) {
   let addSaveOriginRequestUrl = Urls.origin_save_request(originType, originUrl);
   let headers = {
     'Accept': 'application/json',
     'Content-Type': 'application/json'
   };
   $('.swh-processing-save-request').css('display', 'block');
   csrfPost(addSaveOriginRequestUrl, headers)
     .then(handleFetchError)
     .then(response => response.json())
     .then(data => {
       $('.swh-processing-save-request').css('display', 'none');
       if (data.save_request_status === 'accepted') {
         acceptedCallback();
       } else {
         pendingCallback();
       }
     })
     .catch(response => {
       $('.swh-processing-save-request').css('display', 'none');
       response.json().then(errorData => {
         errorCallback(response.status, errorData);
       });
     });
 }
 
 export function initOriginSave() {
 
   $(document).ready(() => {
 
     $.fn.dataTable.ext.errMode = 'none';
 
     fetch(Urls.origin_save_types_list())
       .then(response => response.json())
       .then(data => {
         for (let originType of data) {
           $('#swh-input-visit-type').append(`<option value="${originType}">${originType}</option>`);
         }
       });
 
     saveRequestsTable = $('#swh-origin-save-requests')
       .on('error.dt', (e, settings, techNote, message) => {
         $('#swh-origin-save-request-list-error').text('An error occurred while retrieving the save requests list');
         console.log(message);
       })
       .DataTable({
         serverSide: true,
         processing: true,
         language: {
           processing: `<img src="${swhSpinnerSrc}"></img>`
         },
         ajax: Urls.origin_save_requests_list('all'),
         searchDelay: 1000,
         columns: [
           {
             data: 'save_request_date',
             name: 'request_date',
             render: (data, type, row) => {
               if (type === 'display') {
                 let date = new Date(data);
                 return date.toLocaleString();
               }
               return data;
             }
           },
           {
             data: 'visit_type',
             name: 'visit_type'
           },
           {
             data: 'origin_url',
             name: 'origin_url',
             render: (data, type, row) => {
               if (type === 'display') {
                 let html = '';
                 const sanitizedURL = $.fn.dataTable.render.text().display(data);
                 if (row.save_task_status === 'succeed') {
                   let browseOriginUrl = `${Urls.browse_origin()}?origin_url=${sanitizedURL}`;
                   browseOriginUrl += `&amp;timestamp=${row.visit_date}`;
                   html += `<a href="${browseOriginUrl}">${sanitizedURL}</a>`;
                 } else {
                   html += sanitizedURL;
                 }
                 html += `&nbsp;<a href="${sanitizedURL}"><i class="fa fa-external-link" aria-hidden="true"></i></a>`;
                 return html;
               }
               return data;
             }
           },
           {
             data: 'save_request_status',
             name: 'status'
           },
           {
             data: 'save_task_status',
             name: 'loading_task_status'
           }
         ],
         scrollY: '50vh',
         scrollCollapse: true,
         order: [[0, 'desc']],
         responsive: {
           details: {
             type: 'none'
           }
         }
       });
 
     swh.webapp.addJumpToPagePopoverToDataTable(saveRequestsTable);
 
     $('#swh-origin-save-requests-list-tab').on('shown.bs.tab', () => {
       saveRequestsTable.draw();
       window.location.hash = '#requests';
     });
 
     $('#swh-origin-save-request-create-tab').on('shown.bs.tab', () => {
       removeUrlFragment();
     });
 
     let saveRequestAcceptedAlert = htmlAlert(
       'success',
-      'The "save code now" request has been accepted and will be processed as soon as possible.'
+      'The "save code now" request has been accepted and will be processed as soon as possible.',
+      true
     );
 
     let saveRequestPendingAlert = htmlAlert(
       'warning',
-      'The "save code now" request has been put in pending state and may be accepted for processing after manual review.'
+      'The "save code now" request has been put in pending state and may be accepted for processing after manual review.',
+      true
     );
 
     let saveRequestRateLimitedAlert = htmlAlert(
       'danger',
-      'The rate limit for "save code now" requests has been reached. Please try again later.'
+      'The rate limit for "save code now" requests has been reached. Please try again later.',
+      true
     );
 
     let saveRequestUnknownErrorAlert = htmlAlert(
       'danger',
-      'An unexpected error happened when submitting the "save code now request".'
+      'An unexpected error happened when submitting the "save code now request".',
+      true
     );
 
     $('#swh-save-origin-form').submit(event => {
       event.preventDefault();
       event.stopPropagation();
       $('.alert').alert('close');
       if (event.target.checkValidity()) {
         $(event.target).removeClass('was-validated');
         let originType = $('#swh-input-visit-type').val();
         let originUrl = $('#swh-input-origin-url').val();
 
         originSaveRequest(originType, originUrl,
                           () => $('#swh-origin-save-request-status').html(saveRequestAcceptedAlert),
                           () => $('#swh-origin-save-request-status').html(saveRequestPendingAlert),
                           (statusCode, errorData) => {
                             $('#swh-origin-save-request-status').css('color', 'red');
                             if (statusCode === 403) {
                               const errorAlert = htmlAlert('danger', `Error: ${errorData['detail']}`);
                               $('#swh-origin-save-request-status').html(errorAlert);
                             } else if (statusCode === 429) {
                               $('#swh-origin-save-request-status').html(saveRequestRateLimitedAlert);
                             } else {
                               $('#swh-origin-save-request-status').html(saveRequestUnknownErrorAlert);
                             }
                           });
       } else {
         $(event.target).addClass('was-validated');
       }
     });
 
     $('#swh-show-origin-save-requests-list').on('click', (event) => {
       event.preventDefault();
       $('.nav-tabs a[href="#swh-origin-save-requests-list"]').tab('show');
     });
 
     $('#swh-input-origin-url').on('input', function(event) {
       let originUrl = $(this).val().trim();
       $(this).val(originUrl);
       $('#swh-input-visit-type option').each(function() {
         let val = $(this).val();
         if (val && originUrl.includes(val)) {
           $(this).prop('selected', true);
         }
       });
     });
 
     if (window.location.hash === '#requests') {
       $('.nav-tabs a[href="#swh-origin-save-requests-list"]').tab('show');
     }
 
   });
 
 }
 
 export function validateSaveOriginUrl(input) {
   let originUrl = input.value.trim();
   let validUrl = validate({website: originUrl}, {
     website: {
       url: {
         schemes: ['http', 'https', 'svn', 'git']
       }
     }
   }) === undefined;
   let originType = $('#swh-input-visit-type').val();
   if (originType === 'git' && validUrl) {
     // additional checks for well known code hosting providers
     let githubIdx = originUrl.indexOf('://github.com');
     let gitlabIdx = originUrl.indexOf('://gitlab.');
     let gitSfIdx = originUrl.indexOf('://git.code.sf.net');
     let bitbucketIdx = originUrl.indexOf('://bitbucket.org');
     if (githubIdx !== -1 && githubIdx <= 5) {
       validUrl = isGitRepoUrl(originUrl, 'github.com');
     } else if (gitlabIdx !== -1 && gitlabIdx <= 5) {
       let startIdx = gitlabIdx + 3;
       let idx = originUrl.indexOf('/', startIdx);
       if (idx !== -1) {
         let gitlabDomain = originUrl.substr(startIdx, idx - startIdx);
         validUrl = isGitRepoUrl(originUrl, gitlabDomain);
       } else {
         validUrl = false;
       }
     } else if (gitSfIdx !== -1 && gitSfIdx <= 5) {
       validUrl = isGitRepoUrl(originUrl, 'git.code.sf.net/p');
     } else if (bitbucketIdx !== -1 && bitbucketIdx <= 5) {
       validUrl = isGitRepoUrl(originUrl, 'bitbucket.org');
     }
   }
   if (validUrl) {
     input.setCustomValidity('');
   } else {
     input.setCustomValidity('The origin url is not valid or does not reference a code repository');
   }
 }
 
 export function initTakeNewSnapshot() {
 
   let newSnapshotRequestAcceptedAlert = htmlAlert(
     'success',
-    'The "take new snapshot" request has been accepted and will be processed as soon as possible.'
+    'The "take new snapshot" request has been accepted and will be processed as soon as possible.',
+    true
   );
 
   let newSnapshotRequestPendingAlert = htmlAlert(
     'warning',
-    'The "take new snapshot" request has been put in pending state and may be accepted for processing after manual review.'
+    'The "take new snapshot" request has been put in pending state and may be accepted for processing after manual review.',
+    true
   );
 
   let newSnapshotRequestRateLimitAlert = htmlAlert(
     'danger',
-    'The rate limit for "take new snapshot" requests has been reached. Please try again later.'
+    'The rate limit for "take new snapshot" requests has been reached. Please try again later.',
+    true
   );
 
   let newSnapshotRequestUnknownErrorAlert = htmlAlert(
     'danger',
-    'An unexpected error happened when submitting the "save code now request".'
+    'An unexpected error happened when submitting the "save code now request".',
+    true
   );
 
   $(document).ready(() => {
     $('#swh-take-new-snapshot-form').submit(event => {
       event.preventDefault();
       event.stopPropagation();
 
       let originType = $('#swh-input-visit-type').val();
       let originUrl = $('#swh-input-origin-url').val();
 
       originSaveRequest(originType, originUrl,
                         () => $('#swh-take-new-snapshot-request-status').html(newSnapshotRequestAcceptedAlert),
                         () => $('#swh-take-new-snapshot-request-status').html(newSnapshotRequestPendingAlert),
                         (statusCode, errorData) => {
                           $('#swh-take-new-snapshot-request-status').css('color', 'red');
                           if (statusCode === 403) {
-                            const errorAlert = htmlAlert('danger', `Error: ${errorData['detail']}`);
+                            const errorAlert = htmlAlert('danger', `Error: ${errorData['detail']}`, true);
                             $('#swh-take-new-snapshot-request-status').html(errorAlert);
                           } else if (statusCode === 429) {
                             $('#swh-take-new-snapshot-request-status').html(newSnapshotRequestRateLimitAlert);
                           } else {
                             $('#swh-take-new-snapshot-request-status').html(newSnapshotRequestUnknownErrorAlert);
                           }
                         });
     });
   });
 }
diff --git a/swh/web/templates/misc/origin-save.html b/swh/web/templates/misc/origin-save.html
index d901972f..cb3bc5bc 100644
--- a/swh/web/templates/misc/origin-save.html
+++ b/swh/web/templates/misc/origin-save.html
@@ -1,120 +1,124 @@
 {% extends "../layout.html" %}
 
 {% comment %}
 Copyright (C) 2018-2019  The Software Heritage developers
 See the AUTHORS file at the top-level directory of this distribution
 License: GNU Affero General Public License version 3, or any later version
 See top-level LICENSE file for more information
 {% endcomment %}
 
 {% load render_bundle from webpack_loader %}
 {% load static %}
 
 {% block title %}{{ heading }} &ndash; Software Heritage archive{% endblock %}
 
 {% block header %}
 {% render_bundle 'save' %}
 {% endblock %}
 
 {% block navbar-content %}
 <h4>Save code now</h4>
 {% endblock %}
 
 {% block content %}
 
+<p class="mt-3">
+  You can contribute to extend the content of the Software Heritage archive by submitting an origin
+  save request. To do so, fill the required info in the form below:
+</p>
+
+<form id="swh-save-origin-form" class="needs-validation" novalidate>
+  {% csrf_token %}
+  <div class="form-row">
+    <div class="col-md-1"></div>
+    <div class="form-group col-md-2">
+      <label for="swh-input-visit-type">Visit type</label>
+      <select id="swh-input-visit-type" class="form-control" required>
+        {% comment %} <option selected value="">Choose...</option> {% endcomment %}
+      </select>
+      <div class="invalid-feedback">The visit type must be specified</div>
+    </div>
+    <div class="form-group col-md-6">
+      <label for="swh-input-origin-url">Origin url</label>
+      <input type="text" class="form-control" id="swh-input-origin-url" oninput="swh.save.validateSaveOriginUrl(this)" required>
+      <div class="invalid-feedback">The origin url is not valid or does not reference a code repository</div>
+    </div>
+    <div class="col-md-2">
+      <div class="form-group">
+        <label for="swh-input-origin-save-submit">&#8203;</label>
+        <button type="submit" id="swh-input-origin-save-submit" class="btn btn-default btn-block">Submit</button>
+      </div>
+    </div>
+  </div>
+</form>
+<div class="swh-processing-save-request text-center" style="display: none;">
+  <img src="{% static 'img/swh-spinner.gif' %}">
+  <p>Processing "save code now" request ...</p>
+</div>
+<div id="swh-origin-save-request-status">
+</div>
+
 <ul class="nav nav-tabs" style="padding-left: 5px;">
-  <li class="nav-item"><a class="nav-link active" data-toggle="tab" id="swh-origin-save-request-create-tab" href="#swh-origin-save-requests-create">Create save request</a></li>
+  <li class="nav-item"><a class="nav-link active" data-toggle="tab" id="swh-origin-save-request-create-tab" href="#swh-origin-save-requests-create">Help</a></li>
   <li class="nav-item"><a class="nav-link" data-toggle="tab" id="swh-origin-save-requests-list-tab" href="#swh-origin-save-requests-list">Browse save requests</a></li>
 </ul>
 
 <div class="tab-content">
   <div id="swh-origin-save-requests-create" class="tab-pane active">
-    <p class="mt-3">
-      You can contribute to extend the content of the Software Heritage archive by submitting an origin
-      save request. To do so, fill the required info in the form below:
-    </p>
+    <p style="margin-top: 1rem;">A "Save code now" request takes the following parameters:</p>
     <ul>
       <li><b>Visit type:</b> the type of version control system the software origin is using.
         Currently, the supported types are:
         <ul>
           <li><code>git</code>, for origins using <a href="https://git-scm.com/">Git</a></li>
           <li><code>hg</code>, for origins using <a href="https://www.mercurial-scm.org/">Mercurial</a></li>
           <li><code>svn</code>, for origins using <a href="https://subversion.apache.org/">Subversion</a></li>
         </ul>
       </li>
       <li><b>Origin url:</b> the url of the remote repository for the software origin.<br/>
         In order to avoid saving errors from Software Heritage, you should provide the clone/checkout url
         as given by the provider hosting the software origin. <br/>It can easily be found in the
         web interface used to browse the software origin. <br/>For instance, if you want to save a <code>git</code>
         origin into the archive, you should check that the command <code>$ git clone &lt;origin_url&gt;</code><br/>
         does not return an error before submitting a request.
       </li>
     </ul>
     <p>
       Once submitted, your save request can either be:
     </p>
     <ul>
       <li><b>accepted:</b> a visit to the provided origin will then be scheduled by Software Heritage in order to
         load its content into the archive as soon as possible</li>
       <li><b>rejected:</b> the provided origin url is blacklisted and no visit will be scheduled</li>
       <li>put in <b>pending</b> state: a manual review will then be performed in order to determine if the
         origin can be safely loaded or not into the archive</li>
     </ul>
     <p>
       Once a save request has been accepted, you can follow its current status in the
       <a id="swh-show-origin-save-requests-list" href="#swh-origin-save-requests-list">submitted save requests list</a>.
     </p>
-    <form id="swh-save-origin-form" class="needs-validation" novalidate>
-      {% csrf_token %}
-      <div class="form-row">
-        <div class="col-md-1"></div>
-        <div class="form-group col-md-2">
-          <label for="swh-input-visit-type">Visit type</label>
-          <select id="swh-input-visit-type" class="form-control" required>
-            {% comment %} <option selected value="">Choose...</option> {% endcomment %}
-          </select>
-          <div class="invalid-feedback">The visit type must be specified</div>
-        </div>
-        <div class="form-group col-md-6">
-          <label for="swh-input-origin-url">Origin url</label>
-          <input type="text" class="form-control" id="swh-input-origin-url" oninput="swh.save.validateSaveOriginUrl(this)" required>
-          <div class="invalid-feedback">The origin url is not valid or does not reference a code repository</div>
-        </div>
-        <div class="col-md-2">
-          <div class="form-group">
-            <label for="swh-input-origin-save-submit">&#8203;</label>
-            <button type="submit" id="swh-input-origin-save-submit" class="btn btn-default btn-block">Submit</button>
-          </div>
-        </div>
-      </div>
-    </form>
-    <div class="swh-processing-save-request text-center" style="display: none;">
-      <img src="{% static 'img/swh-spinner.gif' %}">
-      <p>Processing "save code now" request ...</p>
-    </div>
-    <div id="swh-origin-save-request-status">
-    </div>
+
   </div>
 
   <div id="swh-origin-save-requests-list" class="tab-pane mt-3">
     <table id="swh-origin-save-requests" class="table swh-table swh-table-striped" width="100%">
       <thead>
         <tr>
           <th data-priority="3">Date</th>
           <th data-priority="4">Type</th>
           <th data-priority="1">Url</th>
           <th data-priority="5">Request</th>
           <th data-priority="2">Status</th>
         </tr>
       </thead>
     </table>
     <p id="swh-origin-save-request-list-error"></p>
   </div>
 </div>
 
 <script>
   swh.webapp.initPage('origin-save');
   swh.save.initOriginSave();
 </script>
 
 {% endblock %}
\ No newline at end of file