DEL CÓDIGO A TU SITIO WEB

Un claro ejemplo. Tu propia interfaz.

HTML, JavaScript, React, archivos o protección contra spam: elige un ejemplo documentado y adáptalo a tu formulario.

EL PRIMER EJEMPLO

Empezar con
HTML.

Mantenga su página y diseño. El ejemplo completo incluye campos y configuración para adaptarse a su formulario publicado.

Reemplace YOUR_ACCESS_KEY con su clave pública.
Haga coincidir los campos con el esquema publicado.
Verifique un mensaje almacenado y luego su notificación.

Lea la guía HTML

Ejemplo completo de HTML

<form action="https://littlereply.com/api/submit" method="POST" data-littlereply="YOUR_ACCESS_KEY" data-locale="es" data-success="Hemos recibido tu mensaje.">
  <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">Nombre completo *</label>
  <input type="text" name="name" id="contact-name" required />

  <label for="contact-email">Correo electrónico *</label>
  <input type="email" name="email" id="contact-email" required />

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

  <button type="submit">Enviar mensaje</button>
  <p role="status" aria-live="polite"></p>
</form>
<!-- Errores AJAX accesibles y reintentos sin duplicados -->
<script src="https://littlereply.com/client/v1.js" data-api="https://littlereply.com" defer></script>

ELIGE TU ENFOQUE

Un ejemplo para cada necesidad.

HTML

formulario HTML

Campos con nombre, una clave pública y confirmación explícita.

Abre el ejemplo JAVASCRIPT

Envío de JavaScript

Una solicitud JSON con manejo de errores y soporte de reintento.

Abre el ejemplo REACT / JSX

Componente de reacción

Una interfaz personalizada, estado de envío y comentarios accesibles.

Abre el ejemplo ADJUNTOS

Formulario con archivos

Prepare cargas privadas y comprobaciones de archivos adjuntos.

Abre el ejemplo PROTECTION

CAPTCHA y protección contra spam

Comprenda el honeypot y la verificación CAPTCHA configurada.

Abre el ejemplo PARCOURS

Formulario de varios pasos

Adapte un recorrido de solicitud de cotización con pasos y una vista previa local.

Abre el ejemplo

¿Prefieres personalizar una plantilla?

Explore vistas previas y campos antes de crear su formulario.

Ver plantillas