<div class="integration-page-header">
  <div class="integration-page-icon" style="background-color: transparent; overflow: hidden;">
    <img src="https://static.buffer.com/publish/chatgpt-BkqmL2Ui.png" alt="ChatGPT" style="width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-sm);" />
  </div>
  <div class="integration-page-info">
    <h2 class="integration-page-title">ChatGPT</h2>
    <div class="integration-page-subtitle">Manage your content from ChatGPT and Codex</div>
  </div>
</div>

ChatGPT lets you manage your Buffer content using natural language.

Connect Buffer to ChatGPT on the web or the Codex CLI using OAuth. No API key needed.

<div class="setup-tabs-container">
  <div class="setup-tabs">
    <button class="setup-tab active" data-tab="chatgpt-web">ChatGPT Web</button>
    <button class="setup-tab" data-tab="codex-cli">Codex CLI</button>
  </div>

  <div class="setup-tab-content active" data-tab-content="chatgpt-web">

<div class="setup-steps" style="--step-color: #000000;">
  <div class="setup-step">
    <div class="setup-step-number">1</div>
    <div class="setup-step-content">
      <h3>Go to ChatGPT</h3>
      <p>Open <a href="https://chatgpt.com/" target="_blank" rel="noopener noreferrer">chatgpt.com</a> in your browser.</p>
    </div>
  </div>
  <div class="setup-step">
    <div class="setup-step-number">2</div>
    <div class="setup-step-content">
      <h3>Enable Developer mode</h3>
      <p>Open Settings, find the Apps/Connectors section, then toggle on Developer mode under Advanced settings.</p>
    </div>
  </div>
  <div class="setup-step">
    <div class="setup-step-number">3</div>
    <div class="setup-step-content">
      <h3>Add a new app</h3>
      <p>Add a new app and fill in the form with:</p>
      <ul class="setup-settings-list">
        <li><span>Name:</span> Buffer</li>
        <li>
          <span>MCP Server URL:</span>
          <code>https://mcp.buffer.com/mcp</code>
          <button class="inline-copy-btn" data-copy="https://mcp.buffer.com/mcp" title="Copy URL">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
          </button>
        </li>
        <li><span>Authentication:</span> OAuth</li>
      </ul>
    </div>
  </div>
  <div class="setup-step">
    <div class="setup-step-number">4</div>
    <div class="setup-step-content">
      <h3>Create and approve access</h3>
      <p>Click "Create" to finish.</p>
      <p class="setup-note"><strong>Note:</strong> A Buffer sign-in window may open if you're not already logged in. Approve access to complete the connection.</p>
    </div>
  </div>
</div>

  </div>

  <div class="setup-tab-content" data-tab-content="codex-cli">

<div class="setup-steps" style="--step-color: #000000;">
  <div class="setup-step">
    <div class="setup-step-number">1</div>
    <div class="setup-step-content">
      <h3>Install Codex CLI</h3>
      <p>Follow OpenAI's install guide for Codex CLI. <a href="https://developers.openai.com/codex/cli" target="_blank" rel="noopener noreferrer">Install Codex CLI</a></p>
    </div>
  </div>
  <div class="setup-step">
    <div class="setup-step-number">2</div>
    <div class="setup-step-content">
      <h3>Add the Buffer MCP server</h3>
      <p>In your terminal, run the following command to add the Buffer MCP server to Codex:</p>
      <div class="setup-code-block">
        <button class="inline-copy-btn" data-copy="codex mcp add buffer --url https://mcp.buffer.com/mcp" title="Copy command">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
        </button>
<pre><code>codex mcp add buffer --url https://mcp.buffer.com/mcp</code></pre>
      </div>
      <p class="setup-note"><strong>Note:</strong> A browser window opens. Sign in to Buffer if prompted and approve access.</p>
    </div>
  </div>
</div>

  </div>
</div>

## Try It Out

Copy any of these example prompts to get started with ChatGPT:

<div class="prompt-cards">
  <div class="prompt-card">
    <span>Show me all my scheduled Buffer posts for this week</span>
    <button class="inline-copy-btn" data-copy="Show me all my scheduled Buffer posts for this week" title="Copy prompt">
      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
    </button>
  </div>
  <div class="prompt-card">
    <span>Create a draft post in Buffer that says 'We just launched our redesigned dashboard!' for my X channel</span>
    <button class="inline-copy-btn" data-copy="Create a draft post in Buffer that says 'We just launched our redesigned dashboard!' for my X channel" title="Copy prompt">
      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
    </button>
  </div>
  <div class="prompt-card">
    <span>List my Buffer channels and show me which ones have posts scheduled for tomorrow</span>
    <button class="inline-copy-btn" data-copy="List my Buffer channels and show me which ones have posts scheduled for tomorrow" title="Copy prompt">
      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
    </button>
  </div>
</div>
