diff --git a/eng/generate-website-data.mjs b/eng/generate-website-data.mjs
index 89c70679..f20a8bbe 100755
--- a/eng/generate-website-data.mjs
+++ b/eng/generate-website-data.mjs
@@ -1018,7 +1018,7 @@ function generateCanvasManifest(gitDates, commitSha) {
     const canvasEntries = canvases.length > 0
       ? canvases
       : [{ id: dir.name, displayName: formatDisplayName(dir.name), description: extensionDescription }];
-    const installUrl = `https://github.com/github/awesome-copilot/tree/${commitSha}/${relPath.replace(
+    const installUrl = `https://github.com/github/awesome-copilot/tree/main/${relPath.replace(
       /\\/g,
       "/"
     )}`;
diff --git a/website/src/pages/extensions.astro b/website/src/pages/extensions.astro
index dd756e0f..e1988889 100644
--- a/website/src/pages/extensions.astro
+++ b/website/src/pages/extensions.astro
@@ -17,6 +17,11 @@ const initialItems = sortExtensions(extensionsData.items, 'title');
 
     <div class="page-content">
       <div class="container">
+        <div class="how-to-install">
+          <p><strong>Installing in the GitHub Copilot app:</strong> Click <strong>Copy URL</strong>, then ask Copilot to install that extension URL.</p>
+          <p><strong>Example:</strong> <code>Install this extension: https://github.com/github/awesome-copilot/tree/main/extensions/accessibility-kanban</code></p>
+        </div>
+
         <div class="listing-toolbar">
           <div class="listing-toolbar-row">
             <div class="results-count" id="results-count" aria-live="polite">{initialItems.length} extensions</div>
@@ -56,4 +61,30 @@ const initialItems = sortExtensions(extensionsData.items, 'title');
     import '../scripts/pages/extensions';
   </script>
 
+  <style>
+    .how-to-install {
+      background: var(--sl-color-bg-nav);
+      border: 1px solid var(--sl-color-hairline);
+      border-radius: 0.5rem;
+      padding: 1rem 1.25rem;
+      margin-bottom: 1.5rem;
+      font-size: 0.9rem;
+      line-height: 1.6;
+    }
+
+    .how-to-install p {
+      margin: 0 0 0.5rem;
+    }
+
+    .how-to-install p:last-child {
+      margin-bottom: 0;
+    }
+
+    .how-to-install code {
+      background: var(--sl-color-bg-inline-code);
+      padding: 0.1em 0.35em;
+      border-radius: 0.2rem;
+      font-size: 0.85em;
+    }
+  </style>
 </StarlightPage>
diff --git a/website/src/scripts/pages/extensions-render.ts b/website/src/scripts/pages/extensions-render.ts
index 23f58715..ac8f2539 100644
--- a/website/src/scripts/pages/extensions-render.ts
+++ b/website/src/scripts/pages/extensions-render.ts
@@ -104,7 +104,7 @@ export function renderExtensionsHtml(items: RenderableExtension[]): string {
           title="Copy install URL"
           ${installUrl ? "" : "disabled"}
         >
-          Install
+          Copy URL
         </button>
         ${
           sourceUrl
diff --git a/website/src/scripts/pages/extensions.ts b/website/src/scripts/pages/extensions.ts
index 7269eba5..3c3c9c94 100644
--- a/website/src/scripts/pages/extensions.ts
+++ b/website/src/scripts/pages/extensions.ts
@@ -291,7 +291,7 @@ function setupActionHandlers(list: HTMLElement | null): void {
     }
     const success = await copyToClipboard(installUrl);
     showToast(
-      success ? "Install URL copied!" : "Failed to copy install URL",
+      success ? "Extension URL copied!" : "Failed to copy extension URL",
       success ? "success" : "error"
     );
     return;