cloud WordPress

How to set up contact forms on WordPress

beginner 8 min read Updated 2026-03-18
Quick Answer

Setting up contact forms on WordPress involves installing a form plugin like Contact Form 7 or WPForms, creating your form with desired fields, and embedding it on your website using shortcodes or blocks. Most form plugins offer drag-and-drop builders and automatic email notifications for form submissions.

Prerequisites

  • WordPress admin access
  • Active WordPress website
  • Basic understanding of WordPress dashboard
  • Email account for receiving form submissions

Step-by-Step Instructions

1

Install a Contact Form Plugin

Navigate to Plugins > Add New in your WordPress dashboard. Search for "Contact Form 7" or "WPForms" in the search bar. Click Install Now on your preferred plugin, then click Activate. Contact Form 7 is free and lightweight, while WPForms offers a more user-friendly drag-and-drop interface.
WPForms Lite is recommended for beginners due to its intuitive interface, while Contact Form 7 offers more customization options for advanced users.
2

Create Your First Contact Form

For Contact Form 7: Go to Contact > Contact Forms and click Add New. For WPForms: Navigate to WPForms > All Forms and click Add New. Choose a template (Simple Contact Form is perfect for beginners) or start from scratch. Give your form a descriptive name like "Main Contact Form".
Start with a simple contact form template to get familiar with the interface before creating complex forms.
3

Configure Form Fields

Add essential fields like Name, Email, Subject, and Message. In WPForms, drag fields from the left panel to your form. In Contact Form 7, use form tags like [text* your-name] for required name field and [email* your-email] for required email. Mark important fields as required by adding an asterisk (*) to ensure you receive complete submissions.
Keep your form simple with 3-5 fields maximum to increase completion rates and avoid overwhelming visitors.
4

Set Up Email Notifications

Configure where form submissions will be sent. In Contact Form 7, go to the Mail tab and set the To field to your email address. In WPForms, click Settings > Notifications and enter your email in Send To Email Address. Customize the email subject line to include the form name for easy identification, like "New Contact Form Submission".
Add multiple email addresses separated by commas if you want submissions sent to different team members.
5

Customize Form Messages

Set up success and error messages for better user experience. In Contact Form 7, go to the Messages tab to customize responses like "Thank you for your message" or "Failed to send message". In WPForms, navigate to Settings > Confirmation and choose between showing a message, redirecting to a page, or displaying content.
Write clear, friendly confirmation messages that reassure users their message was received and set expectations for response time.
6

Add the Form to Your Website

Copy the shortcode provided (looks like [contact-form-7 id="123"]) or use the form block in the Gutenberg editor. Navigate to the page or post where you want the form to appear, click Edit, and either paste the shortcode or search for your form plugin's block ("Contact Form 7" or "WPForms") in the block inserter. Select your form from the dropdown menu.
Create a dedicated "Contact Us" page for your form, and consider adding it to your main navigation menu for easy access.
7

Test Your Contact Form

Visit your website and locate your contact form. Fill out all fields with test information using a different email address than your admin email. Submit the form and verify you receive the email notification. Check that the success message displays correctly and that required field validation works by trying to submit an incomplete form.
Test your form from different devices and browsers to ensure it displays and functions correctly across all platforms.
8

Configure Spam Protection

Enable spam protection to prevent unwanted submissions. For Contact Form 7, install the reCAPTCHA integration by going to Contact > Integration and adding your Google reCAPTCHA keys. For WPForms, enable Smart CAPTCHA in the form settings. You can also enable Honeypot anti-spam protection which is invisible to users but catches bots.
Google reCAPTCHA v3 provides spam protection without requiring user interaction, making it the most user-friendly option.

Common Issues & Troubleshooting

Contact form emails not being received

Check your spam folder first. Verify the email address in notification settings is correct. Install an SMTP plugin like WP Mail SMTP to improve email deliverability. Contact your hosting provider to ensure mail functions are working properly.

Form not displaying on the website

Verify the shortcode is copied correctly with no extra spaces. Clear any caching plugins and browser cache. Check if your theme is blocking the form display by temporarily switching to a default WordPress theme like Twenty Twenty-Four.

Form submissions showing validation errors

Ensure required fields are marked correctly with asterisks (*). Check that email field validation is properly configured with [email* your-email] format. Verify field names don't contain special characters or spaces.

Form styling looks broken or misaligned

Add custom CSS to your theme's Appearance > Customize > Additional CSS section. Check for theme conflicts by testing with a default theme. Many form plugins offer styling options in their settings to match your theme automatically.

Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official WordPress website before purchasing.