Implementation Guides

Step-by-step guides for using DropForm with popular frameworks, site builders, and static site generators.

Core

HTML

Send a plain HTML form to DropForm using redirect mode or JSON mode.

JavaScript

Submit forms with fetch + FormData/JSON, handle success/error, and upload files.

Frontend Frameworks

React

Controlled forms, async submit, validation, and file uploads in React.

Vue

Composition API examples: HTML form submit, fetch submit, and file upload.

Svelte

Svelte form handling with progressive enhancement and DropForm endpoint.

Angular

Template-driven and reactive forms: submit, errors, and file uploads.

Meta-Frameworks / SSR

Next.js

App Router + Route Handlers: secure submissions and server-side integrations.

Nuxt

Server routes + client submit patterns for DropForm submissions.

SvelteKit

Use actions and endpoints to submit and validate with DropForm.

Astro

Static-first forms with optional server-side actions and DropForm endpoint.

Remix

Use loaders/actions to handle submissions and pass data to DropForm.

Static Site Generators

Hugo

Add a contact form to Hugo and submit to DropForm without a backend.

11ty

Eleventy (11ty)

Static HTML forms with DropForm endpoint and success redirects.

Jekyll

Add a form to GitHub Pages/Jekyll and send submissions to DropForm.

Gatsby

React + Gatsby forms: submit with fetch/FormData and handle UX cleanly.

CMS & Site Builders

WordPress

Connect common WordPress forms to DropForm using action URLs or custom hooks.

Shopify

Create a custom contact/lead form in Shopify and submit to DropForm.

Ghost

Add forms to Ghost pages and route submissions to DropForm endpoints.

Wix

Use Wix forms or custom code to send data to DropForm submission endpoint.

Squarespace

Embed custom HTML forms (or code blocks) and submit to DropForm.

Webflow

Add a DropForm-powered contact form to Webflow using an Embed element.