Tutorial: Connect ActiveCampaign MCP Server to Claude
<!-- 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 Claude to the ActiveCampaign MCP Server
</h1>
</div>
<!-- Right: Claude 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/63bac78a41f770fb99cc131321b441527b365be77ebd5f3da85022bf11392e98-claude_logo2.svg"
alt="Claude 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">
If you have a corporate Claude account,
your Claude administrator will first need to connect and 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 ⚙️ <b>Settings</b> -> <b>Developer</b></p>
<p class="text-gray-600 pr-8">Copy your Remote MCP URL – this is unique to your account.</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/8707e39acc13bd02cfb458d69d871196b8e28fecc2383e554020e392d450e85c-claude_step-2-3.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">Inside Claude Desktop, navigate to <b>"Settings"</b></p>
<p class="text-gray-600 pr-8">Click <b>"Connectors"</b></p>
<p class="text-gray-600 pr-8">Click <b>"Browse Connectors"</b></p>
<p class="text-gray-600 pr-8">Click ActiveCampaign and click <b>“Connect”</b>.</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/dab2ee8991b50a845ea311eed7a537bd6d0445ab8ba7b981f1d8aa36a6b5e6bd-claude_step-4.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">Paste your private MCP MCP URL you copied from <b>Step 1</b></p>
<p class="text-gray-600 pr-8">Click <b>"continue"</b></p>
</div>
</div>
<!-- Final -->
<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/7adafa68c0915b93f6dbbbe8c39e6564d84ebe6b4117bb8c5b16b4b51dc4e5dd-claude_step-5.png"
alt="Successfully Connected" class="rounded-lg shadow-md w-full" />
</div>
<div class="w-full md:w-1/3 mt-6 md:mt-0">
<p class="text-gray-600 pr-8">You’ll be guided through providing your ActiveCampaign login credentials and approving this connection.</p>
<h3 class="text-xl font-bold font-poppins mb-2">🎉 <b>You're done!</b> 🎉</h3>
<p class="text-gray-600 pr-8">Open a new Claude chat and start prompting!
</p>
</div>
</div>
</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> 