Menu
FROM CODE TO YOUR WEBSITE

A clear example. Your own interface.

HTML, JavaScript, React, files, or spam protection: choose a documented example and adapt it to your form.

THE FIRST EXAMPLE

Start with
HTML.

Keep your page and design. The full example includes fields and configuration to adapt to your published form.

  • Replace YOUR_ACCESS_KEY with your public key.
  • Match fields to the published schema.
  • Check a stored message and then its notification.
Read the HTML guide
Complete HTML example
<form action="https://littlereply.com/api/submit" method="POST" data-littlereply="YOUR_ACCESS_KEY" data-locale="en" data-success="Your message has been received.">
  <input type="hidden" name="_fq_key" value="YOUR_ACCESS_KEY" />
  <input type="text" name="botcheck" tabindex="-1" autocomplete="off" style="display:none" aria-hidden="true" />

  <label for="contact-name">Full name *</label>
  <input type="text" name="name" id="contact-name" required />

  <label for="contact-email">Email address *</label>
  <input type="email" name="email" id="contact-email" required />

  <label for="contact-message">Message *</label>
  <textarea name="message" id="contact-message" required rows="5"></textarea>

  <button type="submit">Send message</button>
  <p role="status" aria-live="polite"></p>
</form>
<!-- Accessible AJAX errors and duplicate-safe retries -->
<script src="https://littlereply.com/client/v1.js" data-api="https://littlereply.com" defer></script>
CHOOSE YOUR APPROACH

An example for every need.

Prefer to customize a template?

Explore previews and fields before creating your form.

View templates