diff --git a/cypress/integration/community/settings/private_invite_link_spec.js b/cypress/integration/community/settings/private_invite_link_spec.js
index 48a157128e..89a980df6f 100644
--- a/cypress/integration/community/settings/private_invite_link_spec.js
+++ b/cypress/integration/community/settings/private_invite_link_spec.js
@@ -43,6 +43,7 @@ describe('private community invite link settings', () => {
         // grab the input again and compare its previous value
         // to the current value
         cy.get('[data-cy="join-link-input"]')
+          .scrollIntoView()
           .invoke('val')
           .should(val2 => {
             expect(val1).not.to.eq(val2);
@@ -51,6 +52,7 @@ describe('private community invite link settings', () => {
 
     // disable
     cy.get('[data-cy="toggle-token-link-invites-checked"]')
+      .scrollIntoView()
       .should('be.visible')
       .click();
 
diff --git a/package.json b/package.json
index 899f82c0d8..ac904ae3d3 100644
--- a/package.json
+++ b/package.json
@@ -77,7 +77,7 @@
     "cors": "^2.8.3",
     "cryptr": "^3.0.0",
     "css.escape": "^1.5.1",
-    "cypress": "^3.1.3",
+    "cypress": "3.1.5",
     "datadog-metrics": "^0.8.1",
     "dataloader": "^1.4.0",
     "debounce": "^1.2.0",
diff --git a/src/components/emailInvitationForm/index.js b/src/components/emailInvitationForm/index.js
index 4402961a29..fe7db7aee4 100644
--- a/src/components/emailInvitationForm/index.js
+++ b/src/components/emailInvitationForm/index.js
@@ -11,13 +11,17 @@ import { Button } from '../buttons';
 import { Error } from '../formElements';
 import { SectionCardFooter } from 'src/components/settingsViews/style';
 import { withCurrentUser } from 'src/components/withCurrentUser';
+import MediaInput from 'src/components/mediaInput';
 import {
   EmailInviteForm,
   EmailInviteInput,
-  AddRow,
+  Action,
+  ActionAsLabel,
+  ActionHelpText,
   RemoveRow,
   CustomMessageToggle,
   CustomMessageTextAreaStyles,
+  HiddenInput,
 } from './style';
 
 type Props = {
@@ -37,16 +41,20 @@ type ContactProps = {
 type State = {
   isLoading: boolean,
   contacts: Array<ContactProps>,
+  importError: string,
   hasCustomMessage: boolean,
   customMessageString: string,
   customMessageError: boolean,
+  inputValue: ?string,
 };
 
 class EmailInvitationForm extends React.Component<Props, State> {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
+
     this.state = {
       isLoading: false,
+      importError: '',
       contacts: [
         {
           email: '',
@@ -70,6 +78,7 @@ class EmailInvitationForm extends React.Component<Props, State> {
       hasCustomMessage: false,
       customMessageString: '',
       customMessageError: false,
+      inputValue: '',
     };
   }
 
@@ -87,7 +96,7 @@ class EmailInvitationForm extends React.Component<Props, State> {
     this.setState({ isLoading: true });
 
     let validContacts = contacts
-      .filter(contact => contact.error === false)
+      .filter(contact => !contact.error)
       .filter(contact => contact.email !== currentUser.email)
       .filter(contact => contact.email.length > 0)
       .filter(contact => isEmail(contact.email))
@@ -234,6 +243,89 @@ class EmailInvitationForm extends React.Component<Props, State> {
     });
   };
 
+  handleFile = evt => {
+    this.setState({
+      importError: '',
+    });
+
+    // Only show loading indicator for large files
+    // where it takes > 200ms to load
+    const timeout = setTimeout(() => {
+      this.setState({
+        isLoading: true,
+      });
+    }, 200);
+
+    const reader = new FileReader();
+    reader.onload = file => {
+      clearTimeout(timeout);
+      this.setState({
+        isLoading: false,
+      });
+
+      let parsed;
+      try {
+        if (typeof reader.result !== 'string') return;
+        parsed = JSON.parse(reader.result);
+      } catch (err) {
+        this.setState({
+          importError: 'Only .json files are supported for import.',
+        });
+        return;
+      }
+
+      if (!Array.isArray(parsed)) {
+        this.setState({
+          importError:
+            'Your JSON data is in the wrong format. Please provide either an array of emails ["hi@me.com"] or an array of objects with an "email" property and (optionally) a "name" property [{ "email": "hi@me.com", "name": "Me" }].',
+        });
+        return;
+      }
+
+      const formatted = parsed.map(value => {
+        if (typeof value === 'string')
+          return {
+            email: value,
+          };
+
+        return {
+          email: value.email,
+          firstName: value.firstName || value.name,
+          lastName: value.lastName,
+        };
+      });
+
+      const validated = formatted
+        .map(value => {
+          if (!isEmail(value.email)) return { ...value, error: true };
+          return value;
+        })
+        .filter(Boolean);
+
+      const consolidated = [
+        ...this.state.contacts.filter(
+          contact =>
+            contact.email.length > 0 ||
+            contact.firstName.length > 0 ||
+            contact.lastName.length > 0
+        ),
+        ...validated,
+      ];
+
+      const unique = consolidated.filter(
+        (obj, i) =>
+          consolidated.findIndex(a => a['email'] === obj['email']) === i
+      );
+
+      this.setState({
+        contacts: unique,
+        inputValue: '',
+      });
+    };
+
+    reader.readAsText(evt.target.files[0]);
+  };
+
   render() {
     const {
       contacts,
@@ -241,10 +333,12 @@ class EmailInvitationForm extends React.Component<Props, State> {
       hasCustomMessage,
       customMessageString,
       customMessageError,
+      importError,
     } = this.state;
 
     return (
       <div>
+        {importError && <Error>{importError}</Error>}
         {contacts.map((contact, i) => {
           return (
             <EmailInviteForm key={i}>
@@ -270,14 +364,28 @@ class EmailInvitationForm extends React.Component<Props, State> {
           );
         })}
 
-        <AddRow onClick={this.addRow}>+ Add another</AddRow>
+        <Action onClick={this.addRow}>
+          <Icon glyph="plus" size={20} /> Add row
+        </Action>
+        <ActionAsLabel mb="8px">
+          <HiddenInput
+            value={this.state.inputValue}
+            type="file"
+            accept=".json"
+            onChange={this.handleFile}
+          />
+          <Icon size={20} glyph="upload" /> Import emails
+        </ActionAsLabel>
+        <ActionHelpText>
+          Upload a .json file with an array of email addresses.
+        </ActionHelpText>
 
-        <CustomMessageToggle onClick={this.toggleCustomMessage}>
+        <Action onClick={this.toggleCustomMessage}>
           <Icon glyph={hasCustomMessage ? 'view-close' : 'post'} size={20} />
           {hasCustomMessage
             ? 'Remove custom message'
             : 'Optional: Add a custom message to your invitation'}
-        </CustomMessageToggle>
+        </Action>
 
         {hasCustomMessage && (
           <Textarea
@@ -294,12 +402,11 @@ class EmailInvitationForm extends React.Component<Props, State> {
           />
         )}
 
-        {hasCustomMessage &&
-          customMessageError && (
-            <Error>
-              Your custom invitation message can be up to 500 characters.
-            </Error>
-          )}
+        {hasCustomMessage && customMessageError && (
+          <Error>
+            Your custom invitation message can be up to 500 characters.
+          </Error>
+        )}
 
         <SectionCardFooter>
           <Button
diff --git a/src/components/emailInvitationForm/style.js b/src/components/emailInvitationForm/style.js
index 789a4b53d7..23d05f79e8 100644
--- a/src/components/emailInvitationForm/style.js
+++ b/src/components/emailInvitationForm/style.js
@@ -40,25 +40,43 @@ export const EmailInviteInput = styled.input`
   }
 `;
 
-export const AddRow = styled.div`
+export const HiddenInput = styled.input`
+  display: none;
+`;
+
+export const Action = styled.button`
   display: flex;
   width: 100%;
   justify-content: center;
   padding: 8px;
   background: ${theme.bg.wash};
   margin-top: 8px;
-  margin-bottom: 16px;
+  margin-bottom: ${props => props.mb || '16px'};
   font-size: 14px;
   color: ${theme.text.alt};
   font-weight: 500;
   border-radius: 4px;
 
+  .icon {
+    margin-right: 4px;
+  }
+
   &:hover {
-    color: ${theme.text.default};
+    color: ${theme.text.secondary};
     cursor: pointer;
   }
 `;
 
+export const ActionAsLabel = Action.withComponent('label');
+
+export const ActionHelpText = styled.div`
+  color: ${theme.text.alt};
+  font-size: 14px;
+  text-align: center;
+  margin-top: 8px;
+  margin-bottom: 24px;
+`;
+
 export const RemoveRow = styled.div`
   margin-left: 4px;
   color: ${theme.text.alt};
@@ -86,6 +104,10 @@ export const CustomMessageToggle = styled.h4`
   }
 `;
 
+export const FileUploadWrapper = styled.div`
+  margin-right: 16px;
+`;
+
 export const CustomMessageTextAreaStyles = {
   width: '100%',
   borderRadius: '8px',
diff --git a/src/components/icons/index.js b/src/components/icons/index.js
index 52bbe52bb2..f792056368 100644
--- a/src/components/icons/index.js
+++ b/src/components/icons/index.js
@@ -760,6 +760,14 @@ export const Glyph = ({ glyph }: GlyphProps) => {
           <path d="M16,4c10.5,0 12,1.5 12,12c0,10.5 -1.5,12 -12,12c-10.5,0 -12,-1.5 -12,-12c0,-10.5 1.5,-12 12,-12Zm-4.482,14.89c-0.353,0.424 -0.984,0.482 -1.408,0.128c-0.424,-0.353 -0.482,-0.984 -0.128,-1.408l0.001,-0.001c0.216,-0.26 0.433,-0.524 0.652,-0.79c1.299,-1.581 2.658,-3.235 4.312,-4.41c0.311,-0.219 0.663,-0.409 1.053,-0.409c0.39,0 0.742,0.19 1.053,0.409c1.679,1.193 2.988,2.791 4.285,4.374c0.226,0.277 0.452,0.553 0.68,0.826c0.354,0.425 0.296,1.056 -0.128,1.409c-0.424,0.354 -1.055,0.296 -1.408,-0.128c-0.212,-0.254 -0.423,-0.511 -0.634,-0.768c-1.178,-1.434 -2.365,-2.878 -3.848,-4.006c-1.457,1.108 -2.673,2.584 -3.848,4.009c-0.212,0.257 -0.423,0.513 -0.634,0.765Z" />
         </g>
       );
+    case 'upload':
+      return (
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M17 7a5.002 5.002 0 0 1 4.9 4.001c2.217-.054 4.1 1.78 4.1 3.999a4 4 0 0 1-4 4 1 1 0 1 1 0-2 2 2 0 1 0 0-4c-.286 0-.57.037-.85.096-.543.115-1.15-.54-1.15-1.096a3 3 0 0 0-3-3c-1.755 0-2.837 1.151-3.275 2.534-.215.677-.931 1.14-1.576.841-.455-.21-.867-.375-1.149-.375a1 1 0 0 0-1 1 1.61 1.61 0 0 1-1.562 2H8a1 1 0 1 0 0 2h2a1 1 0 1 1 0 2H8a3 3 0 1 1 0-6 3 3 0 0 1 4.298-2.705A5.002 5.002 0 0 1 17 7zm-.293 9.293a1 1 0 0 0-1.414 0l-3 3a1 1 0 0 0 1.414 1.414L15 19.414V25a1 1 0 1 0 2 0v-5.586l1.293 1.293a1 1 0 0 0 1.414-1.414l-3-3z"
+        />
+      );
     case 'view':
       return (
         <g>
diff --git a/src/components/mediaInput/index.js b/src/components/mediaInput/index.js
index d9c7fcb019..82823f1711 100644
--- a/src/components/mediaInput/index.js
+++ b/src/components/mediaInput/index.js
@@ -6,7 +6,9 @@ export default ({
   onChange,
   accept = '.png, .jpg, .jpeg, .gif, .mp4',
   multiple = false,
-  tipLocation,
+  tipLocation = 'top-right',
+  tipText = 'Upload photo',
+  glyph = 'photo',
 }) => (
   <MediaLabel>
     <MediaInput
@@ -15,10 +17,6 @@ export default ({
       multiple={multiple}
       onChange={onChange}
     />
-    <Icon
-      glyph="photo"
-      tipLocation={tipLocation ? tipLocation : 'top-right'}
-      tipText="Upload photo"
-    />
+    <Icon glyph={glyph} tipLocation={tipLocation} tipText={tipText} />
   </MediaLabel>
 );
diff --git a/upload.svg b/upload.svg
new file mode 100644
index 0000000000..15092819e1
--- /dev/null
+++ b/upload.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="upload">
+<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M17 7C19.4194 7 21.4374 8.71837 21.9002 11.0012C24.1171 10.9472 26 12.7809 26 15C26 17.2091 24.2091 19 22 19C21.4477 19 21 18.5523 21 18C21 17.4477 21.4477 17 22 17C23.1046 17 24 16.1046 24 15C24 13.8954 23.1046 13 22 13C21.7137 13 21.4301 13.0367 21.1499 13.0962C20.6068 13.2113 20 12.5551 20 12C20 10.3432 18.6569 9 17 9C15.2449 9 14.1626 10.151 13.7245 11.534C13.5099 12.2114 12.7936 12.6737 12.1486 12.3754C11.6937 12.1651 11.282 12 11 12C10.4477 12 10 12.4477 10 13C10.254 14.0159 9.48563 15 8.43845 15H8C7.44772 15 7 15.4477 7 16C7 16.5523 7.44772 17 8 17H10C10.5523 17 11 17.4477 11 18C11 18.5523 10.5523 19 10 19H8C6.34314 19 5 17.6569 5 16C5 14.3431 6.34314 13 8 13C8 11.3431 9.34314 10 11 10C11.4651 10 11.9055 10.1058 12.2983 10.2947C12.9955 8.37292 14.8374 7 17 7ZM16.7071 16.2929C16.3166 15.9024 15.6834 15.9024 15.2929 16.2929L12.2929 19.2929C11.9024 19.6834 11.9024 20.3166 12.2929 20.7071C12.6834 21.0976 13.3166 21.0976 13.7071 20.7071L15 19.4142V25C15 25.5523 15.4477 26 16 26C16.5523 26 17 25.5523 17 25V19.4142L18.2929 20.7071C18.6834 21.0976 19.3166 21.0976 19.7071 20.7071C20.0976 20.3166 20.0976 19.6834 19.7071 19.2929L16.7071 16.2929Z" fill="#16171A"/>
+</g>
+</svg>
diff --git a/yarn.lock b/yarn.lock
index 650396c125..c658872399 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1141,10 +1141,10 @@
     "@types/express-serve-static-core" "*"
     "@types/mime" "*"
 
-"@types/sinon-chai@2.7.29":
-  version "2.7.29"
-  resolved "https://registry.yarnpkg.com/@types/sinon-chai/-/sinon-chai-2.7.29.tgz#4db01497e2dd1908b2bd30d1782f456353f5f723"
-  integrity sha512-EkI/ZvJT4hglWo7Ipf9SX+J+R9htNOMjW8xiOhce7+0csqvgoF5IXqY5Ae1GqRgNtWCuaywR5HjVa1snkTqpOw==
+"@types/sinon-chai@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@types/sinon-chai/-/sinon-chai-3.2.2.tgz#5cfdbda70bae30f79a9423334af9e490e4cce793"
+  integrity sha512-5zSs2AslzyPZdOsbm2NRtuSNAI2aTWzNKOHa/GRecKo7a5efYD7qGcPxMZXQDayVXT2Vnd5waXxBvV31eCZqiA==
   dependencies:
     "@types/chai" "*"
     "@types/sinon" "*"
@@ -1154,10 +1154,10 @@
   resolved "https://registry.yarnpkg.com/@types/sinon/-/sinon-7.0.1.tgz#031a95fa22c802b98de5dc039719a8e0b32c3079"
   integrity sha512-pSv29992MQ+V/95qbbH3dQIs+V19enjR/NhjnUVV4PDAP6buMxNFRvh56KpqSenb1so8zsXk73wkiYunxMi1bQ==
 
-"@types/sinon@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@types/sinon/-/sinon-4.0.0.tgz#9a93ffa4ee1329e85166278a5ed99f81dc4c8362"
-  integrity sha512-cuK4xM8Lg2wd8cxshcQa8RG4IK/xfyB6TNE6tNVvkrShR4xdrYgsV04q6Dp6v1Lp6biEFdzD8k8zg/ujQeiw+A==
+"@types/sinon@7.0.0":
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/@types/sinon/-/sinon-7.0.0.tgz#84e707e157ec17d3e4c2a137f41fc3f416c0551e"
+  integrity sha512-kcYoPw0uKioFVC/oOqafk2yizSceIQXCYnkYts9vJIwQklFRsMubTObTDrjQamUyBRd47332s85074cd/hCwxg==
 
 "@types/sizzle@*":
   version "2.3.2"
@@ -4750,10 +4750,10 @@ cycle@1.0.x:
   resolved "https://registry.yarnpkg.com/cycle/-/cycle-1.0.3.tgz#21e80b2be8580f98b468f379430662b046c34ad2"
   integrity sha1-IegLK+hYD5i0aPN5QwZisEbDStI=
 
-cypress@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/cypress/-/cypress-3.1.3.tgz#f6253e2428c9f76e0541440b959b6282d1757467"
-  integrity sha512-ZusTQffKBVrLDvcxEinymTH0iCUL7hM1m6q9X+557wDtpd6S4et330QQE1IW10Pnyp+vYIHpkWxDm43B9G14nA==
+cypress@3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/cypress/-/cypress-3.1.5.tgz#5227b2ce9306c47236d29e703bad9055d7218042"
+  integrity sha512-jzYGKJqU1CHoNocPndinf/vbG28SeU+hg+4qhousT/HDBMJxYgjecXOmSgBX/ga9/TakhqSrIrSP2r6gW/OLtg==
   dependencies:
     "@cypress/listr-verbose-renderer" "0.4.1"
     "@cypress/xvfb" "1.2.3"
@@ -4765,8 +4765,8 @@ cypress@^3.1.3:
     "@types/lodash" "4.14.87"
     "@types/minimatch" "3.0.3"
     "@types/mocha" "2.2.44"
-    "@types/sinon" "4.0.0"
-    "@types/sinon-chai" "2.7.29"
+    "@types/sinon" "7.0.0"
+    "@types/sinon-chai" "3.2.2"
     bluebird "3.5.0"
     cachedir "1.3.0"
     chalk "2.4.1"
@@ -4784,7 +4784,7 @@ cypress@^3.1.3:
     is-installed-globally "0.1.0"
     lazy-ass "1.6.0"
     listr "0.12.0"
-    lodash "4.17.10"
+    lodash "4.17.11"
     log-symbols "2.2.0"
     minimist "1.2.0"
     moment "2.22.2"
@@ -9587,12 +9587,7 @@ lodash.values@^4.3.0:
   resolved "https://registry.yarnpkg.com/lodash.values/-/lodash.values-4.3.0.tgz#a3a6c2b0ebecc5c2cba1c17e6e620fe81b53d347"
   integrity sha1-o6bCsOvsxcLLocF+bmIP6BtT00c=
 
-lodash@4.17.10:
-  version "4.17.10"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.10.tgz#1b7793cf7259ea38fb3661d4d38b3260af8ae4e7"
-  integrity sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg==
-
-"lodash@>=3.5 <5", lodash@^4.13.1, lodash@^4.14.0, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.2, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0, lodash@^4.5.1, lodash@^4.7.0:
+lodash@4.17.11, "lodash@>=3.5 <5", lodash@^4.13.1, lodash@^4.14.0, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.2, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0, lodash@^4.5.1, lodash@^4.7.0:
   version "4.17.11"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
   integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==