Cómo conectar tu formulario HTML
Formulario de contacto para Eleventy
Eleventy genera páginas estáticas y no ejecuta código después de la compilación. FormPost recibe el formulario enviado y le manda 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.
1. Crear el formulario como include
Por defecto, Eleventy busca los includes en la carpeta _includes. Guarde allí el formulario como archivo 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
Inserte el formulario en su página de contacto con una sola línea. Las comillas alrededor del nombre del archivo son necesarias.
{% include "contact-form.html" %}
Conviene saber
- Por defecto, Eleventy procesa primero los archivos Markdown con Liquid. Por eso la instrucción include funciona en archivos .md igual que en plantillas Nunjucks o Liquid.
- Solo aceptamos envíos desde el dominio indicado. Los envíos desde el servidor local (eleventy --serve en localhost) se rechazan; para probar, utilice el formulario de prueba de su área de cliente.
- El formulario no trae CSS propio y adopta el estilo de su sitio. Puede añadir clases y más campos en el include como quiera.
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.