How to Build a CRM-Connected Lead Capture Form in 60 Seconds
Salesforce integration is in development
FlexForm connects to HubSpot natively today. This guide shows the full workflow with HubSpot. The Salesforce connector follows the same pattern and will be updated here when it launches.
Most CRM lead capture setups involve three systems: a form builder, a Zapier account, and your CRM. The form collects the data, Zapier passes it to the CRM (with a 1–15 minute delay), and the CRM creates the record. This guide shows a faster path: FlexForm generates the entire form from a plain-English description and connects directly to HubSpot's API — no Zapier, no middleware, contacts created in under 2 seconds.
What you'll need
- A FlexForm account (free tier works)
- A HubSpot account
- About 10 minutes
The 9-step process
- 1
Sign in and open the form builder
Go to flexform.ai and sign in with Google. From the dashboard, click "New Form." You'll see the AI generation dialog — this is where the whole process starts.
- 2
Describe your lead capture form in plain English
Type a description like: "Lead capture form for enterprise SaaS prospects. Collect first name, last name, work email, company name, company size (dropdown: 1-10, 11-50, 51-200, 200+), and what they're interested in (multi-select: CRM integration, workflow automation, mobile SDK). Create a HubSpot contact on submit." FlexForm's AI reads the intent — field types, validation, and the CRM mapping are inferred automatically.
- 3
Review the AI-generated form
In under 10 seconds, FlexForm generates a complete form: short-answer fields for name, an email field with validation, dropdowns and multi-select fields configured correctly, and a cover page with your heading. Review the fields in the editor. You can add, remove, or reorder by describing the change in the AI chat — "make company size required" or "add a phone number field after email."
- 4
Connect HubSpot and map fields
Open the Integrations panel and connect your HubSpot account. FlexForm authenticates via OAuth — no API keys required. Once connected, click "Map Fields." FlexForm suggests mappings automatically: First Name → contact.firstname, Company → contact.company, Work Email → contact.email. Review and adjust. The company size dropdown can map to a custom contact property if you have one configured.
- 5
Set contact creation and update rules
In the HubSpot integration settings, choose whether new submissions create new Contact records, update existing ones (matched by email), or both. You can also set a lifecycle stage (e.g., "Lead") and associate the contact with a deal or company. If you have HubSpot workflows configured, new contacts trigger them automatically — the same as any other lead source.
- 6
Add a Slack notification for your sales team
In the Automations panel, add a "Send Slack message" action. Choose the channel (e.g., #new-leads) and configure the message template. FlexForm includes a default template that formats lead details clearly — company name, email, size, and interests. This fires within 1–2 seconds of submission, so your team can respond while the prospect is still warm.
- 7
Test the full flow with a sample submission
Click "Preview" to open the live form in a new tab. Fill it out with test data and submit. Return to the dashboard — under Responses, you'll see the submission logged immediately. Check HubSpot: a new Contact should appear within 2–3 seconds with all fields populated. Check the Slack channel for the notification.
- 8
Publish and get your shareable link
When the test passes, click "Publish." FlexForm generates a shareable URL at flexform.ai/f/[your-form-id]. This link is ready to paste into emails, LinkedIn messages, or your marketing campaigns. The form is live immediately — no deployment step.
- 9
Embed the form on your website
For website embedding, open the "Embed" tab in your form settings. Copy the one-line script tag and paste it into your site's HTML before the closing </body> tag. Add a div with the data-flexform-id attribute where you want the form to appear. The embed supports four modes: inline, popup, slider, and fullscreen. All modes submit to the same HubSpot integration.
Why skip Zapier for CRM forms?
The standard Zapier approach works, but it has three real costs. First, latency: Zapier's free tier polls every 15 minutes; paid tiers poll every 1–2 minutes at best. A lead who fills out your form and gets a sales email 10 minutes later is a colder lead than one who gets a message within 30 seconds. Second, cost: a Zapier Pro plan costs $49–$69/month on top of your CRM license. Third, maintenance: when you change a form field, you also have to update the Zap field mapping or submissions silently fail.
Direct API integration solves all three. FlexForm maintains the HubSpot connection, syncs field mappings automatically when you edit the form, and writes records directly — no polling loop, no third billing account.
Embedding options
Once your form is published, you have four embed modes for websites:
- Inline:Renders the form directly in your page content. Good for dedicated landing pages.
- Popup:Shows the form in a modal when a button is clicked. Good for header CTAs.
- Slider:Slides in from the right edge of the screen. Good for exit-intent triggers.
- Fullscreen:Takes over the full browser window. Good for high-intent conversion pages.
Frequently asked questions
Does FlexForm connect to HubSpot natively?
▾
Yes. FlexForm connects directly to HubSpot's API using OAuth authentication. There is no middleware, no Zapier account required. Submissions create or update HubSpot Contact records in 1–2 seconds.
Does FlexForm connect to Salesforce?
▾
Salesforce integration is in active development. Today, FlexForm connects natively to HubSpot, Slack, and Google Sheets. When Salesforce support launches, the setup will follow the same pattern: OAuth connection, AI-suggested field mapping, and direct API writes without middleware.
Can FlexForm update existing HubSpot contacts instead of creating new ones?
▾
Yes. In the HubSpot integration settings, you can match incoming submissions to existing Contact records by email address. If a match is found, FlexForm updates the existing record. If no match is found, it creates a new Contact.
How long does it take to build a CRM-connected lead form with FlexForm?
▾
From opening the form builder to a live, HubSpot-connected form: approximately 60 seconds for AI generation, 2–3 minutes for field mapping and integration setup, and 2 minutes to test. Total: under 10 minutes. Compare this to manually building the same form, setting up a Zapier zap, and testing the integration — which typically takes 1–2 hours.
Build your CRM lead form now
Describe it in plain English. FlexForm generates the form and maps it to HubSpot in under 60 seconds.
Try FlexForm Free →