Lead Capture
The Lead Capture component displays a form to capture customer leads and associate them with an affiliate.
Usage
<fluid-lead-capture></fluid-lead-capture>
Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
hide-widget | boolean | false | Whether to hide the component |
class-name | string | — | Additional CSS classes |
primary-color | string | — | Primary color for styling |
secondary-color | string | — | Secondary color for styling |
Form Options
| Attribute | Type | Default | Description |
|---|---|---|---|
show-name | boolean | true | Show name field |
show-phone | boolean | false | Show phone field |
require-phone | boolean | false | Make phone field required |
button-text | string | 'Submit' | Submit button text |
success-message | string | — | Message shown after successful submission |
Examples
Basic Lead Form
<fluid-lead-capture></fluid-lead-capture>
With Phone Field
<fluid-lead-capture show-phone="true" require-phone="true" ></fluid-lead-capture>
Custom Styling
<fluid-lead-capture primary-color="#4F46E5" secondary-color="#1F2937" button-text="Get Started" success-message="Thanks! We'll be in touch soon." ></fluid-lead-capture>
JavaScript API
// Capture a lead programmatically await window.FairShareSDK.captureLead({ email: "customer@example.com", name: "John Doe", phone: "+1234567890" });
Related
- captureLead — Capture leads programmatically
- Attribution — Display attribution information