For developers, website creators and marketers

From contact forms to lead forms, in 2 lines.

Compatible with 100+ platforms including:

Next.js
React
HTML
Webflow
WordPress
Framer
Wix
Squarespace
Lovable

Try a live form, not a screenshot

This is a real Collectform form, running on this page with no iframe. Edits go live without a redeploy, and spam stays out of your inbox.

index.html
<script type="module" src="https://cdn.collectform.com/collectform.js"></script><collectform-embed form-id="dgrvkn36prcz9sn"></collectform-embed>

Works the same in WordPress, Webflow, Framer, Wix, Squarespace or anywhere else you can paste HTML.

The new way to create a form

No API route, no email provider, no plugin and no iframe. Design it once, paste it anywhere, and change it whenever you like.

01

Design it without code

Start from a template or a blank form. Drag in your questions, add logic, then match your site's fonts and colors.

02

Paste 2 lines

Copy the snippet into any page, component or site builder. The form renders right in your page, with no iframe.

03

Hit Publish

Your form is live. Later changes appear on the next page load, with no commit and no redeploy.

The difference

Why stop building forms?

A form is a small job until it needs everything around it. That part is already done for you here.

Building it yourself

  • A backend to write and maintain
  • Validation and error states to code by hand
  • Multi-step state and branching logic to manage
  • An email provider to set up and monitor
  • A code change and redeploy for every new field
  • Pixel, Conversions API, hashing and dedupe to wire up
  • A consent banner and tracking gates to build

Collectform

  • Hosted backend, nothing to maintain
  • Required field, email and phone validation included
  • Multi-step forms and logic, with no code
  • Email alerts for your team, plus optional auto-replies
  • Edits go live when you hit Publish
  • Meta and TikTok server-side tracking built in
  • Consent banner built in, one setting to turn on

Made for whoever is building the site

Whether you write code, use a website builder or run the ads, it's the same form and the same 2 lines.

Developers

Skip the form plumbing and get back to your product.

  • No API route, Server Action or email provider
  • A web component for Next.js, React or plain HTML
  • Marketers can edit the form without a pull request
See the Next.js setup

Website creators

Give every site a better form, on any platform.

  • Works on Webflow, WordPress, Framer, Wix, Squarespace and Lovable
  • Match each site's fonts, colors and logo
  • Change a question without republishing the site
Browse the templates

Marketers and advertisers

Tell your ad platforms which conversions matter.

  • Meta Conversions API and TikTok Events API built in
  • Hashed emails and phones, deduplicated with your Pixel
  • Fire a different event from each button
See the integrations

Everything you'd otherwise have to build

A form looks small until it needs all of this. It's already here.

Multi-step forms

One question at a time, with a progress bar, back button and autosave.

Logic builder

Branch on answers, jump between steps, calculate values and show results.

20 input types

Text, email, phone, address, dates, ratings, matrix, image choice, signature, swipe cards and more.

Validation

Required fields and email, phone, URL and number checks, plus optional email verification.

Email alerts and auto-replies

Get each response in your inbox and send people a confirmation.

Webhooks and Zapier

Send responses to your own API or CRM, or connect thousands of apps.

Meta CAPI and TikTok Events API

Server-side events with SHA-256 hashing, advanced matching and Pixel deduplication.

Cookie consent

Turn on the built-in banner, and Meta and TikTok events wait for the visitor's answer.

Your brand

Set the font, colors, logo and corner style so the form looks like part of your site.

Not just lead forms

The same 2 lines work for any form your site needs.

Contact forms

Ask what someone needs, then show only the questions that apply.

Lead generation

Qualify visitors as they answer, then send the details to your CRM.

Quotes and calculators

Show a price, a savings estimate or a score based on their answers.

Surveys and feedback

Use ratings, scales and matrix questions, one screen at a time.

Events and webinars

Take registrations and send each person a confirmation email.

Applications

Run longer forms with autosave, so people can keep their progress.

If you run ads

Your form can talk directly to Meta and TikTok

Most forms stop at sending an email. Collectform can also tell your ad platforms who converted, with no tracking code to write.

Multi-step forms that qualify

One question at a time, so more people finish. Sort visitors with logic as they answer, then fire a different event from each button, so Meta and TikTok learn from your qualified leads and not every form fill.

