Introduction
Getting Started
Get started with the HLC API by obtaining access credentials and making your first authenticated request.
Request API Access
To use the HLC API, you must first request access from your HLC sales representative:
- USA: [email protected]
- Canada: [email protected]
Once your account is approved for API access, you'll receive confirmation to proceed with token generation.
Generate an Access Token
After your account is enabled for API access, generate your access token through the HLC B2B web store:
- Log into www.hlc.bike
- Navigate to My Account → User Settings
- Select the External Services tab
- Click Generate Token
Access Not Visible?
If you don't see the External Services tab, contact support to enable it for your account:
- USA: [email protected]
- Canada: [email protected]
For complete token management instructions, see the Security guide.
API Base URLs
Select the appropriate base URL for your integration:
| Region | Base URL | API Version | Recommended |
|---|---|---|---|
| USA | https://api.hlc.bike/us/v3.0 | v3.0 | Legacy |
| Canada | https://api.hlc.bike/ca/v3.0 | v3.0 | Legacy |
| All Regions | https://api.hlc.bike/v4.0 | v4.0 | ✓ |
| All Regions | https://api.hlc.bike/v4.1 | v4.1 | ✓ Latest |
Version Recommendation
New integrations should use v4.1 for the latest features and improvements. Existing v3.0 integrations continue to work, but v4.x provides unified endpoints and enhanced functionality. See the Version Unification guide for details.
Make Your First Request
Test your API access by retrieving the brands catalog:
const apiUrl = 'https://api.hlc.bike/v4.1'
const apiKey = process.env.HLC_API_KEY
const response = await fetch(`${apiUrl}/Catalog/Brands`, {
headers: {
ApiKey: apiKey,
language: 'en',
},
})
if (!response.ok) {
throw new Error(`HTTP ${response.status}: ${response.statusText}`)
}
const brands = await response.json()
console.log(`Found ${brands.length} brands`)
console.log(brands[0]) // Display first brand
Expected Response
[
{
"id": 1,
"name": "SRAM"
},
{
"id": 2,
"name": "Shimano"
}
// ... additional brands
]