Skip to main content
<form id="contact-form">
  <input name="name" placeholder="Name" required />
  <input name="email" type="email" placeholder="Email" required />
  <input name="subject" placeholder="Subject" />
  <textarea name="message" placeholder="Message" required></textarea>
  <button type="submit">Send</button>
</form>

<script>
document.getElementById('contact-form').addEventListener('submit', async (event) => {
  event.preventDefault();
  const form = new FormData(event.target);

  const response = await fetch('https://www.replied.dk/api/v1/submit/YOUR_API_KEY', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      name: form.get('name'),
      email: form.get('email'),
      subject: form.get('subject'),
      message: form.get('message')
    })
  });

  if (response.ok) {
    event.target.reset();
  }
});
</script>