Hugo
Formulario de contacto para Hugo sin backend.
Un formulario de contacto en Hugo puede seguir siendo totalmente estático. Añada un formulario HTML estándar a una plantilla o partial de Hugo, envíelo a FormsFort y reciba envíos sin ejecutar código de servidor.
Cómo funciona
Tres pasos para la producción de formularios.
Cree un formulario
Cree un formulario FormsFort y copie la clave de acceso público.
Agregar un
Coloque el formulario en un parcial de Hugo para que pueda reutilizarse en páginas de contacto o de destino.
Cree y aloje
Ejecute hugo e implemente la build estático en cualquier host. FormsFort recibe los envíos.
Configuración
Hugo parcial con formulario de contacto
<!-- layouts/partials/contact-form.html -->
<form action="https://api.formsfort.com/submit" method="POST">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
<label for="name">Name</label>
<input id="name" name="name" type="text" autocomplete="name" required />
<label for="email">Email</label>
<input id="email" name="email" type="email" autocomplete="email" required />
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" required></textarea>
<input type="checkbox" name="botcheck" style="display:none" />
<button type="submit">Send message</button>
</form>
<!-- Use it from a template -->
{{ partial "contact-form.html" . }}Migración
Lista de verificación de migración.
Mueve un formulario existente en minutos sin reconstruir el marcado.
Crea un formulario FormsFort y copia la clave de acceso.
Crear diseños/partiales/contact-form.html en el proyecto Hugo.
Pegue el fragmento del formulario y reemplace YOUR_ACCESS_KEY.
Renderizar el parcial desde la página de contacto o diseño de página.
Ejecute hugo e implemente el sitio estático generado.
Envíe un mensaje de prueba desde la URL desplegada.
Recursos relacionados
Sigue construyendo desde aquí.
Formulario HTML sin backend
Utilice el patrón HTML estático genérico detrás de la configuración de Hugo.
Generador de formularios HTML
Genera un formulario listo para Hugo antes de moverlo a un parcial.
Prevención de spam de sitios estáticos
Proteja los formularios Hugo expuestos con honeypots, captcha y comprobaciones de dominio.
Preguntas frecuentes
Preguntas comunes.
¿Puede Hugo procesar los envíos de formularios de contacto por sí solo?
No. Hugo crea archivos estáticos. Utilice un backend de formularios alojado como FormsFort cuando los envíos necesiten entrega por correo electrónico, cargas, webhooks o filtrado de spam.
¿Esto requiere Netlify Forms?
No. FormsFort funciona en cualquier host Hugo porque el formulario se publica en un endpoint externo.
¿Puedo reutilizar el formulario en todas las páginas de Hugo?
Sí. Coloque el marcado en un parcial y renderícelo en cualquier lugar con el ayudante parcial de Hugo.
¿Los formularios de contacto de Hugo admiten la carga de archivos?
Sí. Agregue enctype="multipart/form-data" y una entrada de archivo, luego habilite la carga de archivos en FormsFort.
Dejar de administrar servidores de formularios.
Cree un endpoint de formulario de producción, migre su primer formulario de forma gratuita y escale cuando esté listo.