Forms & Submissions

Handling Form Submissions

Capture and manage form submissions from your website.

Setting Up Forms

Add the data-form-name attribute to your HTML forms:

<form data-form-name="contact">
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <textarea name="message"></textarea>
  <button type="submit">Send</button>
</form>

Form Handler Script

Include this JavaScript to handle submissions:

document.querySelectorAll('form[data-form-name]').forEach(form => {
  form.addEventListener('submit', async (e) => {
    e.preventDefault();
    const formData = new FormData(form);
    const data = Object.fromEntries(formData);
    
    await fetch('/_forms/' + form.dataset.formName, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify(data)
    });
    
    alert('Thank you!');
    form.reset();
  });
});

Viewing Submissions

1. Go to Forms in the sidebar
2. Select a form to view its submissions
3. Click on a submission to see all fields

Email Notifications

1. Go to Settings → Form Notifications
2. Click Add Rule
3. Enter email addresses to notify
4. Optionally filter by form name

Exporting Submissions

Download submissions as CSV from the Forms section.