Framer Integration

Add powerful form handling to your Framer sites. Keep your beautiful designs and let Atlas handle submissions, webhooks, and file uploads.

Quick Setup

1. Create an Atlas Form

2. Add Form to Framer

In Framer, create your form using the Form component or custom inputs.

3. Set Form Action

Set the form's action URL to your Atlas endpoint:

<form action="https://atlasforms.app/f/abc123xyz" method="POST">
  <input name="email" type="email" required />
  <input name="name" type="text" required />
  <button type="submit">Subscribe</button>
</form>

4. Configure Redirect

In Atlas, set your success redirect URL to send users to a thank-you page after submission.

File Uploads

To accept file uploads:

<form
  action="https://atlasforms.app/f/abc123xyz"
  method="POST"
  enctype="multipart/form-data"
>
  <input name="name" type="text" required />
  <input name="resume" type="file" accept=".pdf" />
  <button type="submit">Apply</button>
</form>

What You Get

Resources