LeadServer-side
emaila1f9…c7 ✓
phonee4b2…9d ✓
Meta CAPIDelivered
TikTok Events APIDelivered

Server-side tracking

Events reach the Meta Conversions API and the TikTok Events API from the server, so they still arrive when a browser pixel gets blocked. Emails and phones are SHA-256 hashed first, and Pixel and server events share an event ID so each conversion counts once.

Simple pricing, everything included

Every plan includes multi-step forms, logic, email alerts, webhooks and server-side tracking, and starts with a 7-day trial.

Pro

Most popular

For developers, website creators and marketers launching their own forms.

$29$20/mo
Get Started

Features

  • 300 responses/month
  • 10 active forms
  • 50k CAPI requests/month
  • advanced field matching
  • 1 seat

Team

For agencies and teams managing forms across multiple clients.

$59$40/mo
Get Started

Features

  • 1000 responses/month
  • 25 active forms
  • unlimited CAPI requests
  • advanced field matching
  • 5 seats
No hidden feesCancel anytimeSecure checkout

Frequently asked questions

Collectform is an embeddable form builder for developers, website creators and marketers. You design a form in a no-code editor and add it to any website with 2 lines of code. It includes multi-step forms, a logic builder, 20 input types, validation, email alerts, webhooks, and server-side tracking through the Meta Conversions API and the TikTok Events API.

Because a form is a small job until it needs everything around it. With Collectform you skip the backend, validation code, multi-step state, email provider and tracking setup, and you can change the form without a redeploy. The trade-offs are that responses are stored in Collectform, styling is done through themes rather than custom CSS, and the script adds some JavaScript to your page.

Yes. Collectform embeds into the site you already have as a web component, using 2 lines of code, so there's nothing to migrate and no rebuild. Keep your existing design, copy and domain, and place the form wherever you want it.

Collectform works anywhere you can paste HTML, including Next.js, React, plain HTML, WordPress, Webflow, Framer, Wix, Squarespace, Shopify and Lovable. WordPress doesn't need a plugin, and Next.js doesn't need an API route, Server Action or "use client".

No. Collectform is a web component that renders directly in your page, inside Shadow DOM. Your site's CSS and the form's CSS stay separate, and you match the form to your site with a theme that sets its font, colors, logo and corner style.

No. The editor is no-code, and adding the form to your site means pasting a snippet, which most website builders support through an embed block. Developers can use the same snippet in a component.

You can create contact forms, lead forms, quote and price calculators, surveys, event and webinar registrations, and applications. Forms can be one page or multi-step, with logic that branches on answers, calculates values and shows results. Templates are available if you don't want to start from a blank form.

Typeform is built around surveys and data collection, while Collectform is built to sit inside your own website. It embeds as a web component rather than an iframe, and it has Meta and TikTok server-side tracking built in, so you don't need middleware or extra tracking code.

The Conversions API (CAPI) is a server-to-server method of sending conversion events to ad platforms, instead of relying only on a browser pixel. Browser pixels can be blocked by ad blockers, iOS App Tracking Transparency, Safari ITP and cookie banners, so the ad platform optimises on incomplete data. Server-side events still arrive in those cases. Collectform has Meta CAPI and the TikTok Events API built in, and you only need them if you run ads.

Collectform sends conversions to Meta, through both the browser Pixel and the server-side Conversions API, and to TikTok through its Events API. Emails and phone numbers are SHA-256 hashed before they're sent, and server events are deduplicated against your Meta Pixel using a shared event ID, so each conversion counts once.

Yes. Every response appears in your Collectform dashboard, and you can also get email alerts, send them to your own API or CRM with webhooks, or connect other apps through Zapier.

Yes. Collectform gives agencies separate client workspaces that keep each client's forms, data and ad accounts apart. You can reuse the same forms across client websites, and the Team plan includes 5 seats.

Collectform starts with a 7-day trial with no credit card required. After that, plans start at $20/month billed yearly, or $29/month billed monthly. See the pricing section for what each plan includes.

Stop building forms.

Design yours without code, paste 2 lines and hit Publish. Logic, validation, email alerts, webhooks and server-side tracking are already in place.

7-day trial · No credit card · From $20/mo, billed yearly