diff --git a/web/react/components/error_bar.jsx b/web/react/components/error_bar.jsx
index 921e8afe13..36ab1438ae 100644
--- a/web/react/components/error_bar.jsx
+++ b/web/react/components/error_bar.jsx
@@ -3,6 +3,17 @@
 
 import ErrorStore from '../stores/error_store.jsx';
 
+var intlShape = ReactIntl.intlShape;
+var injectIntl = ReactIntl.injectIntl;
+var defineMessages = ReactIntl.defineMessages;
+
+const messages = defineMessages({
+    previewMode: {
+        id: 'error_bar.preview_mode',
+        defaultMessage: 'Preview Mode: Email notifications have not been configured'
+    }
+});
+
 export default class ErrorBar extends React.Component {
     constructor() {
         super();
@@ -13,6 +24,12 @@ export default class ErrorBar extends React.Component {
         this.state = ErrorStore.getLastError();
     }
 
+    static propTypes() {
+        return {
+            intl: intlShape.isRequired
+        };
+    }
+
     isValidError(s) {
         if (!s) {
             return false;
@@ -41,6 +58,14 @@ export default class ErrorBar extends React.Component {
         return false;
     }
 
+    componentWillMount() {
+        const {formatMessage} = this.props.intl;
+        if (global.window.mm_config.SendEmailNotifications === 'false') {
+            ErrorStore.storeLastError({message: formatMessage(messages.previewMode)});
+            this.onErrorChange();
+        }
+    }
+
     componentDidMount() {
         ErrorStore.addChangeListener(this.onErrorChange);
     }
@@ -86,3 +111,5 @@ export default class ErrorBar extends React.Component {
         );
     }
 }
+
+export default injectIntl(ErrorBar);
diff --git a/web/react/pages/channel.jsx b/web/react/pages/channel.jsx
index 37c59b75f3..331ea32883 100644
--- a/web/react/pages/channel.jsx
+++ b/web/react/pages/channel.jsx
@@ -113,9 +113,4 @@ global.window.setup_channel_page = function setup(props, team, channel) {
         <Root map={props} />,
         document.getElementById('channel_view')
     );
-
-    if (global.window.mm_config.SendEmailNotifications === 'false') {
-        ErrorStore.storeLastError({message: 'Preview Mode: Email notifications have not been configured'});
-        ErrorStore.emitChange();
-    }
 };
\ No newline at end of file
diff --git a/web/static/i18n/en.json b/web/static/i18n/en.json
index 038b1342d5..cb955ee6b7 100644
--- a/web/static/i18n/en.json
+++ b/web/static/i18n/en.json
@@ -1,4 +1,5 @@
 {
   "login.find_teams": "Find your other teams",
-  "login.forgot_password": "I forgot my password"
+  "login.forgot_password": "I forgot my password",
+  "error_bar.preview_mode": "Preview Mode: Email notifications have not been configured"
 }
\ No newline at end of file
diff --git a/web/static/i18n/es.json b/web/static/i18n/es.json
index b849489cbe..ade5f585ea 100644
--- a/web/static/i18n/es.json
+++ b/web/static/i18n/es.json
@@ -1,4 +1,5 @@
 {
   "login.find_teams": "Find your other teams (spanish!)",
-  "login.forgot_password": "I forgot my password (spanish!)"
+  "login.forgot_password": "I forgot my password (spanish!)",
+  "error_bar.preview_mode": "Preview Mode: Email notifications have not been configured (spanish!)"
 }
\ No newline at end of file
diff --git a/web/templates/head.html b/web/templates/head.html
index 4060d24106..845cc76e70 100644
--- a/web/templates/head.html
+++ b/web/templates/head.html
@@ -62,8 +62,11 @@
     <style id="antiClickjack">body{display:none !important;}</style>
 
     <script>
-        ReactIntl.addLocaleData(ReactIntlLocaleData.en);
-        ReactIntl.addLocaleData(ReactIntlLocaleData.es);
+        if ('ReactIntl' in window && 'ReactIntlLocaleData' in window) {
+            Object.keys(ReactIntlLocaleData).forEach((lang) => {
+                ReactIntl.addLocaleData(ReactIntlLocaleData[lang]);
+            });
+        }
 
         window.mm_config = {{ .ClientCfg }};
         window.mm_license = {{ .ClientLicense }};