SvelteKit
Formulario de contacto para SvelteKit sin backend.
Un formulario de contacto en SvelteKit puede funcionar sin archivo +page.server, action handler ni endpoint de servidor. Use un formulario HTML estándar que envíe los datos a FormsFort y mantenga simples los despliegues estáticos.
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.
Pegar en Svelte
Agregue el formulario a +page.svelte o un componente reutilizable.
Enviar estático o servidor
El mismo marcado funciona con adaptador estático, Vercel, Netlify o cualquier implementación de SvelteKit.
Configuración
Página SvelteKit con formulario de contacto
<!-- src/routes/contact/+page.svelte -->
<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>Migración
Lista de verificación de migración.
Mueve un formulario existente en minutos sin reconstruir el marcado.
Cree un formulario FormsFort y copie la clave de acceso público.
Agregue el formulario a src/routes/contact/+page.svelte.
Establezca la acción en https://api.formsfort.com/submit.
Incluye los campos obligatorios y el honeypot botcheck.
Utilice un adaptador estático o un adaptador de servidor sin cambiar el endpoint del formulario.
Pruebe desde el dominio desplegado para que las comprobaciones de los dominios permitidos coincidan con la producción.
Recursos relacionados
Sigue construyendo desde aquí.
Ejemplos de formularios HTML
Copie patrones de campos accesibles para formularios de contacto, carga, casilla de verificación y selección.
Jamstack Form Backend
Vea el patrón de sitio estático más amplio para SvelteKit y otros generadores.
API del formulario de contacto
Utilice JSON o publicaciones de formulario del navegador cuando necesite más control sobre la respuesta.
Preguntas frecuentes
Preguntas comunes.
¿Necesito acciones de formulario SvelteKit?
No. Las acciones de formulario de SvelteKit son útiles para los flujos de trabajo del lado del servidor, pero un endpoint de formulario alojado es suficiente para la entrega de correo electrónico, controles de spam, cargas y webhooks.
¿Funciona esto con adaptador estático?
Sí. El HTML generado se envía directamente a FormsFort, por lo que no se requiere ningún proceso de Nodo ni función sin servidor.
¿Puedo mostrar un mensaje de éxito en línea?
Sí. Intercepte el envío, envíe FormData con fetch() y presente la respuesta en Svelte. El endpoint del backend sigue siendo el mismo.
¿Pueden los formularios SvelteKit cargar archivos de esta manera?
Sí. Agregue enctype="multipart/form-data" y una entrada de archivo, luego habilite las cargas en el formulario 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.