HubSpot Integration

Overview

The Cloudinary integration for HubSpot lets you easily insert images and videos from your Cloudinary account directly into your HubSpot landing pages, blog posts, and emails using the HubSpot CMS editor. This allows you to leverage Cloudinary's asset management, transformation, and optimization capabilities for your HubSpot visuals.

Here's a sample landing page showcasing a Cloudinary image:

Setup

To get started with the HubSpot Integration, follow these steps:

1. Sign up for a Cloudinary account or log in to your existing account.
2. Make sure you have an active HubSpot account.
3. Sign up for a SpotDev account.
4. Log in to your new SpotDev account using the confirmation link sent to your email.
5. In SpotDev, find the invitation to the Cloudinary HubSpot Integration and click View dashboard.

   

6. In the Cloudinary Integration Dashboard, connect to your HubSpot account, then to your Cloudinary account.

   You'll need your Cloud Name, API Key, and API Secret credentials which you can find on the API Keys page of your Cloudinary Console Settings.

That's it—you’re connected! It may take a few minutes for your Cloudinary assets to finish importing into HubSpot. Once imported, you'll be able to easily insert optimized media for fast CDN delivery directly within the HubSpot platform.

Video tutorial

Watch this short video to learn how to install and use the HubSpot Integration:

Using the HubSpot Integration

To insert a Cloudinary image or video into your HubSpot content:

1. In HubSpot, select any content type from the Content icon in the left navigation menu.
2. Click Add to page to insert a module into your draft.
3. Search for Cloudinary to display the Cloudinary Media module.

   

4. Drag and drop the Cloudinary Media module into your draft.
5. Click Select from Cloudinary for HubSpot to access your Cloudinary assets.
6. Select Video or Image under Media type.
7. Browse or search for the asset you want, then click it to insert into your draft.

   

8. Click Apply changes to insert the asset.
9. Use the HubSpot CMS editor to adjust the asset’s appearance as needed.

   

10. When you're satisfied with the layout, publish as usual.

Disconnecting the integration

If you need to disconnect the Cloudinary HubSpot Integration:

1. Go to the Cloudinary Integration Dashboard.
2. Click Disconnect Cloudinary to remove your Cloudinary credentials from SpotDev.
3. CLick Disconnect HubSpot to unlink your HubSpot portal from SpotDev.