Installing AllAccessible on HubSpot
Overview
Add the AllAccessible accessibility widget to your HubSpot-hosted website by pasting a small code snippet into your domain's site header settings. Once installed, the widget appears on every page served from that HubSpot domain, and AllAccessible's automatic, agentic AI adjustments begin working in the background. This guide walks through the exact HubSpot steps.
Who This Is For
Businesses running their website on HubSpot CMS
Marketers managing HubSpot landing pages and website pages
Anyone with permission to edit HubSpot website settings
What You'll Learn
Where to find your AllAccessible Account ID
How to add the widget snippet to HubSpot's site header
How to verify the widget is live
Before You Start
Requirements:
✅ An AllAccessible account
✅ Admin access to your HubSpot website settings
✅ A HubSpot-connected domain
Time Required: About 5 minutes
Step 1: Get Your Account ID and Snippet
Log in to app.allaccessible.org
Go to the How to Install AllAccessible page
Under Manually Install Code, copy the value shown for Your Account ID
Copy the full installation snippet (there's a Copy button next to it)
Your snippet looks like this, with your real Account ID in place of YOUR_ACCOUNT_ID:
<script>
(function(d) {
var s = d.createElement("script");
s.setAttribute("data-accessible-account-id", "YOUR_ACCOUNT_ID");
s.setAttribute("id", "allAccessibleWidget");
s.async = true;
s.setAttribute("src", "https://api.allaccessible.org/widget/YOUR_ACCOUNT_ID.js");
d.head.appendChild(s);
})(document)
</script>
📷 Account ID and copyable install snippet on the AllAccessible install page
Step 2: Add the Snippet to Your HubSpot Domain
These steps add the widget to all content hosted on your HubSpot domain:
In your HubSpot account, click the settings icon in the main navigation bar
Navigate to Website > Pages
Click the Choose a domain to edit its settings dropdown and select your domain
Click Override default settings in the Site Header HTML section
Paste the code snippet from Step 1 into the header section
Click Save to apply your changes
📷 HubSpot Site Header HTML field with the snippet pasted in
Tip: Adding the snippet at the domain level means it applies to every page on that domain automatically — you don't need to edit individual pages.
Step 3: Verify the Widget Is Live
Visit your HubSpot website's public URL (not the editor)
Look for the accessibility button, by default in the bottom-right corner
Click it to open the accessibility menu
Try a control, such as increasing text size
If you don't see the button:
Confirm the snippet was pasted into the Site Header HTML for the correct domain and that you clicked Save
Hard-refresh the page (Cmd+Shift+R / Ctrl+Shift+R) or open it in a private window
Check that your Account ID in the snippet matches the one shown in your dashboard
Troubleshooting
Widget doesn't appear
Wrong domain: HubSpot header settings are per-domain. Make sure you edited the domain your visitors actually use.
Snippet not saved: Reopen the domain's Site Header HTML and confirm the snippet is still there.
Cache: Clear your browser cache and retry in a private window.
Installed but no data in your dashboard
If the widget shows but your dashboard has no stats, your site may not be connected to your account yet. Make sure the Account ID in the snippet is the one from your AllAccessible dashboard. If you still see no data, contact support with your Account ID and domain.
Multiple HubSpot domains
Each domain needs the snippet added to its own Site Header HTML. One AllAccessible account can serve multiple domains.
Frequently Asked Questions
Q: Do I have to add the code to every HubSpot page?
A: No. Adding it to the domain's Site Header HTML applies it to all pages on that domain.
Q: Will this slow down my HubSpot site?
A: The widget loads asynchronously, so it doesn't block your page from rendering.
Q: Can I customize the widget after installing?
A: Yes. Appearance, position, colors, and behavior are all managed in Widget Settings in your AllAccessible dashboard — not in the HubSpot snippet.
Q: Where should the snippet go — header or footer?
A: For HubSpot, use the domain's Site Header HTML field as described above.
Related Articles
Universal JavaScript Installation - General snippet-based install for any platform
Widget Customization Overview - Customize appearance and behavior
Changing Widget Position - Move the button to another corner
Verifying Your Installation - Confirm the widget is working
Last Updated: July 2026
Installation Method: HubSpot Site Header HTML
Difficulty: Easy