Beginner
How to set up contact forms on WordPress
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
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.
Tip
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".
Tip
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.Tip
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".
Tip
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.
Tip
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.Tip
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.
Tip
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.
Tip
Google reCAPTCHA v3 provides spam protection without requiring user interaction, making it the most user-friendly option.
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.
Ready to get started with WordPress?
Put this tutorial into practice. Visit WordPress and follow the steps above.
Visit WordPress →