Create a contact form

A contact form lets website visitors send you messages directly. This guide walks you through creating a contact form that collects names, email addresses, and messages.

What you’ll build

By the end of this guide, you’ll have a contact form with:

• Name field (required)
• Email field (required, with validation)
• Subject field (optional)
• Message field (required)
• Thank you page
• Email notifications for new submissions

Time to complete: 5-10 minutes

Step 1: Create a new form

1. Log in to your Fomr dashboard

2. Click the New form button in the top right corner

3. You’ll see an empty form canvas ready for building

Step 2: Add the name field

1. From the left sidebar, drag the Short Answer component onto the canvas

2. Click the component to select it

3. Set the question label to “Your name”

4. Add a placeholder like “John Smith”

5. Toggle Required to on

Tip

Using “Your name” instead of just “Name” feels more personal and conversational.

Step 3: Add the email field

1. Drag the Email component below the name field

2. Set the question label to “Email address”

3. Add a placeholder like “[email protected]”

4. Toggle Required to on

The Email component automatically validates that users enter a properly formatted email address.

Step 4: Add the subject field (optional)

1. Drag a Short Answer component below the email field

2. Set the question label to “Subject”

3. Add a placeholder like “What’s this about?”

4. Leave Required toggled off (optional field)

Making the subject optional reduces friction while still giving users the option to categorize their message.

Step 5: Add the message field

1. Drag the Long Answer component below the subject field

2. Set the question label to “Your message”

3. Add a placeholder like “How can we help you?”

4. Toggle Required to on

The Long Answer component provides a multi-line text area perfect for detailed messages.

Step 6: Add page actions

1. Drag the Page Actions component to the bottom of your form

2. This adds the submit button

3. Optionally, set the alignment to Right for a clean look

Step 7: Add a thank you page

1. Drag the Thank You component after the Page Actions

2. Set the title to “Message sent!”

3. Set the message to “Thank you for reaching out. We’ll get back to you within 24 hours.”

4. Choose the Check icon

5. Leave confetti off for a simple confirmation

Step 8: Customize the design (optional)

Make your form match your brand:

1. Click the Design tab in the right sidebar

2. Choose a theme or customize colors

3. Set your primary color to match your brand

4. Adjust the form width (Medium works well for contact forms)

5. Add a background color or image if desired

Step 9: Set up notifications

Get notified when someone submits the form:

1. Click the Settings tab

2. Find the Notifications section

3. Toggle Email notifications to on

4. Optionally, enter a custom email address (like [email protected])

Step 10: Preview and publish

1. Click the Preview button to test your form

2. Fill out the form as a user would

3. Verify everything works correctly

4. Click Publish to make your form live

Step 11: Share your form

Once published, you can:

• Copy the link to share directly
• Embed on your website using the embed code
• Use a custom domain (Pro feature)

1. Click the Share button

2. Copy the form URL or get the embed code

3. Add to your website’s contact page

Your completed contact form

You’ve created a contact form. Here’s what it includes:

Field	Type	Required
Your name	Short Answer	Yes
Email address	Email	Yes
Subject	Short Answer	No
Your message	Long Answer	Yes

Tips for better contact forms

Keep it simple. Only ask for information you truly need. Every additional field reduces completion rates.

Set expectations. Tell users when they can expect a response in your thank you message.

Use clear labels. “Your name” and “Your message” are friendlier than “Name” and “Message.”

Test thoroughly. Submit a test message to ensure notifications work and the experience is smooth.

Mobile-friendly. Preview your form on mobile to ensure it works well on all devices.

Next steps

• Customize the design
• Set up a custom domain (Pro)
• Create a survey