Forms
Capture leads and grow your audience with customizable forms. Embed them on your website or share as standalone pages, with automatic integration to your contact lists and workflows.
Overview
Oblic forms help you:
- Capture Leads: Collect contact information
- Grow Lists: Auto-add to contact lists
- Trigger Workflows: Start automation sequences
- Customize: Match your brand
Creating a Form
- Navigate to Forms
- Click Create Form
- Add fields
- Configure settings
- Publish and share
Form Fields
Built-in Fields
- Email (required): Email validation
- Name: First and last name
- Phone: Phone number with country code
- Company: Business name
- Message: Textarea for longer text
Custom Fields
Add any field type:
- Text Input: Single-line text
- Textarea: Multi-line text
- Number: Numeric input
- Date: Date picker
- Dropdown: Select from options
- Checkbox: Boolean yes/no
- Radio: Choose one option
- File Upload: Document/image upload
Field Settings
For each field:
- Label: Display text
- Placeholder: Hint text
- Required: Make mandatory
- Help Text: Additional guidance
- Validation: Custom rules
Form Design
Styling Options
Customize appearance:
Layout:
- Single column
- Two columns
- Multi-step forms
Colors:
- Background color
- Field colors
- Button colors
- Text colors
Typography:
- Font family
- Font sizes
- Font weights
Spacing:
- Padding
- Margins
- Field spacing
Brand Kit Integration
Apply your brand automatically:
- Use brand colors
- Use brand fonts
- Insert logo
- Apply global styles
Configure in Settings > Brand Kit.
Form Settings
General
- Form Name: Internal identifier
- Form Title: Displayed to users
- Description: Optional subtitle
- Submit Button Text: Customize CTA
Success Message
Configure what happens after submission:
- Show Message: Display thank you text
- Redirect URL: Send to another page
- Download File: Offer a lead magnet
Notifications
Get notified of submissions:
- Email Notifications: Send to your team
- Webhook: POST data to your system
- Slack/Teams: Channel notifications
Privacy
- GDPR Compliance: Consent checkbox
- Privacy Policy: Link to your policy
- Data Retention: Configure storage duration
Embedding Forms
Embed Options
Inline Embed:
<div data-oblic-form="YOUR_FORM_ID"></div>
<script src="https://web.oblic.app/forms.js"></script>
Popup:
<button data-oblic-form-popup="YOUR_FORM_ID">
Sign Up
</button>
<script src="https://web.oblic.app/forms.js"></script>
Standalone Page: Share the hosted form URL:
https://forms.oblic.app/YOUR_FORM_ID
Embed Settings
- Width: Full width or fixed
- Height: Auto or fixed
- Theme: Match website theme
- Animation: Slide, fade, none
Integrations
Contact Lists
Auto-add submissions to:
- One or more contact lists
- Specific segments (via tags)
- Dynamic lists based on form responses
Workflows
Trigger automations when form submitted:
- Go to Automations
- Create workflow with Form Submission trigger
- Select your form
- Add follow-up actions
Example workflow:
- Form submitted
- → Send welcome email
- → Wait 3 days
- → Send product tour
Webhooks
Send form data to external systems:
- Go to form settings
- Enable webhook
- Add webhook URL
- Configure payload format
CRM Integration
Connect to:
- Salesforce
- HubSpot
- Pipedrive
- Custom CRM (via API)
Form Analytics
Track performance:
- Views: Form impressions
- Submissions: Completed forms
- Conversion Rate: Views to submissions
- Field Completion: Drop-off points
- Time to Submit: Average completion time
Access analytics: Forms > [Your Form] > Analytics
Multi-step Forms
Break long forms into steps:
Benefits
- Higher completion rates
- Better user experience
- Collect partial data
- Progress indication
Creating Steps
- Enable multi-step in form settings
- Group fields into logical steps
- Add step titles
- Configure progress bar
Example steps:
- Step 1: Contact info
- Step 2: Company details
- Step 3: Preferences
Conditional Logic
Show/hide fields based on responses:
Use Cases
- Show "Company" only if "I'm a business" is checked
- Request phone only for "Call me" option
- Different questions for different audiences
Setting Up
- Select a field
- Click Add Condition
- Choose trigger field
- Set condition (equals, contains, etc.)
- Define action (show/hide)
Spam Protection
Built-in security:
- reCAPTCHA v3: Invisible bot protection
- Honeypot Fields: Catch spam bots
- Rate Limiting: Prevent abuse
- Email Validation: Verify real emails
Best Practices
Ask only for essential information. More fields = lower completion rate.
Use descriptive labels and helpful placeholder text.
Design for mobile devices first, most users will submit from phones.
Submit test entries to verify all integrations work correctly.