diff --git a/apps/frontend/src/components/layout/chrome.extension.component.tsx b/apps/frontend/src/components/layout/chrome.extension.component.tsx
new file mode 100644
index 00000000..7a114892
--- /dev/null
+++ b/apps/frontend/src/components/layout/chrome.extension.component.tsx
@@ -0,0 +1,28 @@
+import { useVariables } from '@gitroom/react/helpers/variable.context';
+
+export const ChromeExtensionComponent = () => {
+  const { billingEnabled } = useVariables();
+  if (!billingEnabled) {
+    return null;
+  }
+  return (
+    <a
+      href="https://chromewebstore.google.com/detail/postiz/cidhffagahknaeodkplfbcpfeielnkjl"
+      target="_blank"
+    >
+      <svg
+        width="28"
+        height="28"
+        viewBox="0 0 32 32"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className="mr-2"
+      >
+        <path
+          d="M16 3.5C13.5277 3.5 11.111 4.23311 9.05538 5.60663C6.99976 6.98015 5.39761 8.93238 4.45151 11.2165C3.50542 13.5005 3.25787 16.0139 3.74019 18.4386C4.2225 20.8634 5.41301 23.0907 7.16117 24.8388C8.90933 26.587 11.1366 27.7775 13.5614 28.2598C15.9861 28.7421 18.4995 28.4946 20.7835 27.5485C23.0676 26.6024 25.0199 25.0002 26.3934 22.9446C27.7669 20.889 28.5 18.4723 28.5 16C28.4964 12.6859 27.1782 9.5086 24.8348 7.16518C22.4914 4.82177 19.3141 3.50364 16 3.5ZM16 4.5C18.0667 4.50143 20.095 5.0593 21.8717 6.11505C23.6484 7.1708 25.1081 8.68547 26.0975 10.5H16C14.6261 10.5017 13.3024 11.0169 12.2889 11.9446C11.2754 12.8723 10.6454 14.1453 10.5225 15.5138L6.81376 9.09C7.88392 7.66472 9.27106 6.50801 10.8654 5.71137C12.4598 4.91472 14.2177 4.5 16 4.5ZM16 20.5C15.11 20.5 14.24 20.2361 13.4999 19.7416C12.7599 19.2471 12.1831 18.5443 11.8425 17.7221C11.502 16.8998 11.4128 15.995 11.5865 15.1221C11.7601 14.2492 12.1887 13.4474 12.818 12.818C13.4474 12.1887 14.2492 11.7601 15.1221 11.5865C15.995 11.4128 16.8998 11.5019 17.7221 11.8425C18.5443 12.1831 19.2472 12.7599 19.7416 13.4999C20.2361 14.24 20.5 15.11 20.5 16C20.5 17.1935 20.0259 18.3381 19.182 19.182C18.3381 20.0259 17.1935 20.5 16 20.5ZM4.50001 16C4.49787 13.8844 5.08245 11.8096 6.18876 10.0063L11.2375 18.75C11.2375 18.7612 11.2513 18.7712 11.2588 18.7825C11.9496 19.9629 13.056 20.843 14.3616 21.2506C15.6671 21.6582 17.0778 21.564 18.3175 20.9862L14.605 27.415C11.8188 27.071 9.25413 25.721 7.39328 23.6189C5.53243 21.5168 4.50353 18.8074 4.50001 16ZM16 27.5C15.9038 27.5 15.8088 27.5 15.7138 27.5L20.7625 18.75C20.767 18.742 20.7708 18.7337 20.7738 18.725C21.455 17.5362 21.6668 16.1356 21.3675 14.7985C21.0682 13.4615 20.2794 12.2848 19.1563 11.5H26.5825C27.3261 13.2487 27.6247 15.1544 27.4518 17.0468C27.2788 18.9391 26.6396 20.7591 25.5913 22.3441C24.543 23.929 23.1183 25.2295 21.4446 26.1292C19.7709 27.029 17.9002 27.4999 16 27.5Z"
+          fill="currentColor"
+        />
+      </svg>
+    </a>
+  );
+};
diff --git a/apps/frontend/src/components/layout/layout.settings.tsx b/apps/frontend/src/components/layout/layout.settings.tsx
index b476e479..61dff892 100644
--- a/apps/frontend/src/components/layout/layout.settings.tsx
+++ b/apps/frontend/src/components/layout/layout.settings.tsx
@@ -39,6 +39,7 @@ const ModeComponent = dynamic(
 import { extend } from 'dayjs';
 import { useSearchParams } from 'next/navigation';
 import { CheckPayment } from '@gitroom/frontend/components/layout/check.payment';
+import { ChromeExtensionComponent } from '@gitroom/frontend/components/layout/chrome.extension.component';
 
 extend(utc);
 extend(weekOfYear);
@@ -141,6 +142,7 @@ export const LayoutSettings = ({ children }: { children: ReactNode }) => {
                 id="systray-buttons"
                 className="flex items-center justify-self-end gap-[8px] order-2 md:order-3"
               >
+                <ChromeExtensionComponent />
                 <ModeComponent />
                 <SettingsComponent />
                 <NotificationComponent />