Ejemplos y marcos

Webflow

Install a LittleReply form with Webflow.

Enfoque de integración

Use Webflow to render or enhance the public form while LittleReply handles the published schema, durable intake, private inbox, and configured destinations.

Antes de copiar el código

Cree y publique el formulario con los nombres de campo exactos utilizados en el ejemplo.
Copie su clave pública y configure el origen implementado.
Mantenga los destinatarios y las credenciales privadas fuera del código del navegador.

Ejemplo para adaptar

Reemplace la clave y el punto final de ejemplo, luego adapte las etiquetas y los estilos sin cambiar accidentalmente los nombres de transporte.

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>

Verificar el resultado

Verifique la solicitud y la respuesta del navegador, busque el envío almacenado y luego inspeccione el historial de entrega. Repita la prueba en el nombre de host implementado real.

Documentación revisada el 20 de octubre de 2026Sugerir una mejora →