diff --git a/app/components/Sidebar/Settings.js b/app/components/Sidebar/Settings.js
index 53dc69ff1..a8a122f7d 100644
--- a/app/components/Sidebar/Settings.js
+++ b/app/components/Sidebar/Settings.js
@@ -31,6 +31,8 @@ import SlackIcon from "./icons/Slack";
 import ZapierIcon from "./icons/Zapier";
 import env from "env";
 
+const isHosted = env.DEPLOYMENT === "hosted";
+
 type Props = {
   history: RouterHistory,
   policies: PoliciesStore,
@@ -139,14 +141,16 @@ class SettingsSidebar extends React.Component<Props> {
                   icon={<SlackIcon color="currentColor" />}
                   label="Slack"
                 />
-                <SidebarLink
-                  to="/settings/integrations/zapier"
-                  icon={<ZapierIcon color="currentColor" />}
-                  label="Zapier"
-                />
+                {isHosted && (
+                  <SidebarLink
+                    to="/settings/integrations/zapier"
+                    icon={<ZapierIcon color="currentColor" />}
+                    label="Zapier"
+                  />
+                )}
               </Section>
             )}
-            {can.update && env.DEPLOYMENT !== "hosted" && (
+            {can.update && !isHosted && (
               <Section>
                 <Header>Installation</Header>
                 <Version />
diff --git a/app/scenes/Settings/Zapier.js b/app/scenes/Settings/Zapier.js
index 9ef9a2518..15fc4fb35 100644
--- a/app/scenes/Settings/Zapier.js
+++ b/app/scenes/Settings/Zapier.js
@@ -5,37 +5,28 @@ import CenteredContent from "components/CenteredContent";
 import HelpText from "components/HelpText";
 import PageTitle from "components/PageTitle";
 
-class Zapier extends React.Component<*> {
-  goToZapier = () => {
-    window.open(
-      "https://zapier.com/platform/public-invite/5927/a0b2747dbb017723b55fc54f4f0cdcae/"
-    );
-  };
-  render() {
-    return (
-      <CenteredContent>
-        <PageTitle title="Zapier" />
-        <h1>Zapier</h1>
-        <HelpText>
-          There is now an Outline app on{" "}
-          <a
-            href="https://zapier.com"
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            Zapier
-          </a>{" "}
-          to allow easy integration with hundreds of other business services. It
-          is currently in early access, to use the integration and hook up to
-          your wiki simply accept the public invite below. All configuration is
-          done within Zapier itself.
-        </HelpText>
-        <p>
-          <Button onClick={this.goToZapier}>Zapier Public Invite</Button>
-        </p>
-      </CenteredContent>
-    );
-  }
+function Zapier() {
+  return (
+    <CenteredContent>
+      <PageTitle title="Zapier" />
+      <h1>Zapier</h1>
+      <HelpText>
+        Zapier is a platform that allows Outline to easily integrate with
+        thousands of other business tools. Head over to Zapier to setup a "Zap"
+        and start programmatically interacting with Outline.
+      </HelpText>
+      <p>
+        <Button
+          as="a"
+          href="https://zapier.com/apps/outline"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          Open Zapier →
+        </Button>
+      </p>
+    </CenteredContent>
+  );
 }
 
 export default Zapier;