HubSpot Cookie Banner: How to Add a Cookie Banner on HubSpot with iubenda

Adding a HubSpot cookie banner to your website is easy with iubenda’s Privacy Controls and Cookie Solution. Just follow these steps, and you’ll have it up and running in no time!

How do I add a cookie banner in HubSpot?

To add a cookie banner in HubSpot, you simply create a JavaScript file with the iubenda code, attach it to your site’s template, and include it on all relevant pages.

Here’s the step-by-step process ⬇️

Step 1: Create a New JavaScript File for the iubenda Privacy Controls and Cookie Solution

1. Go to Your HubSpot Account:

• Click on Marketing then Design Tools.

2. Create a New File:

• In the sidebar, click File > New file. (You might need to click the folder icon first.)
• Choose JavaScript from the “What would you like to build today?” dropdown.
• Click Next.

3. Name Your File:

• Type in a name for your script in the File name field.

4. Select File Location:

• Click Change in the File location section and pick a folder.
• Click Create.

5. Enter the iubenda Code:

• Paste the iubenda Privacy Controls and Cookie Solution code into the editor.
• If ESLint shows warnings or errors, use the Show output switch to see them.
• Click Publish changes when you’re done.

Step 2: Attach the iubenda Privacy Controls and Cookie Solution to a Template

1. Find Your Template:

• Use the finder on the left to pick the template you want to update.

2. Edit Template:

• In the inspector on the right, click the Edit tab.
• Under Linked JavaScript files, click Add and select your iubenda script.
• Click Publish changes to finish.

Step 3: Include the iubenda Privacy Controls and Cookie Solution on HubSpot Pages

1. Accessing the File’s Public URL:

• Find your script in the sidebar and click Actions > Copy public URL.

2. Add Script to All Pages on a Domain:

• Go to Settings: Click the settings icon in the main navigation bar.
• Navigate to Your Site’s Pages: Choose Website > Pages in the sidebar.
• Select Your Domain: Use the dropdown to pick a domain or set it for all domains.
• Add Your Script: In Site footer HTML, paste the script tag with your public URL.



Example:

<!-- start iubendaCookieSolution.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End iubendaCookieSolution.js-->

• Click Save.

3. Add Script to an Individual Page:

• Edit Your Page: Go to Marketing > Website > Website Pages or Landing Pages. Hover over a page and click Edit.
• Page Settings: Click the Settings tab, then Advanced options.
• Insert Your Script: In Footer HTML, paste the script tag with your public URL.



Example:

<!-- start iubendaCookieSolution.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End iubendaCookieSolution.js-->

• Click Update in the upper right to apply your changes.

That’s it! You’ve successfully added a cookie banner to your HubSpot site using iubenda.

FAQs

See also

• How to add Terms and Conditions on HubSpot
• How to add a Privacy Policy on HubSpot
• HubSpot Analytics and the GDPR – How to be compliant
• Consent Database for Hubspot