Skip to content
Powered byPagefind
Stradocs
FormsForms

Forms

Set up the contact form with Formspree integration.

Stradocs includes a contact form powered by Formspree — a free service that forwards submissions to your email. No backend required.

Setup

  1. Create a Formspree Account

    • Go to Formspree and create a free account
    • Create a new form and copy the endpoint URL

    Your endpoint will look like: https://formspree.io/f/xxxxxxxx

  2. Add to Environment Variables

    PUBLIC_FORM_ENDPOINT=https://formspree.io/f/xxxxxxxx

  3. Customize Form Text

    Edit labels, placeholders, and messages in src/config/pages/form.ts:

    export const FORM_CONFIG = {
   labels: { 
      name: "Name", 
      email: "Email", 
      subject: "Subject", 
      message: "Message" 
   },
   placeholders: { 
      name: "John Doe", 
      email: "john@example.com", 
      ... 
   },
   success: { 
      title: "Message Sent", 
      description: "We'll get back to you within 24 hours." 
   },
   error: { 
      title: "Something went wrong", 
      description: "Please check your connection and try again." 
   },
   button: { 
      text: "Send Message", 
      loading: "Sending..." 
   },
} as const;

  4. Deploy

    The form is ready once the environment variable is set and the site is deployed.

Formspree Free Plan

Feature Limit
Submissions 50 per month
Forms 1
Email notifications ✓
Spam protection ✓

Upgrade to a paid plan if you need higher limits.