Back to Installing Your Chatbot

How to add a ChatGPT AI support agent to Hubspot CMS

You want to embed your custom trained AI support agent in your Hubspot CMS website page. Here's how to add an AI support agent to Hubspot CMS with SiteSpeakAI.

HubSpot CMS is a content management system (CMS) built directly into the HubSpot Marketing Hub and CRM. It allows marketers and businesses to create and manage website content – including pages, blog posts, and landing pages – without needing to rely on external platforms like WordPress. It’s tightly integrated with HubSpot’s other tools (email marketing, forms, sales, etc.), enabling a seamless workflow for content creation, personalization, and lead generation. It’s known for its ease of use, drag-and-drop interface, and focus on marketing automation.

Website URL: https://www.hubspot.com/cms

Add your AI support agent to your Hubspot CMS website

In SiteSpeakAI

Log into your SiteSpeakAI account and select your agent from the dropdown menu at the top, click on the Install Agent section in the sidebar, select the Javascript tab and then click on the Copy Code button to copy your agent code snippet. uploads/help-center/images/p1otOgL0k1rcrVHifjRNQXBaRVcXOGQPtLBXOBYT.png

In Hubspot CMS

  1. Log into your Hubspot CMS account and on the dashboard, click on Content in the left-side menu bar and select Website Pages uploads/help-center/images/y7dxzXu2pgz9jda93Um2lfdi5KGVLnk7X3T2FhQc.png

  2. Select the Website page you want to add your AI support agent button to uploads/help-center/images/TfHAqvk6CtYmF7KsUFg0IZgvQqAHz41wsYM4Hizj.png

  3. Click on Settings and select the Advanced item on the dropdown list uploads/help-center/images/R4PUztuMBz70Qz6ixWAuebEFaBSqbgfkvkkt3TCP.png

  4. On the Advanced settings page, under Additional code snippets, insert your snippet in the Head HTML (or the Footer HTML) box. Click on X (Close button) to close the Settings dialogue. Your snippet is saved automatically. uploads/help-center/images/7KESJBgkIUecUPqq4tEXGcOGfNng6vUzYJPjQzYU.png

  5. Your AI support agent button will now be displayed on your Hubspot CMS website page uploads/help-center/images/c9yJTIndc7EqCdRd8qayjJL85REdklNov1wBY9il.png

  6. If you click on the button it will display the AI support agent dialogue uploads/help-center/images/sOgQGR6OvtP4l1A8AhNPdOQKKexk1ql7R8GhEhwP.png

Your AI support agent has now been added to your Hubspot CMS website and your visitors can start interacting with it!

Need more help with SiteSpeakAI?

Not finding what you need? Reach out to our support team for help.

Contact Support

Ready to automate your customer service with AI?

Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.