Quick Start

Get your first form submission in under 5 minutes.

1. Create an Account

2. Create a Project

Projects organize your forms. Create one from the dashboard:

Click New Project

Enter a name (e.g., "My Website")

Click Create

3. Create a Form

Inside your project, create a form:

Click New Form

Enter a name (e.g., "Contact Form")

Click Create

You'll see your form's endpoint URL:

https://atlasforms.app/f/abc123xyz

4. Add the Form to Your Website

HTML Form

html

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

JavaScript (fetch)

javascript

const response = await fetch('https://atlasforms.app/f/abc123xyz', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    name: 'John Doe',
    email: 'john@example.com',
    message: 'Hello!'
  })
});

const data = await response.json();
console.log(data.submission_id);

React

javascript

async function handleSubmit(e) {
  e.preventDefault();
  const formData = new FormData(e.target);

  const response = await fetch('https://atlasforms.app/f/abc123xyz', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(Object.fromEntries(formData))
  });

  if (response.ok) {
    alert('Submitted!');
  }
}

5. View Submissions

Go to your dashboard to see incoming submissions in real-time. Each submission shows:

Form data (name, email, message, etc.)

Timestamp

IP address and user agent

Webhook delivery status

Next Steps

Configure webhooks to get notified of new submissions

Enable file uploads to accept images and documents

Set up schema validation to ensure data quality

Use the API to query submissions programmatically

Introduction API Overview