diff --git a/attachments/pages/index.html b/attachments/pages/index.html
index 96dfa2ed..5e4cfdd4 100644
--- a/attachments/pages/index.html
+++ b/attachments/pages/index.html
@@ -50,9 +50,16 @@
   </script>
   
   <script type='text/mustache' class="actionsTemplate">
-    <a class="button" id="export-button" href="javascript:{}"><span class="button-menu">Export</span></a>
+    <a class="button" href="javascript:{}"><span data-action="import" class="button-menu">Import</span></a>
+    <a class="button" href="javascript:{}"><span data-action="export" class="button-menu">Export</span></a>
   </script>
-  
+
+  <script type='text/mustache' class="importActionsTemplate">
+    <li><a class="url" href="JavaScript:void(0);">From an API</a></li>
+    <li><a class="paste" href="JavaScript:void(0);">Copy & Paste</a></li>
+    <li><a class="upload" href="JavaScript:void(0);">Upload File</a></li>
+  </script>
+    
   <script type='text/mustache' class="exportActionsTemplate">
     <li><a class="csv" href="JavaScript:void(0);">CSV</a></li>
     <li><a class="json" href="JavaScript:void(0);">JSON</a></li>
diff --git a/attachments/script/site.js b/attachments/script/site.js
index a1b8a1da..4c64847f 100644
--- a/attachments/script/site.js
+++ b/attachments/script/site.js
@@ -62,8 +62,9 @@ app.after = {
   },
   actions: function() {
     $('.button').click(function(e) { 
-      util.position('menu', e, {left: -60});
-      util.render('exportActions', 'menu');
+      var action = $(e.target).attr('data-action');
+      util.position('menu', e, {left: -60, top: 5});
+      util.render(action + 'Actions', 'menu');
     });
   },
   controls: function() {