Form kit · 8 designs
Accessible web forms for WordPress sites
Sign-in, registration, contact, multi-step inquiry and WooCommerce checkout forms that people actually finish: clear labels, helpful errors and a calm design that works on every screen.
The kit
Eight forms, one calm design
Open any form and try it: type a wrong email, a weak password or a card number. Nothing is sent anywhere.
Sign-in form
Classic login card with show password and friendly errors.
Split sign-in with magic link
Two columns, password or one-time email link.
Header login bar
Compact login in the site header, stacks on phones.
Create account form
Registration with a live password strength meter.
Reset password form
One field and a reassuring confirmation.
Contact form
Short contact form with topics and a copy to sender.
Multi-step project inquiry
Three short steps with progress, for detailed leads.
Checkout and payment form
Card formatting, brand detection and order summary.
What every form does
Small details that make people finish
- Labels that stayEvery field has a visible label, never a placeholder that disappears while typing.
- Errors that helpMessages say what to fix, sit next to the field and are announced to screen readers.
- Built for thumbsLarge touch targets, the right mobile keyboard for each field and no sideways scrolling.
- Works without JavaScriptMulti-step forms fall back to one page, so no visitor is ever locked out.
WordPress
How the forms fit into your WordPress site
The designs are plain, accessible HTML and CSS, so they can be built into a custom WordPress theme or used to style the form plugin you already have.
- Pick the formsChoose the forms your site needs and the fields for each of them.
- Match your brandColours, fonts and wording follow your theme, so the forms feel native.
- Connect and testLogin and registration use WordPress users, the checkout uses WooCommerce, and every form is tested on phones.