Formulario de comentarios en Bootstrap
Crea un formulario de comentarios compacto con Bootstrap 5 y sin backend. Las etiquetas flotantes lo mantienen lo bastante pequeño para colocarlo al final de una página, y las respuestas llegan a tu bandeja de entrada. Copia el markup y añade tu clave de acceso.
Como construirlo
- Crea un formulario en tu panel de Formpaste y copia su clave de acceso.
- Copia el markup de abajo en tu página.
- Reemplaza YOUR_ACCESS_KEY_HERE con tu clave de acceso y publica.
Prompt para tu agente de programación con IA
Give me a Bootstrap 5 feedback form that POSTs to https://api.formpaste.com/submit with a hidden access_key input. Use form-floating wrappers so the labels sit inside the fields, and btn btn-primary. No backend.O conecta el servidor MCP de Formpaste con Claude Code, Codex, Cursor, Claude Desktop, VS Code o cualquier cliente mcp-remote. Ver la guía de configuración.
Puntos claves de Bootstrap
Bootstrap le da estilo al formulario, Formpaste lo recibe. Apunta un formulario Bootstrap normal al endpoint de Formpaste, deja la access key oculta, y los envíos llegan a tu bandeja de entrada. No hay plugin, no hay jQuery y no hay backend propio.
Es un formulario normal con clases de Bootstrap
Bootstrap no cambia en nada cómo se envía un formulario. Agrega form-label, form-control y btn btn-primary al markup habitual, apunta el action al endpoint de Formpaste, y el navegador lo envía por POST. Bootstrap solo aporta el estilo.
Los estilos de validación son solo presentación
was-validated, is-invalid e invalid-feedback le dan estilo al formulario en el navegador. No filtran spam ni validan nada en el servidor. Formpaste sigue aplicando su propio filtrado de spam después del post.
Usa los nombres de clase de Bootstrap 5
Bootstrap 5 renombró varias clases de formulario: form-group pasó a ser mb-3, custom-select pasó a ser form-select, y form-control-file pasó a ser form-control. Si estás copiando un snippet viejo de Bootstrap 4, actualiza esos nombres o el estilo no se va a aplicar.
Deja el access_key oculto
Deja el input oculto access_key en su lugar para que Formpaste sepa a qué formulario pertenece el envío. Es un input normal, así que los estilos de Bootstrap lo ignoran.
Que debes acertar
Una calificación más un comentario es el punto óptimo
Un select para la puntuación y un textarea para el porqué te da tanto un número que rastrear como el contexto detrás de él, sin un formulario largo.
Deja que la gente permanezca anónima
Marca el nombre y el correo como opcionales. Los comentarios son más honestos cuando no están ligados a una identidad, y de todas formas filtras el spam automáticamente.
Dirige los comentarios adonde los verás
Reenvía los envíos a una bandeja compartida o a un webhook hacia tu sistema de seguimiento para que nada quede sin leer.
Cómo funciona
Tres pasos simples para que los envíos de formularios lleguen a tu bandeja de entrada.
Crea tu formulario, apunta la URL de action al endpoint de Formpaste y añade tu clave de acceso.
Crea tu formulario
Regístrate, verifica tu correo y crea una clave de acceso en tu panel.
Copia el código
Pega el fragmento de arriba en tu proyecto. Elige CSS o Tailwind para que combine con tu sitio.
<form action="https://api.formpaste.com/submit" method="POST">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">
<div class="form-floating mb-3">
<input type="email" class="form-control" id="email" name="email" placeholder="you@example.com">
<label for="email">Email (optional)</label>
</div>
<div class="form-floating mb-3">
<textarea class="form-control" id="message" name="message" placeholder="Your feedback" style="height: 120px" required></textarea>
<label for="message">Your feedback</label>
</div>
<button type="submit" class="btn btn-primary">Send feedback</button>
</form>
Añade tu clave de acceso
Reemplaza el marcador por tu clave de acceso para empezar a recibir envíos.
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">Formulario de comentarios en Bootstrap FAQ
Pega un formulario. Recibe envíos.
Al instante, sin configurar ningún backend, servidor ni base de datos. 250 envíos/mes gratis, sin tarjeta de crédito.