![\"\"](\"https:\/\/xmission.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-email.png\")
A contact form is the most straight-forward and ubiquitous way for your website visitors to send you comments and information. WordPress does not offer a native form tool, so this job calls for a plugin.<\/p>\nA contact form is the most straight-forward and ubiquitous way for your website visitors to send you comments and information. WordPress does not offer a native form tool, so this job calls for a plugin.<\/p>\n
Mandatory disclaimer: DO NOT INSTALL UNTRUSTED PLUGINS!<\/em> Malicious plugins can compromise your website and destroy your data!\u00a0 I strongly suggest avoiding plugins with less than 5,000 installations and less than 4 stars.\u00a0 In the case of this article, I have vetted the Contact Form 7 plugin since 2012 without incident.\u00a0\u00a0I am in no way affiliated with the author of this plugin; I just like that it is straightforward, flexible and suits my needs as a developer. With that out of the way, let’s get a contact form set up!<\/p>\n Login to your WordPress admin (typically www.yoursite.com\/wp-admin) and click on Plugins<\/strong> then Add New<\/strong> in the left hand menu. In the search field top right, enter “Contact Form 7<\/strong>.” It should look like this: After Contact Form 7 is installed and activated, Contact<\/strong>\u00a0will appear in the left menu.\u00a0 Click it, then Add New<\/strong>.\u00a0 You’ll see something just like this: Advanced Tips<\/b><\/p>\n From the same page you are on, click the Mail<\/b> tab to set up how your form will send emails to you. Next, who will the email be sent From<\/b>? It’s being sent from your website, but all emails need a valid sender address. This email address cannot be the same as the “To” address you entered above. I suggest\u00a0no-reply@yourdomain.com<\/b> where yourdomain.com<\/i> needs to be the domain your form is on. In the screenshot you’ll see an error is displayed because the example email address <no-reply@yourdomain.com><\/span> is not valid.<\/p>\n The Subject<\/b> field sets the subject of the email your form will send.\u00a0“[your-subject]”<\/span> will be whatever was entered in the form field [text your-subject]<\/span>.<\/p>\n Additional Headers<\/b> is really handy for setting the Reply-to [your-email]<\/span> to whatever your visitor entered in the [your-email]<\/span> field of the form.<\/p>\n At the top of the page (see the Step 2 screenshot) you’ll notice the text “Copy this shortcode and paste it into your post, page, or text widget content:<\/i>. That’s exactly what you need to do now. Click the shortcode to highlight the text and CTRL-C<\/b> to copy it. Now navigate to the page or post you want the form to appear on. There’s one last thing you’ll want to do before you break out the champagne: Test your form by sending a test to yourself. If you reply to your test email, you can have an endless conversation with yourself! A contact form is the most straight-forward and ubiquitous way for your website visitors to send you comments and information. WordPress does not offer a native form tool, so this job calls for a plugin. Mandatory disclaimer: DO NOT INSTALL UNTRUSTED PLUGINS! Malicious plugins can compromise your website and destroy your data!\u00a0 I strongly suggest […]<\/p>\n","protected":false},"author":22,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,240],"tags":[663,41,664],"class_list":["post-5315","post","type-post","status-publish","format-standard","hentry","category-tips-helpful-information","category-wordpress","tag-blog","tag-email","tag-forms"],"_links":{"self":[{"href":"https:\/\/xmission.com\/blog\/wp-json\/wp\/v2\/posts\/5315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xmission.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xmission.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xmission.com\/blog\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/xmission.com\/blog\/wp-json\/wp\/v2\/comments?post=5315"}],"version-history":[{"count":77,"href":"https:\/\/xmission.com\/blog\/wp-json\/wp\/v2\/posts\/5315\/revisions"}],"predecessor-version":[{"id":5492,"href":"https:\/\/xmission.com\/blog\/wp-json\/wp\/v2\/posts\/5315\/revisions\/5492"}],"wp:attachment":[{"href":"https:\/\/xmission.com\/blog\/wp-json\/wp\/v2\/media?parent=5315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xmission.com\/blog\/wp-json\/wp\/v2\/categories?post=5315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xmission.com\/blog\/wp-json\/wp\/v2\/tags?post=5315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Step 1: Install the Contact Form 7 Plugin<\/strong>.<\/div>\n
\n![\"\"](\"https:\/\/xmission.com\/blog\/wp-content\/uploads\/2018\/08\/Screenshot_1.png\")
<\/a>
\nTo install, click\u00a0Install Now<\/strong> then Activate<\/strong> after the installation completes (usually a matter of seconds).<\/p>\nStep 2: Create a new form<\/strong>.<\/div>\n
\n<\/a>The default form is pretty useful as-is, or you can tweak it to suit your needs. There is an Editing Form Template<\/a> help page, or create your own form by using the buttons at the top of the form edit window. If you’d like to customize your form by hand, read the Advanced Tips<\/a>.<\/p>\n\n\n
Step 3: Configure the Mail settings<\/strong>.<\/div>\n
\n<\/a>
\nFirst and most important, who do you want the email sent To<\/b>? Enter your preferred address for receiving emails from this form.<\/p>\nStep 4: Add your form to a page<\/strong>.<\/div>\n
\n<\/a>
\nPlace the cursor where you want the form to appear and press CTRL-V<\/b> to paste the shortcode. Publish\/save the page and you are DONE! Your form should look something like this:
\nThe exact appearance will be determined by your theme.<\/p>\n
\n
\n Like this tutorial? When you buy a hosting package from XMission for your WordPress site, our support team will share other tips and tricks while helping you keep your site running flawlessly. Visit our hosting page<\/a> for more details.<\/p>\n","protected":false},"excerpt":{"rendered":"