Guides
How to Sync HTML Forms to HubSpot Without Code
Most HubSpot users rely on HubSpot's own form builder or complex Zapier workflows to get lead data into their CRM. But what if you could keep your existing forms — your design, your UX, your code — and have submissions sync to HubSpot automatically?
That's exactly what 1DB does.
The problem with HubSpot forms
HubSpot's embedded forms work, but they come with trade-offs:
- Styling limitations — HubSpot forms look like HubSpot forms. Customizing them to match your brand requires CSS overrides.
- JavaScript dependency — The HubSpot tracking script adds weight to your page and can conflict with other scripts.
- Limited form logic — Multi-step forms, conditional fields, and custom validation are harder to implement.
If you've built a custom form (or use a framework like React, Vue, or Svelte), you're stuck with two options: rebuild in HubSpot or manually export and import data.
A better approach: form capture + sync
With 1DB, the approach is different:
- Keep your existing forms — Any HTML form works, in any framework
- Capture submissions to 1DB — Add a data attribute, and submissions flow in
- Sync to HubSpot in real-time — Leads appear as HubSpot contacts within seconds
Step 1: Add the data attribute
<form data-1db="your-project-id" action="/thank-you" method="POST">
<input type="text" name="name" placeholder="Your name" required />
<input type="email" name="email" placeholder="Email" required />
<input type="text" name="company" placeholder="Company" />
<button type="submit">Get started</button>
</form>
That's it. No SDK to install, no JavaScript to write.
Step 2: Connect HubSpot
In your 1DB dashboard, go to Settings → Integrations → HubSpot and click Connect. OAuth handles the rest — no API keys to manage.
Step 3: Map fields
1DB automatically maps common fields like name, email, and company to their HubSpot equivalents. Custom fields can be mapped in the field mapping UI.
What gets synced?
Every form submission creates or updates a HubSpot contact with:
- All form field values (mapped to HubSpot properties)
- UTM parameters (source, medium, campaign) for attribution
- Submission timestamp and source URL
- Custom properties you define
Sync is bi-directional — changes in HubSpot flow back to 1DB, keeping everything in sync.
Compared to alternatives
| Approach | Setup time | Maintenance | Real-time | Bi-directional | |----------|-----------|-------------|-----------|----------------| | HubSpot forms | Medium | Low | Yes | N/A | | Zapier | High | High | Delayed | No | | Manual import | None | Very high | No | No | | 1DB | Minutes | None | Yes | Yes |
Get started
1DB is free for up to 1,000 leads per month. Sign up and connect your first form in under 5 minutes.