supermemory/apps/docs/supermemory-mcp/chatgpt-web.mdx
Prasanna721 4d86b728dd update supermemory mcp docs (#1408)
Updates the Supermemory MCP docs for the revamped tool, space, widget, and OAuth flows.

- adds a screenshot-backed ChatGPT Web setup guide with light and dark variants
- refreshes the overview, setup, tools, spaces, and widget docs
- keeps manual JSON configuration in a dropdown

Tested all four local MCP docs routes and image references.

for mcp image light mode -> dark mode images and dark mode has light mode (since the background was blending in i made this way to refocus user attention on the screenshots)
2026-08-04 19:58:49 +00:00

199 lines
6.8 KiB
Text

---
title: "ChatGPT Web"
description: "Connect Supermemory MCP to ChatGPT Web through Plugins and OAuth"
icon: "/images/openai.svg"
sidebarTitle: "ChatGPT Web"
---
Connect Supermemory MCP to [ChatGPT Web](https://chatgpt.com) to use your Supermemory context directly in a conversation.
## Step 1: Open Settings
Open your profile menu in the lower-left corner of ChatGPT Web and select **Settings**.
<img
className="hidden dark:block"
src="/images/supermemory-mcp/chatgpt-web/step-1-settings-dark.png"
alt="ChatGPT Web profile menu in dark mode with Settings highlighted"
/>
<img
className="block dark:hidden"
src="/images/supermemory-mcp/chatgpt-web/step-1-settings-light.png"
alt="ChatGPT Web profile menu in light mode with Settings highlighted"
/>
## Step 2: Open Plugins
Select **Plugins** in the Settings sidebar.
<img
className="hidden dark:block"
src="/images/supermemory-mcp/chatgpt-web/step-2-plugins-dark.png"
alt="ChatGPT Web Plugins settings in dark mode"
/>
<img
className="block dark:hidden"
src="/images/supermemory-mcp/chatgpt-web/step-2-plugins-light.png"
alt="ChatGPT Web Plugins settings in light mode"
/>
## Step 3: Open Developer mode
Scroll to the bottom of **Plugins** and select **Developer mode**.
<img
className="hidden dark:block"
src="/images/supermemory-mcp/chatgpt-web/step-3-plugins-bottom-dark.png"
alt="Developer mode and Browse plugins at the bottom of ChatGPT Web Plugins settings in dark mode"
/>
<img
className="block dark:hidden"
src="/images/supermemory-mcp/chatgpt-web/step-3-plugins-bottom-light.png"
alt="Developer mode and Browse plugins at the bottom of ChatGPT Web Plugins settings in light mode"
/>
## Step 4: Enable Developer mode
ChatGPT opens the **Developer mode** section under **Security and login**. Turn **Developer mode** on.
<img
className="hidden dark:block"
src="/images/supermemory-mcp/chatgpt-web/step-4-developer-mode-page-dark.png"
alt="Developer mode section under Security and login in ChatGPT Web dark mode"
/>
<img
className="block dark:hidden"
src="/images/supermemory-mcp/chatgpt-web/step-4-developer-mode-page-light.png"
alt="Developer mode section under Security and login in ChatGPT Web light mode"
/>
<img
className="hidden dark:block"
src="/images/supermemory-mcp/chatgpt-web/step-4-developer-mode-on-dark.png"
alt="Developer mode enabled in ChatGPT Web dark mode"
/>
<img
className="block dark:hidden"
src="/images/supermemory-mcp/chatgpt-web/step-4-developer-mode-on-light.png"
alt="Developer mode enabled in ChatGPT Web light mode"
/>
## Step 5: Open Browse plugins
Return to **Plugins**, scroll to the bottom, and select **Browse plugins**.
<img
className="hidden dark:block"
src="/images/supermemory-mcp/chatgpt-web/step-3-plugins-bottom-dark.png"
alt="Browse plugins at the bottom of ChatGPT Web Plugins settings in dark mode"
/>
<img
className="block dark:hidden"
src="/images/supermemory-mcp/chatgpt-web/step-3-plugins-bottom-light.png"
alt="Browse plugins at the bottom of ChatGPT Web Plugins settings in light mode"
/>
## Step 6: Add a plugin
On the Plugins page, select the **plus icon** in the upper-right corner.
<img
className="hidden dark:block"
src="/images/supermemory-mcp/chatgpt-web/step-6-plugin-directory-dark.png"
alt="ChatGPT Web Plugins page in dark mode with the plus icon"
/>
<img
className="block dark:hidden"
src="/images/supermemory-mcp/chatgpt-web/step-6-plugin-directory-light.png"
alt="ChatGPT Web Plugins page in light mode with the plus icon"
/>
## Step 7: Enter the Supermemory details
Complete the **New Plugin** form:
- In **Name**, enter `Supermemory MCP`.
- In **Description**, enter `Memory/context for you ai agents`.
- Under **Connection**, select **Server URL** instead of **Tunnel**.
- In the URL field, paste `https://mcp.supermemory.ai/mcp`.
The icon is optional. Leave **Advanced OAuth settings** unchanged.
<img
className="hidden dark:block"
src="/images/supermemory-mcp/chatgpt-web/step-7-details-dark.png"
alt="New Plugin form in dark mode filled with the Supermemory MCP details"
/>
<img
className="block dark:hidden"
src="/images/supermemory-mcp/chatgpt-web/step-7-details-light.png"
alt="New Plugin form in light mode filled with the Supermemory MCP details"
/>
## Step 8: Confirm and create
Scroll to the bottom of the form. Select **I understand and want to continue**, then select **Create**.
<img
className="hidden dark:block"
src="/images/supermemory-mcp/chatgpt-web/step-8-confirm-dark.png"
alt="New Plugin confirmation in dark mode with the acknowledgement selected"
/>
<img
className="block dark:hidden"
src="/images/supermemory-mcp/chatgpt-web/step-8-confirm-light.png"
alt="New Plugin confirmation in light mode with the acknowledgement selected"
/>
## Step 9: Sign in to Supermemory
ChatGPT opens the **Add Supermemory MCP to ChatGPT** dialog. Select **Sign in with Supermemory MCP**.
<img
className="hidden dark:block"
src="/images/supermemory-mcp/chatgpt-web/step-9-sign-in-dark.png"
alt="ChatGPT authorization dialog for Supermemory MCP in dark mode"
/>
<img
className="block dark:hidden"
src="/images/supermemory-mcp/chatgpt-web/step-9-sign-in-light.png"
alt="ChatGPT authorization dialog for Supermemory MCP in light mode"
/>
<Accordion title="If Supermemory asks you to choose an organization">
Accounts with access to more than one organization may see an organization picker. Select the organization you want ChatGPT Web to use.
![Supermemory organization picker shown for accounts with multiple organizations](/images/supermemory-mcp/chatgpt-web/step-9-organization.png)
</Accordion>
## Step 10: Approve access
On the Supermemory authorization page:
- Select **Read + Write** to let ChatGPT search and save Supermemory context. Select **Read only** if you only want search access.
- Select **Full access** to use every available space, or **Scoped** to choose specific spaces.
- Choose how long the connection should remain active.
- Select **Approve**.
![Supermemory MCP authorization page with permission, access, and expiration controls](/images/supermemory-mcp/chatgpt-web/step-10-authorize.png)
## Step 11: Start using Supermemory
After approval, ChatGPT returns to the Supermemory MCP plugin page. Select **Try in chat**.
<img
className="hidden dark:block"
src="/images/supermemory-mcp/chatgpt-web/step-11-connected-dark.png"
alt="Connected Supermemory MCP page in ChatGPT Web dark mode"
/>
<img
className="block dark:hidden"
src="/images/supermemory-mcp/chatgpt-web/step-11-connected-light.png"
alt="Connected Supermemory MCP page in ChatGPT Web light mode"
/>
## Done
Supermemory MCP is now ready to use in ChatGPT Web. You can manage or disconnect it later from the [Plugins page](https://chatgpt.com/plugins).
**See also:** [MCP overview](/supermemory-mcp/mcp) | [Setup and Usage](/supermemory-mcp/setup) | [Claude Desktop](/supermemory-mcp/claude-desktop)