Migrating from Getform to Kollect

Switch from Getform to Kollect and unlock unlimited submissions, more integrations, and better features. This guide walks you through the entire migration process.

Why Developers Choose Kollect Over Getform

• No Submission Limits: Unlimited submissions on all paid plans
• Unlimited Forms: Create as many forms as you need
• API Access: Full REST API for programmatic access
• More Integrations: 20+ integrations vs basic email notifications
• Better Webhooks: Advanced webhook support with retries
• Custom Domains: Use your own domain for endpoints

Quick Migration Checklist

• Create Kollect account
• Create forms in Kollect
• Update form action URLs
• Configure email notifications
• Set up integrations
• Test submissions
• Go live!

Detailed Migration Steps

1. Sign Up for Kollect

Visit kollect.app/sign-up  and create your free account.

2. Create Your Forms

For each Getform form:

1. Click Create Form in Kollect dashboard
2. Name your form (e.g., “Contact Form”, “Newsletter Signup”)
3. Copy your unique endpoint URL

3. Update Your HTML Forms

The migration is as simple as changing the action URL:

Before (Getform):

<form action="https://getform.io/f/YOUR_FORM_ID" method="POST">
  <input type="text" name="name" />
  <input type="email" name="email" />
  <button type="submit">Submit</button>
</form>

After (Kollect):

<form action="https://kollect.app/f/YOUR_FORM_KEY" method="POST">
  <input type="text" name="name" />
  <input type="email" name="email" />
  <button type="submit">Submit</button>
</form>

4. JavaScript/AJAX Forms

Before (Getform):

fetch('https://getform.io/f/YOUR_FORM_ID', {
  method: 'POST',
  body: formData
})
.then(response => response.json())
.then(data => console.log('Success:', data));

After (Kollect):

fetch('https://kollect.app/f/YOUR_FORM_KEY', {
  method: 'POST',
  body: formData
})
.then(response => response.json())
.then(data => console.log('Success:', data));

5. React Integration

Before (Getform):

function ContactForm() {
  const handleSubmit = async (e) => {
    e.preventDefault();
    await fetch('https://getform.io/f/YOUR_FORM_ID', {
      method: 'POST',
      body: new FormData(e.target)
    });
  };
 
  return <form onSubmit={handleSubmit}>{/* fields */}</form>;
}

After (Kollect):

function ContactForm() {
  const handleSubmit = async (e) => {
    e.preventDefault();
    await fetch('https://kollect.app/f/YOUR_FORM_KEY', {
      method: 'POST',
      body: new FormData(e.target)
    });
  };
 
  return <form onSubmit={handleSubmit}>{/* fields */}</form>;
}

6. Configure Email Notifications

Unlike Getform’s basic email forwarding, Kollect offers:

• Custom email templates
• Multiple recipients
• Autoresponders
• Conditional notifications

To set up:

1. Open your form in Kollect dashboard
2. Go to Notifications tab
3. Add recipient emails
4. Customize template (optional)
5. Enable autoresponders if needed

7. Set Up Advanced Integrations

Kollect provides integrations that Getform doesn’t:

Webhooks

{
  "url": "https://your-api.com/webhook",
  "method": "POST",
  "headers": {
    "Authorization": "Bearer YOUR_TOKEN"
  }
}

Slack

Connect your Slack workspace and choose a channel for notifications.

Google Sheets

Automatically append submissions to a spreadsheet.

Mailchimp

Add form submitters to your mailing lists automatically.

8. File Upload Configuration

Both services support file uploads. In Kollect:

<form action="https://kollect.app/f/YOUR_FORM_KEY" 
      method="POST" 
      enctype="multipart/form-data">
  <input type="file" name="attachment" accept=".pdf,.doc,.docx" />
  <button type="submit">Upload</button>
</form>

Configure max file size and allowed types in your form settings.

9. Spam Protection

Kollect includes:

• Built-in spam filtering
• reCAPTCHA v2 and v3 support
• Honeypot fields
• Rate limiting

Enable in Security settings.

Feature-by-Feature Comparison

Export Existing Submissions

To preserve your Getform data:

1. Export submissions from Getform (CSV)
2. Import into Kollect via dashboard or API
3. Or keep Getform account read-only for archives

Advanced: API Migration

If you’re using Getform’s API (if available), migrate to Kollect’s REST API:

Kollect API Example:

// List submissions
const response = await fetch('https://api.kollect.app/forms/YOUR_FORM_ID/submissions', {
  headers: {
    'Authorization': 'Bearer YOUR_API_KEY'
  }
});
 
const submissions = await response.json();

Testing Your Migration

Before removing Getform:

1. ✅ Submit test form
2. ✅ Verify submission in dashboard
3. ✅ Check email notifications
4. ✅ Test file uploads
5. ✅ Verify webhooks fire
6. ✅ Test on production

Troubleshooting

Submissions not appearing?

• Check form endpoint URL is correct
• Verify method is POST
• Check browser console for errors

Emails not sending?

• Verify recipient emails in settings
• Check spam folder
• Ensure notifications are enabled

File uploads failing?

• Check file size limits
• Verify enctype="multipart/form-data" is set
• Check allowed file types

Get Help

Need assistance?

• 📧 support@kollect.app
• 💬 Live chat in dashboard
• 📚 Full documentation 

Next Steps

• Configure webhooks
• Set up integrations
• Explore the API
• Add spam protection