Migrating from Formspree to Kollect

This guide will help you migrate your forms from Formspree to Kollect in minutes. The process is straightforward and requires minimal code changes.

Why Switch to Kollect?

• Unlimited Submissions: No monthly submission limits
• More Integrations: Access to 20+ integrations vs limited options
• Better API Access: Full REST API included in all plans
• Custom Domains: Use your own domain for form endpoints
• Better Value: More features at competitive pricing

Migration Steps

Step 1: Create a Kollect Account

1. Sign up for a free account at kollect.app/sign-up 
2. Verify your email address
3. Log in to your dashboard

Step 2: Create Your Forms

For each Formspree form you want to migrate:

1. Click Create Form in your Kollect dashboard
2. Give your form a descriptive name
3. Copy the generated endpoint (e.g., https://kollect.app/f/YOUR_FORM_KEY)

Step 3: Update Your Form Code

HTML Forms

Before (Formspree):

<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
  <input type="text" name="name" required />
  <input type="email" name="email" required />
  <textarea name="message" required></textarea>
  <button type="submit">Send</button>
</form>

After (Kollect):

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

React/Next.js Forms

Before (Formspree):

const handleSubmit = async (e) => {
  e.preventDefault();
  const response = await fetch('https://formspree.io/f/YOUR_FORM_ID', {
    method: 'POST',
    body: new FormData(e.target),
    headers: {
      'Accept': 'application/json'
    }
  });
};

After (Kollect):

const handleSubmit = async (e) => {
  e.preventDefault();
  const response = await fetch('https://kollect.app/f/YOUR_FORM_KEY', {
    method: 'POST',
    body: new FormData(e.target)
  });
};

Step 4: Configure Email Notifications

1. Go to your form settings in the Kollect dashboard
2. Navigate to the Notifications tab
3. Add recipient email addresses
4. Customize your email template (optional)
5. Save your settings

Step 5: Set Up Integrations

Kollect offers more integrations than Formspree:

• Slack: Get notifications in your Slack channels
• Discord: Send submissions to Discord
• Google Sheets: Auto-append to spreadsheets
• Mailchimp: Add submitters to mailing lists
• Webhooks: Send data to any endpoint

Configure these in the Integrations tab of your form settings.

Step 6: Migrate Form Data (Optional)

If you need to preserve your historical form submissions:

1. Export your Formspree submissions (CSV format)
2. Contact Kollect support for bulk import assistance
3. Alternatively, keep your Formspree account read-only for historical data

Step 7: Test Your Forms

Before going live:

1. Submit a test form submission
2. Verify it appears in your Kollect dashboard
3. Check that email notifications are working
4. Test any integrations you’ve set up

Feature Comparison

Common Questions

Do I need to change my field names?

No! Kollect accepts any field names, just like Formspree.

Will my redirect URLs still work?

Yes. You can configure redirect URLs in your form settings or use the _redirect field in your form.

Can I use AJAX submissions?

Absolutely! Kollect supports both traditional form submissions and AJAX/fetch requests.

What about spam protection?

Kollect includes built-in spam protection. You can also enable reCAPTCHA in your form settings.

Getting Help

If you need assistance with migration:

• 📧 Email: support@kollect.app
• 💬 Live chat: Available in the dashboard
• 📚 Documentation: docs.kollect.app 

Next Steps

• Set up webhooks
• Configure integrations
• Explore the API