Integration Steps

HubSpot is a popular CRM and marketing platform. Here's how to add your Cloudpresser AI chatbot:

Method 1: Add to All Content on a Domain

Follow these steps to add your chatbot to all pages on your HubSpot website:

Get your chatbot code:
- Go to your Cloudpresser AI Chat dashboard
- Select the chatbot you want to integrate
- Click on the "View Code" or "Integration" button
- Copy the provided code snippet
Add the code to your HubSpot site:
- In your HubSpot account, click the settings icon (gear) in the top navigation bar
- In the left sidebar menu, navigate to Content > Pages
- In the upper left, click the Choose a domain to edit its settings dropdown menu and select your domain
- To apply the code to all HubSpot-hosted content, select Default settings for all domains
- In the Site Header HTML section, paste your chatbot code
- In the bottom left, click Save to apply your changes

<!-- Cloudpresser AI Chat Integration -->
<script src="https://cloudpresserai.com/chatbot-widget.js" data-chatbot-id="YOUR_CHATBOT_ID" async></script>

Tip: To edit the header for a specific domain, click Override default settings in the Site Header HTML section. Code added to the default settings will no longer apply to this domain's content.

Method 2: Add to a Specific Page

If you want to add the chatbot to only specific pages:

Navigate to your content:
- For Website Pages: Navigate to Content > Website Pages
- For Landing Pages: Navigate to Content > Landing Pages
- For Blog: Navigate to Content > Blog
- For Knowledge Base: Navigate to Service > Knowledge Base
Add the code to a specific page:
- Click the name of your content
- In the content editor, click the Settings menu and select Advanced
- In the Additional code snippets section, enter your chatbot code into the Head HTML field
- To take your changes live, click Publish or Update in the top right

<script src="https://cloudpresserai.com/chatbot-widget.js" data-chatbot-id="YOUR_CHATBOT_ID" defer></script>

Replace YOUR_CHATBOT_ID with your actual chatbot ID from the Cloudpresser dashboard.

HubSpot Subscription Considerations

Available with All Products and Plans

The ability to add code snippets to HubSpot content is available with all HubSpot products and plans, though specific editing options may vary depending on your subscription.

Footer HTML Limitations

Note that the footer HTML field is not available for blog posts or knowledge base articles, only for website and landing pages.

Troubleshooting

Chatbot not appearing on the site

Ensure the code was added correctly. Try refreshing your browser cache or viewing in an incognito window. Also, check if you have any other chat widgets that might be conflicting.

Changes not reflecting immediately

HubSpot sometimes caches your site. Try clearing your browser cache or waiting a few minutes for changes to appear.

Need Help?

If you're experiencing issues with the HubSpot integration, please contact our support team at [email protected].

HubSpot Integration Guide