Skip to main content

​
Simpel HTML-formular

Kopiér denne kode og erstat JERES_API_NØGLE med jeres nøgle fra Replied: 
<form id="kontaktform">
  <input type="text" name="name" placeholder="Navn" required />
  <input type="email" name="email" placeholder="Email" required />
  <input type="tel" name="phone" placeholder="Telefon" />
  <input type="text" name="subject" placeholder="Emne" />
  <textarea name="message" placeholder="Besked" required></textarea>
  <button type="submit">Send</button>
</form>

<script>
document.getElementById('kontaktform').addEventListener('submit', async (e) => {
  e.preventDefault();
  const form = new FormData(e.target);
  const button = e.target.querySelector('button');
  
  button.disabled = true;
  button.textContent = 'Sender...';

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

    if (response.ok) {
      alert('Tak for din henvendelse! Vi vender tilbage hurtigst muligt.');
      e.target.reset();
    } else {
      alert('Noget gik galt. Prøv igen.');
    }
  } catch (err) {
    alert('Kunne ikke sende. Tjek din internetforbindelse.');
  } finally {
    button.disabled = false;
    button.textContent = 'Send';
  }
});
</script>

​
Med brugerdefinerede felter

I kan tilføje ekstra felter der gemmes i raw_payload: 
<form id="kontaktform">
  <input type="text" name="name" placeholder="Navn" required />
  <input type="email" name="email" placeholder="Email" required />
  <input type="text" name="virksomhed" placeholder="Virksomhed" />
  <select name="afdeling">
    <option value="salg">Salg</option>
    <option value="support">Support</option>
    <option value="andet">Andet</option>
  </select>
  <textarea name="message" placeholder="Besked" required></textarea>
  <button type="submit">Send</button>
</form>
Felterne virksomhed og afdeling gemmes automatisk i raw_payload og er synlige i Replied.