Cómo conectar tu formulario HTML
Formulario de contacto para Cloudflare Pages
Cloudflare Pages sirve su sitio de forma estática. Para un formulario tendría que escribir una Pages Function que envíe correos y frene el spam. Con FormPost simplemente nos envía el formulario a nosotros.
Preparación: cree un formulario en FormPost
Regístrese en FormPost, cree un formulario e indique el dominio en el que está su sitio. A continuación le mostramos la dirección de su formulario. Sustituye a https://www.formpost.eu/f/abc123 en el código de abajo; no hay que cambiar nada más.
Añadir el formulario a su sitio
El código de abajo es una página de contacto completa. Tanto si usa HTML puro como un generador o un framework, copie el bloque form en el lugar adecuado. Hugo, Jekyll, Astro y Eleventy tienen sus propias guías.
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contacto</title>
</head>
<body>
<form action="https://www.formpost.eu/f/abc123" method="POST">
<label for="email">Correo</label>
<input type="email" id="email" name="email" required>
<label for="message">Mensaje</label>
<textarea id="message" name="message" required></textarea>
<input type="text" name="_gotcha" style="display:none;" tabindex="-1" autocomplete="off">
<button type="submit">Enviar</button>
</form>
</body>
</html>
Conviene saber
- Una Pages Function propia es una alternativa real si quiere mantener el código usted mismo. En ese caso también se ocupa del envío de correos, la protección contra spam y el almacenamiento de los envíos.
- En FormPost, indique el dominio en el que está su sitio – su-proyecto.pages.dev o su propio dominio.
- Los despliegues de vista previa funcionan con direcciones como 1a2b3c4d.su-proyecto.pages.dev. En el plan Free rechazamos los envíos desde ellas. En Pro puede permitir todos los subdominios para el formulario y así también funcionan las vistas previas.
Lo que FormPost todavía no hace
- Los formularios se envían de forma clásica, es decir, cambiando de página. De momento no admitimos el envío en segundo plano con JavaScript.
- No aceptamos archivos adjuntos.
- FormPost no recoge el consentimiento de tus visitantes. El aviso en tu propia política de privacidad sigue siendo cosa tuya; el texto para ello lo tienes ya redactado junto a tu formulario.
Más guías y comparativas
Crea un formulario y pruébalo
El plan Free cubre un formulario con diez avisos al día y no cuesta nada, de forma permanente.