Developers

Search

Connect Framer forms to Clay

You can send form submissions from your Framer site straight into Clay to automatically organize, enrich, or act on that data.

What you’ll need

Before getting started, make sure you have everything in place to connect Framer and Clay. You’ll only need two things:

  • A Framer project with a form component.

  • A Clay account with a table where you want to collect data.

Create a webhook in Clay

First, you’ll create a webhook in Clay to receive your form submissions. A webhook acts like a unique URL where data from Framer will be sent.

  1. Open Clay and go to the table where you want to collect data.

  2. Click Import Data → From Webhook.

  3. Clay will generate a unique webhook URL. This is where Framer will send your form submissions.

  4. Copy the URL to your clipboard.

Clay webhook configuration modal showing the 'Pull in data from a Webhook - Framer' interface with a generated webhook URL, copy button, option to add auth token, and radio buttons to select response format between Plaintext and JSON

Connect your Framer form

Next, you’ll connect your Framer form to the webhook you just created. This allows each form submission to automatically send data into your Clay table.

  1. In your Framer project, select the form component.

  2. In the right-hand panel, find the Send To section.

  3. Choose Webhook as the destination.

  4. Paste the Clay webhook URL you copied earlier.

Framer form configuration panel showing the Send To field set to Webhook with a Clay API URL, alongside a webhook setup dialog displaying API endpoint, optional secret field, and fallback email address

Once published, any submission through that form will automatically be sent to your Clay table.

View submissions in Clay

After connecting the webhook, you can test it to make sure everything’s working. Submitting your form will instantly send the data to Clay.

  1. Go back to your Clay table and submit the form once.

  2. After a few seconds, a new row should appear with your test data.

  3. Each new submission adds another row automatically.

Once your data arrives in Clay, you can start using its tools to enrich, clean, and automate your workflows.

What you’ll need

Before getting started, make sure you have everything in place to connect Framer and Clay. You’ll only need two things:

  • A Framer project with a form component.

  • A Clay account with a table where you want to collect data.

Create a webhook in Clay

First, you’ll create a webhook in Clay to receive your form submissions. A webhook acts like a unique URL where data from Framer will be sent.

  1. Open Clay and go to the table where you want to collect data.

  2. Click Import Data → From Webhook.

  3. Clay will generate a unique webhook URL. This is where Framer will send your form submissions.

  4. Copy the URL to your clipboard.

Clay webhook configuration modal showing the 'Pull in data from a Webhook - Framer' interface with a generated webhook URL, copy button, option to add auth token, and radio buttons to select response format between Plaintext and JSON

Connect your Framer form

Next, you’ll connect your Framer form to the webhook you just created. This allows each form submission to automatically send data into your Clay table.

  1. In your Framer project, select the form component.

  2. In the right-hand panel, find the Send To section.

  3. Choose Webhook as the destination.

  4. Paste the Clay webhook URL you copied earlier.

Framer form configuration panel showing the Send To field set to Webhook with a Clay API URL, alongside a webhook setup dialog displaying API endpoint, optional secret field, and fallback email address

Once published, any submission through that form will automatically be sent to your Clay table.

View submissions in Clay

After connecting the webhook, you can test it to make sure everything’s working. Submitting your form will instantly send the data to Clay.

  1. Go back to your Clay table and submit the form once.

  2. After a few seconds, a new row should appear with your test data.

  3. Each new submission adds another row automatically.

Once your data arrives in Clay, you can start using its tools to enrich, clean, and automate your workflows.

FAQ

  • What do I need to connect a Framer form to Clay?

    Before getting started, make sure you have a Framer project with a form component and a Clay account with a table where you want to collect data.

  • How do I set up my Framer form to send submissions to Clay?

    In your Framer project, select the form component. In the right-hand panel, find the Send To section. Choose Webhook as the destination and paste the Clay webhook URL you copied earlier. Once published, any submission through that form will automatically be sent to your Clay table.

  • How can I verify that my Framer form submissions are reaching Clay?

    After connecting the webhook, go back to your Clay table and submit the form once. After a few seconds, a new row should appear with your test data. Each new submission adds another row automatically.

Updated

Related articles

Creating a custom integration

Embedding a Loom video in your site

Embedding a Trustpilot widget in your site

How to add Google Tag Manager to your site

Setting up Google Analytics