A
Atlas
...
All Integrations

Atlas Forms + Webflow

Supercharge your Webflow forms

Add powerful form handling to your Webflow site in under 2 minutes. Get webhooks, file uploads, spam protection, and API access - all without leaving Webflow Designer.

Get Started FreeView Documentation

Why Atlas for Webflow?

Everything you need that Webflow forms don't have

Webhook Notifications

Get instant notifications when forms are submitted. Connect to Zapier, Slack, or any webhook endpoint.

File Uploads

Accept file uploads without a Webflow Business plan. Images, PDFs, documents, and more.

Spam Protection

Built-in spam filtering keeps your inbox clean. No captcha required for real users.

Instant Setup

Just change your form action URL. No plugins, no apps, no complicated setup.

2-Minute Setup

No plugins required. Just change one URL.

1

Create an Atlas Form

Sign up for Atlas and create a new form. Copy your unique form endpoint URL.

https://atlasforms.app/f/abc123xyz
2

Update Your Webflow Form

In Webflow Designer, select your form and change the Action to your Atlas endpoint.

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

Configure Redirect (Optional)

Set a success redirect URL in Atlas to send users back to your thank you page. Works with custom domains or Webflow subdomains.

success_redirect: https://yourdomain.com/thank-you

What You Get

Atlas gives your Webflow forms superpowers

FeatureWebflowAtlas
Webhook notifications-
Custom file uploadsBusiness+
API access-
HMAC signatures-
Delivery tracking-
Spam protection
Success redirects

Rich Webhook Payloads

Every submission sends a detailed JSON payload to your webhook URL. Get form data, file metadata, user info, and more - all in one request.

  • All form field data
  • File upload metadata
  • User IP and browser info
  • Submission timestamp
  • HMAC signature for verification
{
  "event": "submission.created",
  "timestamp": "2024-01-15T10:30:00Z",
  "form": {
    "id": "form-uuid",
    "name": "Contact Form"
  },
  "submission": {
    "id": "submission-uuid",
    "data": {
      "name": "Jane Doe",
      "email": "jane@example.com",
      "message": "Hello from Webflow!"
    },
    "files": [...],
    "metadata": {
      "ip": "192.168.1.1",
      "user_agent": "Mozilla/5.0...",
      "submitted_from": "https://yourdomain.com/contact"
    }
  }
}

Ready to supercharge your Webflow forms?

Start free and upgrade when you need more. No credit card required.

Get Started FreeRead the Docs