HubSpot CMS Integration

Why HubSpot

HubSpot CMS combines website creation with the power of a CRM platform to customize the buying journey for every visitor.

Why PinMarks?

With PinMarks, collecting visual feedback and bug reports on your HubSpot site takes minutes, not hours of developer time. Every report — screenshot, console logs, and page context included — lands directly in your PinMarks dashboard.

How to add PinMarks to HubSpot

Unlike some tools, PinMarks doesn't require hosting a custom JavaScript file in HubSpot's Design Manager — the widget loads from a single script tag, so you can paste it directly into a Footer HTML field.

• Within app.pinmarks.io, open your project's Settings → Widget Installation → Code snippet tab and click Copy code.

<script src="https://app.pinmarks.io/widget.js" data-project="YOUR_API_KEY"></script>

Add the PinMarks widget to an individual page

• In your HubSpot account, navigate to Marketing → Website → Website Pages (or Landing Pages).
• Hover over the page you want to edit, then click Edit.
• In the page editor, click the Settings tab.
• Click Advanced options.
• In the Footer HTML section, paste the snippet from the previous step.
• In the upper right, click Update to publish the change.

You should now see the feedback button on that page.

Add the PinMarks widget to all pages

• In your HubSpot account, click the settings icon in the main navigation bar.
• In the left sidebar menu, navigate to Website → Pages.
• Choose the domain you want to edit, then scroll to Site footer HTML and paste the snippet.
• Click Save.

You should now see the widget on every page of that domain.

Still having issues?

Email us at support@pinmarks.io and we'll help you get set up.