Compatible con bloques de código
Añade el código a un sitio que permita editar HTML o insertar código personalizado, como Webflow, Framer o Carrd. Las guías siguientes explican cómo.
herramienta gratuita
Crea tu formulario de contacto
Elige los campos para tus visitantes, como nombre, email y mensaje. Prueba el formulario y copia el HTML en el bloque de código de tu sitio.
Crear y probar formularios es gratis y no requiere cuenta. Para recibir mensajes reales en mailcontact, crea un proyecto y utiliza su enlace. Si hace falta, pide a quien gestione tu sitio que añada el código.
recibir tus mensajes
Dale una bandeja a tu formulario.
de MailContact servicio gratuito de formularios de contacto incluye un proyecto, 50 mensajes al mes y alertas por email. Slack, Discord y webhooks requieren Pro o Plus. Añade un email de contacto para tu proyecto y respuestas con Pro o Plus.
generador de formularios
Elige los campos y pruébalo.
Elige los campos y prueba un mensaje en la vista previa: no envía mensajes reales. Una prueba en directo utiliza el enlace que introduzcas y cuenta como mensaje real.
Es un enlace de ejemplo. Puedes previsualizarlo. Para enviar de verdad, usa el de los ajustes del proyecto.
Protección contra spam siempre incluida
El script inserta y comprueba una trampa oculta y gestiona envío y confirmación. El spam bloqueado no consume cuota. Los visitantes no resuelven CAPTCHA.
Los formularios Free muestran un pequeño enlace «Processed by mailcontact.app». Pro y Plus no muestran atribución. Para una interfaz totalmente personalizada, utiliza MailContact.send().
Prueba tu formulario
Práctica: no se envían ni guardan mensajes. Prueba el formulario que copiarás abajo. El aspecto final depende de los estilos de tu sitio.
contact-form.html
Ver código del formulario (HTML)
<form action="https://mailcontact.app/api/forms/your-form-id" method="POST" data-mailcontact-form lang="es" data-mailcontact-language="es">
<input type="hidden" name="_language" value="es" />
<fieldset>
<legend>Contáctanos</legend>
<label>
Nombre (opcional)
<input name="name" type="text" autocomplete="name" maxlength="200" />
</label>
<label>
Correo electrónico
<input name="email" type="email" autocomplete="email" maxlength="320" required />
</label>
<label>
Mensaje
<textarea name="message" rows="5" maxlength="5000" required></textarea>
</label>
<noscript>
<div aria-hidden="true" style="position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;">
<label>Sitio web
<input name="company_website" type="text" tabindex="-1" autocomplete="off" />
</label>
</div>
</noscript>
<button type="submit">Enviar mensaje</button>
</fieldset>
<p data-contact-status role="status" aria-live="polite" aria-atomic="true"></p>
</form>
<script defer src="https://mailcontact.app/forms/v1.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>con tu formulario
Copia el formulario a tu web.
Sin registro
Crea, prueba y copia tu formulario gratis. Para recibir mensajes en mailcontact, crea una cuenta y un proyecto y añade su enlace de formulario.
Etiquetas claras para los visitantes
Cada campo tiene etiqueta y el formulario indica cuáles son obligatorios. Un campo oculto ayuda a detectar spam sin molestar a los visitantes.
preguntas frecuentes
HTML de formularios: preguntas resueltas
¿Cómo recibo los mensajes del formulario?
Crea un proyecto y copia su enlace de formulario en el generador. Ese enlace, llamado endpoint, envía mensajes a tu bandeja. Añade el HTML generado a tu sitio o pídeselo a quien lo gestione. Los desarrolladores también pueden conectar el formulario a otro servicio compatible.
¿Puedo cambiar el diseño del formulario?
Sí. El generador crea HTML sin tema visual propio. Tu sitio controla aspecto, distribución, colores y fuentes.
¿Por qué es obligatorio el email?
Para saber cómo responder. El email aparece junto al mensaje. mailcontact comprueba que exista y tenga formato válido.
¿Funciona con Webflow, Framer o Carrd?
Sí, si tu plan permite Embed o código. Pega el formulario y utiliza tu enlace mailcontact.
guías
La guía para tu web
Lee los mensajes de tus formularios en un lugar.
Crea una bandeja gratuita para el formulario de tu sitio. Recibe alertas por email cuando alguien escriba. Añade Slack, Discord o webhooks con Pro o Plus.
Crear formulario gratisSin tarjeta de crédito. Free incluye un proyecto y 50 mensajes de formulario al mes.