diff --git a/src/constants/Links.ts b/src/constants/Links.ts
index f6323a21..48e04847 100644
--- a/src/constants/Links.ts
+++ b/src/constants/Links.ts
@@ -2,5 +2,7 @@ export const GITHUB_LINK = "https://github.com/estruyf/vscode-front-matter";
 export const ISSUE_LINK = "https://github.com/estruyf/vscode-front-matter/issues";
 export const SPONSOR_LINK = "https://github.com/sponsors/estruyf";
 export const REVIEW_LINK = "https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter&ssr=false#review-details";
+export const DOCUMENTATION_LINK = "https://frontmatter.codes/docs";
+export const DOCUMENTATION_SETTINGS_LINK = "https://frontmatter.codes/docs/settings";
 
 export const SENTRY_LINK = "https://1ac45704bbe74264a7b4674bdc2abf48@o1022172.ingest.sentry.io/5988293";
\ No newline at end of file
diff --git a/src/panelWebView/components/OtherActions.tsx b/src/panelWebView/components/OtherActions.tsx
index a93c8485..9d2e10f5 100644
--- a/src/panelWebView/components/OtherActions.tsx
+++ b/src/panelWebView/components/OtherActions.tsx
@@ -10,8 +10,9 @@ import { SettingsIcon } from './Icons/SettingsIcon';
 import { TemplateIcon } from './Icons/TemplateIcon';
 import { WritingIcon } from './Icons/WritingIcon';
 import { OtherActionButton } from './OtherActionButton';
-import { ISSUE_LINK } from '../../constants/Links';
+import { DOCUMENTATION_LINK, DOCUMENTATION_SETTINGS_LINK, ISSUE_LINK } from '../../constants/Links';
 import { Messenger } from '@estruyf/vscode/dist/client';
+import { BookOpenIcon } from '@heroicons/react/outline';
 
 export interface IOtherActionsProps {
   isFile: boolean;
@@ -50,14 +51,22 @@ const OtherActions: React.FunctionComponent<IOtherActionsProps> = ({isFile, sett
           <CenterIcon /> <span>Toggle center mode</span>
         </OtherActionButton>
 
-        <OtherActionButton onClick={createAsTemplate} disabled={!isFile}><TemplateIcon /> <span>Create as template</span></OtherActionButton>
+        <OtherActionButton onClick={createAsTemplate} disabled={!isFile}><TemplateIcon /> <span>Create template</span></OtherActionButton>
 
-        <OtherActionButton onClick={openSettings}><SettingsIcon /> <span>Open settings</span></OtherActionButton>
+        {/* <OtherActionButton onClick={openSettings}><SettingsIcon /> <span>Open settings</span></OtherActionButton> */}
 
         <OtherActionButton onClick={openFile} disabled={!isFile}><FileIcon /> <span>Reveal file in folder</span></OtherActionButton>
 
         <OtherActionButton onClick={openProject}><FolderOpenedIcon /> <span>Reveal project folder</span></OtherActionButton>
 
+        <div className="ext_link_block">
+          <a href={DOCUMENTATION_LINK} title="Open documentation"><BookOpenIcon /> <span>Documentation</span></a>
+        </div>
+
+        <div className="ext_link_block">
+          <a href={DOCUMENTATION_SETTINGS_LINK} title="Open settings documentation"><BookOpenIcon /> <span>Settings overview</span></a>
+        </div>
+
         <div className="ext_link_block">
           <a href={ISSUE_LINK} title="Open an issue on GitHub"><BugIcon /> <span>Report an issue</span></a>
         </div>