diff --git a/index.html b/index.html
index 1ab1d737c..b9ed6d77d 100644
--- a/index.html
+++ b/index.html
@@ -150,7 +150,7 @@
               <div ng-show="wallets.length">
                 <a ng-click="create()" ng-disabled="loading" loading="Creating">Create a new wallet</a>
               </div>
-              <a class="right" ng-click="import()">Import from file</a>
+              <a class="right" ng-href="#import">Import from file</a>
             </div>
           </div>
           
@@ -159,6 +159,12 @@
       </div>
     </script>
 
+    <script type="text/ng-template" id="import.html">
+      <div ng-controller="ImportController">
+        <h3>{{title}}</h3>
+      </div>
+    </script>
+
     <script type="text/ng-template" id="setup.html">
       <div ng-controller="SetupController">
         <div data-alert class="alert-box info round" ng-show="loading">
@@ -530,6 +536,7 @@
     <script src="js/controllers/backup.js"></script>
     <script src="js/controllers/signin.js"></script>
     <script src="js/controllers/setup.js"></script>
+    <script src="js/controllers/import.js"></script>
 
     <script src="js/init.js"></script>
   </body>
diff --git a/js/app.js b/js/app.js
index bcfce8f2c..bf845c194 100644
--- a/js/app.js
+++ b/js/app.js
@@ -15,7 +15,8 @@ var copayApp = window.copayApp = angular.module('copay',[
   'copay.controllerUtils',
   'copay.setup',
   'copay.directives',
-  'copay.video'
+  'copay.video',
+  'copay.import'
 ]);
 
 angular.module('copay.header', []);
@@ -30,4 +31,5 @@ angular.module('copay.setup', []);
 angular.module('copay.socket', []);
 angular.module('copay.directives', []);
 angular.module('copay.video', []);
+angular.module('copay.import', []);
 
diff --git a/js/controllers/import.js b/js/controllers/import.js
new file mode 100644
index 000000000..306fd5aa4
--- /dev/null
+++ b/js/controllers/import.js
@@ -0,0 +1,6 @@
+'use strict';
+
+angular.module('copay.import').controller('ImportController',
+  function($scope, $rootScope) {
+    $scope.title = 'Import a backup';
+  });