diff --git a/lib/importer/templates/previews/upload.html b/lib/importer/templates/previews/upload.html
new file mode 100644
index 00000000..3ca24bd9
--- /dev/null
+++ b/lib/importer/templates/previews/upload.html
@@ -0,0 +1,24 @@
+{% from "govuk/components/button/macro.njk" import govukButton %}
+{% from "govuk/components/file-upload/macro.njk" import govukFileUpload %}
+
+{% macro show() %}
+<div class="govuk-grid-column-two-thirds">
+    <h1 class="govuk-heading-l">Upload your data</h1>
+
+    <form method="POST" enctype="multipart/form-data">
+        <div>
+            {{ govukFileUpload({
+                id: "file-upload",
+                name: "file",
+                label: { text: "Upload an XLSX, ODS, or CSV file"},
+                attributes: { "accept":
+                ".xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,.csv,text/csv,application/vnd.oasis.opendocument.spreadsheet,.ods"},
+                errorMessage: false })
+            }}
+        </div>
+        <div class="govuk-button-group">
+            {{ govukButton({ text: "Upload" }) }}
+        </div>
+    </form>
+</div>
+{% endmacro %}
diff --git a/lib/importer/templates/upload.html b/lib/importer/templates/upload.html
index b442b36c..c981602e 100644
--- a/lib/importer/templates/upload.html
+++ b/lib/importer/templates/upload.html
@@ -4,31 +4,36 @@
 
 {% block pageTitle %} {{ serviceName }} – GOV.UK Prototype Kit {% endblock %}
 {% block beforeContent %}
-{{ govukBackLink({ text: "Back", href: "javascript:window.history.back()" }) }}
+    {{ govukBackLink({ text: "Back", href: "javascript:window.history.back()" }) }}
 {% endblock %}
 
 {% block content %}
 <div class="govuk-grid-row">
-    <div class="govuk-grid-column-two-thirds">
-        <h1 class="govuk-heading-l">Upload your data</h1>
+    {% if importerUploadPath %}
+        <div class="govuk-grid-column-two-thirds">
+            <h1 class="govuk-heading-l">Upload your data</h1>
 
-        <form action="{{importerUploadPath('/select_sheet')}}" method="POST" enctype="multipart/form-data">
-            <div>
-                {{ govukFileUpload({
-                id: "file-upload",
-                name: "file",
-                label: { text: "Upload an XLSX, ODS, or CSV file"},
-                attributes: { "accept": ".xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,.csv,text/csv,application/vnd.oasis.opendocument.spreadsheet,.ods"},
-                errorMessage: importerError(data)
-                })
-                }}
-            </div>
-            <div class="govuk-button-group">
-                {{ govukButton({ text: "Upload" }) }}
-            </div>
-        </form>
-    </div>
+            <form action="{{importerUploadPath('/select_sheet')}}" method="POST" enctype="multipart/form-data">
+                <div>
+                    {{
+                        govukFileUpload({
+                            id: "file-upload",
+                            name: "file",
+                            label: { text: "Upload an XLSX, ODS, or CSV file"},
+                            attributes: { "accept":
+                            ".xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,.csv,text/csv,application/vnd.oasis.opendocument.spreadsheet,.ods"},
+                            errorMessage: importerError(data)
+                        })
+                    }}
+                </div>
+                <div class="govuk-button-group">
+                    {{ govukButton({ text: "Upload" }) }}
+                </div>
+            </form>
+        </div>
+    {% else %}
+        {% import "./previews/upload.html" as preview %}
+        {{ preview.show() }}
+    {% endif %}
 </div>
-
-
 {% endblock %}