Cómo conectar tu formulario HTML
Esta página explica con exactitud qué hace FormPost y qué no. Solo necesitas un formulario en tu HTML y la dirección que te mostramos al crearlo.
Listo en tres pasos
1. Crea un formulario
Inicia sesión y crea un formulario. Le pones un nombre, eliges la dirección de destino e indicas el dominio en el que va a estar. Después te mostramos tu dirección propia, con la forma https://www.formpost.eu/f/abc123.
2. Pon la dirección
Coloca esa dirección en el atributo action de tu formulario y usa el método POST. En tu web no hay que cambiar nada más.
3. Haz una prueba
En la página de detalle de tu formulario hay un formulario de prueba que genera un envío real sin tocar tu web. Cuando llegue el correo, ya está.
Lo mínimo imprescindible
Con este formulario basta. Sustituye abc123 por el identificador de tu formulario.
<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>
Todo campo con atributo name se guarda y aparece en el correo de aviso. Los nombres los eliges tú: da igual que al área de texto la llames message, mensaje o consulta. Solo los nombres que empiezan por guion bajo están reservados para FormPost.
Nombres de campo y casos especiales
- _gotcha
- El campo oculto antispam. Las personas no lo ven y lo dejan vacío; los scripts automáticos rellenan todo lo que encuentran. Si llega relleno, el envío va a la carpeta de spam en vez de a tu correo. Déjalo en el formulario.
- No es obligatorio, pero conviene: sin la dirección del remitente no puedes responder a una consulta. Si añades required, el propio navegador comprueba lo que se escribe.
- Todos los demás campos
- Campos de texto, listas desplegables, casillas, textos de varias líneas: todo se recoge y se muestra en el correo y en el panel. Por ahora no admitimos archivos adjuntos.
Qué ocurre después de enviar
Tus visitantes llegan a una página de confirmación de FormPost con un botón para volver a tu web. En el plan Pro puedes escribir tú ese texto, formulario a formulario. Al mismo tiempo el aviso sale hacia la dirección configurada y el envío aparece en tu panel.
Si el formulario tiene activada la operación aritmética, antes de la confirmación aparece una página intermedia con una suma sencilla. Funciona en nuestros servidores; no se incrusta ningún servicio externo de captcha ni se transmite nada a Google.
Webs estáticas, WordPress y creadores de webs
Webs estáticas
En GitHub Pages, Netlify, Cloudflare Pages, Hugo o Jekyll no hay servidor que pueda recibir un formulario. Para eso está FormPost: pegas el bloque HTML de arriba y ya está.
WordPress
Añade un bloque «HTML personalizado» en el editor y mete el formulario dentro. Así no necesitas ningún plugin de formularios, ni tienes que mantenerlo actualizado.
Creadores como Wix, Squarespace o Webflow
Todos tienen un elemento para HTML propio o un widget para incrustar. Ahí el formulario funciona igual. Comprueba solo que el dominio que indicaste coincide con la dirección desde la que se sirve la página.
Entender la vinculación al dominio
Cada formulario está vinculado a un dominio. En cada envío comprobamos de qué página viene y rechazamos lo que no encaje. Así nadie puede copiar la dirección de tu formulario del código fuente y mandarte mensajes desde otro sitio.
- ejemplo.es y www.ejemplo.es cuentan siempre como la misma web.
- Otros subdominios, como tienda.ejemplo.es, solo se permiten si los indicas, o si con el plan Pro habilitas todos los subdominios del formulario.
- Si pruebas desde el disco duro o desde una vista previa sin dominio real, el envío se rechaza. Para eso usa el formulario de prueba de tu cuenta.
Lo que FormPost todavía no hace
Para que lo sepas antes de registrarte y no después.
- 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.
- Los webhooks y la API REST están previstos para el plan Business, pero aún no están disponibles.
- 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.
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.