Cómo conectar tu formulario HTML

Formulario de contacto para GitHub Pages

GitHub Pages solo sirve archivos terminados y no ejecuta código en el servidor. Pero un formulario necesita a alguien que lo reciba. De eso se encarga FormPost, que le envía los datos por correo electrónico.

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. Añádala al repositorio como archivo propio o copie solo el bloque form en una página existente. Si construye su sitio con Jekyll, un include es más práctico; lo explica la guía de Jekyll.

contact.html
<!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

  • En FormPost, indique el dominio en el que está su sitio, por ejemplo usuario.github.io.
  • Los sitios de proyecto en usuario.github.io/proyecto también tienen el dominio usuario.github.io. La ruta no influye en la comprobación.
  • Si más adelante conecta un dominio propio, cámbielo también en su formulario de FormPost. De lo contrario, rechazaremos los envíos a partir del cambio.

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.