Form templates

Contact Form Template

A simple contact form for static sites, landing pages, and portfolio pages. Paste it in and replace the form slug.

Contact Forms

How to use this template

Use this template when you need name, email, phone, and message fields with a clean layout that works on mobile.

  1. 1Create the endpointCreate a contact form in Heapform, then copy the form slug from your form settings.
  2. 2Replace the form slugSwap YOUR_FORM_SLUG in the form action with your real slug so submissions reach the right inbox.
  3. 3Publish and testAdd the HTML to your site, submit one test message, then confirm it appears in Heapform.

Fields included

  • NameText
  • EmailEmail
  • PhonePhone
  • MessageTextarea

Rendered HTML

FAQ

Common questions

A few practical notes before you paste this template into your site.

Ready to make it live?

Create your endpoint, paste the form code, and receive submissions in Heapform.

Start for free