Tutorial: Connect ActiveCampaign MCP Server to ChatGPT
<!-- Hero -->
<section id="hero" class="bg-acBlueDark2 px-4 py-20 lg:py-28 overflow-hidden">
<div class="container mx-auto flex flex-col lg:flex-row items-center lg:space-x-12">
<!-- Left: Text -->
<div class="w-full lg:w-1/2 flex flex-col space-y-6 text-white lg:pl-12">
<h1 class="text-4xl lg:text-5xl font-bold font-poppins leading-tight">
How to connect ChatGPT to the ActiveCampaign MCP Server
</h1>
</div>
<!-- Right: ChatGPT Logo -->
<div class="w-full lg:w-1/2 flex justify-center lg:justify-end mt-8 lg:mt-0">
<img src="https://files.readme.io/8a8fb97ec094d5a7c9f20e243c5901b0e33fe3b6e613535b23fc3cc9726c1eee-chatgptlogo.png"
alt="ChatGPT Logo"
class="w-64 h-auto object-contain bg-white p-4 rounded-xl shadow-lg shadow-cyan-500/50" />
</div>
</div>
</section>
<section class="px-4 py-16 bg-gray-100">
<div class="container mx-auto space-y-16">
<h2 class="text-3xl font-bold font-poppins text-center mb-12">
Custom MCP connections are available on any paid OpenAI account. <br> If you have a managed ChatGPT
account, please ask your administrator to set up and <br> approve this connection for your organization.
</h2>
<!-- Step 1 -->
<div class="flex flex-col md:flex-row items-center md:space-x-8 mb-12">
<div class="w-full md:w-2/3">
<img src="https://files.readme.io/36cbc5ca540f94c2e6139696fd941191acd887dadc761bb0885cc42312517d35-step1edit.png"
alt="Step 1" class="rounded-lg shadow-md w-full" />
</div>
<div class="w-full md:w-1/3 mt-6 md:mt-0">
<h3 class="text-xl font-bold font-poppins mb-2">Step 1</h3>
<p class="text-gray-600 pr-8">In your ActiveCampaign account, select ⚙️ Settings -> Developer</p>
<p class="text-gray-600 pr-8">Select <b>"Copy Url"</b> to copy your private MCP endpoint</p>
</div>
</div>
<!-- Step 2 -->
<div class="flex flex-col md:flex-row-reverse items-center md:space-x-8 mb-12">
<div class="w-full md:w-2/3">
<img src="https://files.readme.io/d9ab231c135e6cc811f421c9c7be8d0ddc960debf5e1d1974505c898f8bfdafd-chatgpt_1.png"
alt="Step 2" class="rounded-lg shadow-md w-full" />
</div>
<div class="w-full md:w-1/3 mt-6 md:mt-0">
<h3 class="text-xl font-bold font-poppins mb-2">Step 2</h3>
<p class="text-gray-600 pr-8">Open the <b>"Settings"</b> menu in ChatGPT </p>
</div>
</div>
<!-- Step 3 -->
<div class="flex flex-col md:flex-row items-center md:space-x-8 mb-12">
<div class="w-full md:w-2/3">
<img src="https://files.readme.io/6edc77d4b37acf08bf0d24d8b12958db44e7fac02edd63cec898321a0131453b-chatgpt_2.png"
alt="Step 3" class="rounded-lg shadow-md w-full" />
</div>
<div class="w-full md:w-1/3 mt-6 md:mt-0">
<h3 class="text-xl font-bold font-poppins mb-2">Step 3</h3>
<p class="text-gray-600 pr-8">Inside <b>"settings"</b>:</p>
<p class="text-gray-600 pr-8">Click <b>"Apps"</b> -> <b>"Advanced Settings"</b></p>
</div>
</div>
<!-- Step 4 -->
<div class="flex flex-col md:flex-row-reverse items-center md:space-x-8 mb-12">
<div class="w-full md:w-2/3">
<img src="https://files.readme.io/e4c1991323ed356c8ba4de489ca9ed0c29e108527bcf1e96956407092f035283-chatgpt_3.png"
alt="Step 4" class="rounded-lg shadow-md w-full" />
</div>
<div class="w-full md:w-1/3 mt-6 md:mt-0">
<h3 class="text-xl font-bold font-poppins mb-2">Step 4</h3>
<p class="text-gray-600 pr-8">Turn on <b>Developer Mode</b></p>
</div>
</div>
<!-- Step 5 -->
<div class="flex flex-col md:flex-row items-center md:space-x-8 mb-12">
<div class="w-full md:w-2/3">
<img src="https://files.readme.io/6e20de27ae4570d8cdd8ea391ab3569cc269c8cedf0947cb7bd83e63f8d35e92-chatgpt_4.png"
alt="Step 5" class="rounded-lg shadow-md w-full" />
</div>
<div class="w-full md:w-1/3 mt-6 md:mt-0">
<h3 class="text-xl font-bold font-poppins mb-2">Step 5</h3>
<p class="text-gray-600 pr-8">In the <b>Apps</b> menu, select <b>"Create app"</b>
</p>
</div>
</div>
<!-- Step 6 -->
<div class="flex flex-col md:flex-row-reverse items-center md:space-x-8 mb-12">
<div class="w-full md:w-2/3">
<img src="https://files.readme.io/aa7cf170e0e50db036acc903f95d37e32707bc7c8161b9add5e73e7519347f30-chatgpt_5.png"
alt="Step 6" class="rounded-lg shadow-md w-full" />
</div>
<div class="w-full md:w-1/3 mt-6 md:mt-0">
<h3 class="text-xl font-bold font-poppins mb-2">Step 6</h3>
<p class="text-gray-600 pr-8">Provide the following:</p>
<p class="text-gray-600 pr-8"><a
href="https://files.readme.io/a21f7ef528e369223000a68256d94e115626bfc67d0561bc56e7afb51eb6df0c-ActiveCampaign_Icon.jpg"
class="hover:underline"><b>Icon: </b> Optional, but we recommend this one</p></a>
<p class="text-gray-600 pr-8"><b>Name: </b> <em>ActiveCampaign</em></p>
<p class="text-gray-600 pr-8"><b>Description: </b><em>(Optional)</em></p>
<p class="text-gray-600 pr-8"><b>MCP Server URL: </b>Paste your private MCP endpoint you copied from
Step 1</p>
<p class="text-gray-600 pr-8"><b>Authentication: </b>Leave as <b>OAuth</b></p>
<p class="text-gray-600 pr-8">Once complete, select <b>"Create"</b></p>
</div>
</div>
<!-- Step 7 -->
<div class="flex flex-col md:flex-row items-center md:space-x-8 mb-12">
<div class="w-full md:w-2/3">
<img src="https://files.readme.io/1ec9ba295838d2213d0046b2b2510488b538c930291166d62eb5bdf36b2d57ed-chatgpt_6.png"
alt="Step 7" class="rounded-lg shadow-md w-full" />
</div>
<div class="w-full md:w-1/3 mt-6 md:mt-0">
<h3 class="text-xl font-bold font-poppins mb-2">Step 7</h3>
<p class="text-gray-600 pr-8">In the window that appears, authenticate with ActiveCampaign</p>
<p class="text-gray-600 pr-8">Select <b>"Allow"</b></p>
</div>
</div>
<!-- Step 8 -->
<div class="flex flex-col md:flex-row items-center md:space-x-8 mb-12">
<div class="w-full md:w-2/3">
<img src="https://files.readme.io/04fc1c0b7125ee5f5a08df68127811aec8de903b49caf4d8461405859ae0f9d3-chatgpt_7.png"
alt="Step 8" class="rounded-lg shadow-md w-full" />
</div>
<div class="w-full md:w-1/3 mt-6 md:mt-0">
<h3 class="text-xl font-bold font-poppins mb-2">Step 8</h3>
<p class="text-gray-600 pr-8">You should now see the ActiveCampaign MCP server is connected.
view.</p>
</div>
</div>
<!-- Step 9 -->
<div class="flex flex-col md:flex-row items-center md:space-x-8 mb-12">
<div class="w-full md:w-2/3">
<img src="https://files.readme.io/9b26e0d97b597348677770baf3791b21d3c364b81dabbe34e62f13f03f7da7bb-chatgpt_8.png"
alt="Step 9" class="rounded-lg shadow-md w-full" />
</div>
<div class="w-full md:w-1/3 mt-6 md:mt-0">
<h3 class="text-xl font-bold font-poppins mb-2">Step 9</h3>
<p class="text-gray-600 pr-8">In the ChatGPT prompt interface, click the <b>+</b> icon</p>
<p class="text-gray-600 pr-8">Select <b>"More"</b></p>
<p class="text-gray-600 pr-8">Select <b>ActiveCampaign</b></p>
</div>
</div>
<!-- Step 10 -->
<div class="flex flex-col md:flex-row items-center md:space-x-8 mb-12">
<div class="w-full md:w-2/3">
<img src="https://files.readme.io/8f1754ff0f2b98351359ff7c2aea59ca474c9d0a8c11b6461bece9da53d3ab30-chatgpt_9.png"
alt="Step 11" class="rounded-lg shadow-md w-full" />
</div>
<div class="w-full md:w-1/3 mt-6 md:mt-0">
<h3 class="text-xl font-bold font-poppins mb-2">Step 11</h3>
<p class="text-gray-600 pr-8">🎉 You may now ask ChatGPT questions about your ActiveCampaign
account! 🎉</p>
</div>
</div>
<h3 class="text-3xl font-bold font-poppins text-center mb-12">
After connecting to the ActiveCampaign MCP Server, your ChatGPT instance may show: <i>"This MCP server
can't be used by ChatGPT to search information..."</i> - Our MCP server is optimized for speed and reliability.
While it doesn’t include deep research capabilities, full functionality is available when Developer Mode is enabled.
</h3>
</div>
</section>
<!-- CTA -->
<section id="cta" class="py-24 pt-16 bg-acBlueDark2">
<div class="flex flex-col p-2 space-y-6">
<p class="text-xl lg:text-3xl font-bold font-poppins text-center text-white">
Need some inspiration?
</p>
<a href="https://developers.activecampaign.com/page/mcp-prompt-examples"
style="text-decoration: none !important;"
class="px-10 text-2xl py-3 mx-auto font-ibm text-white bg-black rounded-md shadow-md hover:text-black duration-200 hover:bg-white">
See some example prompts ▸
</a>
</div>
</section>
<!-- Footer -->
<footer class="py-16 bg-dusk">
<div class="container flex-flex-col items-center justify-between mx-auto space-y-16 md:flex-row md:space-y-0">
<div
class="flex flex-col items-center justify-between space-y-8 text-lg font-poppins md:flex-row md:space-y-0 md:space-x-14 text-grayishBlue">
<img src="https://files.readme.io/dd8a403-ActiveCampaign_Logo_White.png" alt="" class="mb-1" width="300"
height="100" />
<a href="https://www.activecampaign.com/about/careers"
class="font-light font-poppins uppercase hover:text-darkCoral1"
style="text-decoration: none !important;">Careers</a>
<a href="https://community.activecampaign.com/"
class="font-light font-poppins uppercase hover:text-darkCoral1"
style="text-decoration: none !important;">Community</a>
<a href="https://developers.activecampaign.com/reference/overview"
class="font-light font-poppins uppercase hover:text-darkCoral1"
style="text-decoration: none !important;">Documentation</a>
<div class="flex space-x-10">
<a href="https://www.facebook.com/activecampaign/">
<img src="https://files.readme.io/ead400e-icon-facebook.svg" alt="" class="h-6 ficon pl-6">
</a>
<a href="https://twitter.com/ActiveCampaign">
<img src="https://files.readme.io/32e0686-icon-twitter.svg" alt="" class="h-6 ficon pr-6">
</a>
</div>
</div>
</div>
</footer>
