Cómo conectar tu formulario HTML

Formulario de contacto para Jekyll

Jekyll convierte sus archivos en un sitio web estático. Allí se puede enviar un formulario, pero nadie puede recibirlo. FormPost recibe los datos y se los envía 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.

1. Crear el formulario como include

Guarde el formulario en la carpeta _includes. Así está en un solo sitio y puede usarse en cualquier página.

_includes/contact-form.html
<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>

2. Insertar el include en una página

En su página de contacto, sea Markdown o HTML, inserte el formulario con una sola línea.

contact.md
{% include contact-form.html %}

Conviene saber

  • Kramdown, el procesador de Markdown de Jekyll, deja pasar el HTML. Podría escribir el formulario directamente en el archivo Markdown; el include merece la pena en cuanto lo necesite en más de una página.
  • Solo aceptamos envíos desde el dominio indicado. Los envíos desde el servidor local (jekyll serve en localhost) se rechazan; para probar, utilice el formulario de prueba de su área de cliente.
  • El atributo action es una dirección completa. No necesita relative_url ni baseurl para ella.

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.