All templates
Contact form popup
A dialog that opens over the page instead of taking you to a contact page. It uses the native <dialog> element, so Escape closes it and focus is trapped without a line of code from you; Alpine only carries the sending state. Tailwind and Alpine both come from a CDN so the file runs as-is. If your site already builds Tailwind, drop the CDN script and keep the markup.
TailwindCSS · Alpine.js · HTML
Replace YOUR_ACCESS_KEY with the access key from your dashboard. Create one free. The endpoint and the honeypot are already in place.
Useful for
- Feedback formsLet customers tell you what to fix, straight to your inbox.
- Customer supportA support form that reaches your team fast.
The part behind every one of these is a form backend. This template posts to a PortForm form endpoint; the docs cover the fields and responses.
Other templates
- Basic HTML contact formHTML · CSS
- Ajax contact formHTML · CSS · JavaScript
- JavaScript form validationHTML · CSS · JavaScript
- Multi-column contact formHTML · CSS
- Masked phone inputHTML · CSS · JavaScript
- Contact form with dark modeHTML · CSS
- Raw contact form (no CSS)HTML
- Multi-step NPS surveyHTML · CSS · JavaScript
- Multi-step survey formVue · HTML · CSS
- Popover feedback widgetTailwindCSS · Alpine.js · HTML
- File upload formHTML · CSS
- JavaScript file upload formHTML · CSS · JavaScript
- React contact formReact · HTML · CSS