diff --git a/ui/src/app/model-configurations/page.tsx b/ui/src/app/model-configurations/page.tsx
index 63e959f..fbe694a 100644
--- a/ui/src/app/model-configurations/page.tsx
+++ b/ui/src/app/model-configurations/page.tsx
@@ -1,11 +1,13 @@
+
 import ServiceConfiguration from "@/components/ServiceConfiguration";
+import { SETTINGS_DOCUMENTATION_URLS } from "@/constants/documentation";
 
 export default function ServiceConfigurationPage() {
     return (
         <div className="min-h-screen bg-background">
             <div className="container mx-auto px-4 py-8">
                 <div className="max-w-4xl mx-auto">
-                    <ServiceConfiguration />
+                    <ServiceConfiguration docsUrl={SETTINGS_DOCUMENTATION_URLS.modelOverrides} />
                 </div>
             </div>
         </div>
diff --git a/ui/src/app/telephony-configurations/page.tsx b/ui/src/app/telephony-configurations/page.tsx
index 14f4655..d0cd71e 100644
--- a/ui/src/app/telephony-configurations/page.tsx
+++ b/ui/src/app/telephony-configurations/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Plus, Trash2 } from "lucide-react";
+import { ExternalLink, Plus, Trash2 } from "lucide-react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
@@ -318,7 +318,10 @@ export default function ConfigureTelephonyPage() {
       <div className="container mx-auto px-4 py-8">
         <h1 className="text-3xl font-bold mb-2">Configure Telephony</h1>
         <p className="text-muted-foreground mb-6">
-          Set up your telephony provider to make phone calls
+          Set up your telephony provider to make phone calls.{" "}
+          <a href="https://docs.dograh.com/integrations/telephony/overview" target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-0.5 underline">
+            Learn more <ExternalLink className="h-3 w-3" />
+          </a>
         </p>
 
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
diff --git a/ui/src/app/tools/page.tsx b/ui/src/app/tools/page.tsx
index f891545..11c9a46 100644
--- a/ui/src/app/tools/page.tsx
+++ b/ui/src/app/tools/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Plus, RotateCcw, Search, Trash2 } from "lucide-react";
+import { ExternalLink, Plus, RotateCcw, Search, Trash2 } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useCallback, useEffect, useState } from "react";
 
@@ -269,7 +269,10 @@ export default function ToolsPage() {
                     <div className="mb-8">
                         <h1 className="text-3xl font-bold mb-2">Tools</h1>
                         <p className="text-muted-foreground">
-                            Manage reusable tools that can be used across your workflows
+                            Manage reusable tools that can be used across your workflows.{" "}
+                            <a href="https://docs.dograh.com/voice-agent/tools/introduction" target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-0.5 underline">
+                                Learn more <ExternalLink className="h-3 w-3" />
+                            </a>
                         </p>
                     </div>
 
diff --git a/ui/src/components/ServiceConfiguration.tsx b/ui/src/components/ServiceConfiguration.tsx
index b26d7c1..3af490d 100644
--- a/ui/src/components/ServiceConfiguration.tsx
+++ b/ui/src/components/ServiceConfiguration.tsx
@@ -1,9 +1,15 @@
 "use client";
 
+import { ExternalLink } from "lucide-react";
+
 import { ServiceConfigurationForm } from "@/components/ServiceConfigurationForm";
 import { useUserConfig } from "@/context/UserConfigContext";
 
-export default function ServiceConfiguration() {
+interface ServiceConfigurationProps {
+    docsUrl?: string;
+}
+
+export default function ServiceConfiguration({ docsUrl }: ServiceConfigurationProps) {
     const { saveUserConfig } = useUserConfig();
 
     return (
@@ -11,7 +17,12 @@ export default function ServiceConfiguration() {
             <div className="mb-6">
                 <h1 className="text-3xl font-bold mb-2">AI Models Configuration</h1>
                 <p className="text-muted-foreground">
-                    Configure your AI model, voice, and transcription services.
+                    Configure your AI model, voice, and transcription services.{" "}
+                    {docsUrl && (
+                        <a href={docsUrl} target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-0.5 underline">
+                            Learn more <ExternalLink className="h-3 w-3" />
+                        </a>
+                    )}
                 </p>
             </div>