How to Create a Contact Form in WordPress (Step by Step)

No video

How to Create a Contact Form in WordPress (Step by Step)

Рет қаралды 107,277

Күн бұрын

Are you wanting to have a contact form on your WordPress site? Every site can use a contact form to allow visitors to reach out about your site, product, or services but WordPress does not come with a built-in contact form. In this guide, we'll show you how to easily create a contact form in WordPress (step by step) without needing to code.
This video brought to you by WPForms, the most beginner friendly WordPress form plugin, take a look at their site here:
=================================
wpforms.com/wp...
=================================
For our discount visit: WPForms.com/wp...
-Links-
►Written Tutorial - How to Create a Contact Form in WordPress (Step by Step) www.wpbeginner...
►MonsterInsights www.monsterins... Promo Code WPBVIP
-Top Resources-
Use Promo Code WPBVIP
►Best WordPress Contact Form Plugin wpforms.com/wp...
►Best WordPress Analytics Plugin www.monsterins...
►Best Lead Generation Plugin optinmonster.com/
►Best WordPress SEO Plugin aioseo.com/
►Best Landing Page Builder for WordPress www.seedprod.com/
►Best WordPress Giveaway Plugin rafflepress.com/
-Related Videos-
►WordPress Tutorial - How to Make a WordPress Website for Beginners • 📘 WordPress Tutorial -...
►WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor • 🧱 How to Use the WordP...
►What is SEO and How Does it Work? • 🧱 How to Use the WordP...
►How to Install a WordPress Theme • How to Install a WordP...
For this video, we will be using WPForms lite to create the form for free. The free version of WPForms can be found using the link below:
wordpress.org/...
Install and activate the plugin and then go under WPForms, Add New and it will bring up WPForm's form creation. We will be using the Simple Contact form template which will add the default fields that a contact form requires to work properly and you can add or remove fields for your personal needs. Using the available fields on the left you would drag them to the location where the form is located or you delete using the button in the top right of each field when hovered.
Once you have your form set up you can go under Settings, Confirmations to customize the success message. In the notification options, it can send the email to your default admin address under Settings, General for your site or you can change that to a different email. You also can modify the Confirmations to redirect your users to a new page letting them know about the successful submission.
With all of that set up, you can visit a page and use the WPForms block to add the block to your page. It should appear in the editor and give you an idea of what the content would look like. If you would prefer the form in a widget you would need to go under Appearance, Widgets in your admin area, and add the WPForms widget to your widget area and select your contact form from the dropdown.
If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
www.youtube.co...
Join our group on Facebook
/ wpbeginner
Follow us on Twitter
/ wpbeginner
Check out our website for more WordPress Tutorials
www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

Пікірлер: 142

@patriciacoone8605 2 жыл бұрын

Thank you for creating these tutorials that provide professional content, ease, simplicity, and visual examples. I subscribed immediately and have been very helpful to my limited area of technology! Well done Christine!

@wpbeginner 2 жыл бұрын

Glad you enjoy our videos and thank you for subscribing :)

@RohanGillett 2 жыл бұрын

Great video and it is still being used in 2022!

@wpbeginner 2 жыл бұрын

Glad you liked our video!

@regine-annogletree1373 3 жыл бұрын

This is exactly the information I needed for my site! Thanks very much for sharing and I have subscribed to your channel.

@wpbeginner 3 жыл бұрын

Glad our guide could help and thank you for subscribing :)

@nicoleching8362 2 жыл бұрын

Super helpfuuuuul thanks!!!!

@wpbeginner 2 жыл бұрын

Glad it helped!

@jamespaul3325 2 жыл бұрын

Thank you so much. It is an excellent presentation. I am very happy that I watched your presentation.

@wpbeginner 2 жыл бұрын

Glad you found our guide helpful :)

@SpartanManchie 2 жыл бұрын

Thank you so much!!

@wpbeginner 2 жыл бұрын

You're welcome!

@WilliamAlanPhoto 3 жыл бұрын

This is excellent tutelage! Thank you!

@wpbeginner 3 жыл бұрын

You're very welcome!

@One2OnedietwithShirley-UK-Wide 2 жыл бұрын

Many thanks, it's so easy with your help!

@wpbeginner 2 жыл бұрын

Glad our guide was helpful :)

@EducationMarketingLeader 2 жыл бұрын

Great video! Thank you for posting. So helpful.

@wpbeginner 2 жыл бұрын

Glad it was helpful!

@andrewwebley5018 3 жыл бұрын

Thank you for this straight forward, helpful tutorial.

@wpbeginner 3 жыл бұрын

Glad our guide was helpful :)

@garrettwillett Жыл бұрын

This was very helpful, thanks!

@wpbeginner Жыл бұрын

You're welcome!

@mrs.sherry3200 3 жыл бұрын

You are Awesome, thanks!✨

@wpbeginner 3 жыл бұрын

Thank you :)

@blackant1311 3 жыл бұрын

Thanks a lot I have learned and implemented that on my website.

@wpbeginner 3 жыл бұрын

Glad it helped!

@carlosriverarivera3256 3 жыл бұрын

This is a very nice channel. Excellent material.

@wpbeginner 3 жыл бұрын

Thank you, glad you enjoy our content :)

@MyHostingFast 4 жыл бұрын

Very useful video, 🙄

@wpbeginner 4 жыл бұрын

Glad you found our guide helpful :)

@davidoluremi1196 Жыл бұрын

Hi, thanks so much for the video I've been having a bit of trouble with my site. I've been testing the WPForm and I haven't gotten any emails on either of the emails I set.

@wpbeginner Жыл бұрын

You would want to set up SMTP to help ensure your emails reach your inbox. Our guide below should be helpful in setting it up: www.wpbeginner.com/plugins/how-to-set-up-wp-mail-smtp-with-any-host-ultimate-guide/

@narospedia5963 2 жыл бұрын

thank you

@wpbeginner 2 жыл бұрын

You're welcome

@heatherschneider2774 3 жыл бұрын

Thank you so much!

@wpbeginner 3 жыл бұрын

You're welcome!

@cahareesh6295 3 жыл бұрын

Hi @WPBeginner thanks a lot, it was superb n helpful

@wpbeginner 3 жыл бұрын

Glad it was helpful!

@kshitijnepal8227 2 жыл бұрын

Thanks a lot for this video mam! May you guide us further on how to create contact info on right side alongside contact us form please??

@wpbeginner 2 жыл бұрын

For what you are wanting, it sounds like you want to use columns or widgets. If you only want the widget to appear on the specific page then you can follow our guide below: www.wpbeginner.com/plugins/how-to-show-or-hide-widgets-on-specific-wordpress-pages/ For setting up columns you can follow our guide below: www.wpbeginner.com/plugins/how-to-add-multi-column-content-in-wordpress-posts-no-html-required/

@NBBCMinistry1 2 жыл бұрын

Yes, I agree with Patricia Coone, clear simple and well put together. But for me, I have yet to receive the first test email from the wpforms I have create. nothing is coming through?

@wpbeginner 2 жыл бұрын

You would want to ensure your site is sending emails using SMTP as some email providers require that to accept emails. For how to set up SMTP you can take a look at our article below: www.wpbeginner.com/plugins/how-to-send-email-in-wordpress-using-the-gmail-smtp-server/

@kananhasanli9651 3 жыл бұрын

Thank you so much

@wpbeginner 3 жыл бұрын

You're welcome :)

@MarieCastle24 4 жыл бұрын

Hi! Thank you so much for the video 🧡 I have a question, I'm a freelancer starting on WordPress, how can I set up/design multiple websites for my clients? It's possible to create all those websites on my WP account or do I have to build each website on each client WP account using their credentials/login info? Thanks in advance 🙏🏽

@wpbeginner 4 жыл бұрын

If your clients have hosting you would be creating sites on their hosting accounts, otherwise you would likely be creating local installations and transferring them to your client's hosting when the site is ready.

@MarieCastle24 4 жыл бұрын

@@wpbeginner thank you so much for your answer! I've been learning a lot with you. Best of success!

@JazmineHarris 2 жыл бұрын

THANK YOU!!! :')

@wpbeginner 2 жыл бұрын

You're welcome!!

@marijkebeckeringh 3 жыл бұрын

Wait, do you need a business subscription for this?

@wpbeginner 3 жыл бұрын

All of our tutorials are for WordPress.org not WordPress.com, you can see the difference between the two in our article below: www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/ If you're interested in transferring to WordPress.org we also have a service for that.

@annmoses2167 3 жыл бұрын

I like this tutorial very simple to understand. However, I need to know How do I uses the page I already have and insert the form on the same main page. In other words, I want it to be a landing page only.

@wpbeginner 3 жыл бұрын

For creating a landing page, you may want to take a look at our article below: www.wpbeginner.com/wp-tutorials/how-to-create-a-landing-page-with-wordpress/

@managingdirector8515 2 жыл бұрын

Nice tutorial.... On submitting the form, I am not getting the mails at admin and other email_ids, Is there any problem or some seeting remained such as SMTP etc?

@wpbeginner 2 жыл бұрын

If you are not receiving the emails, we would recommend setting up SMTP as the most likely solution. We have a guide on how to set it up that should help below: www.wpbeginner.com/plugins/how-to-set-up-wp-mail-smtp-with-any-host-ultimate-guide/

@tarigrumdan799 3 жыл бұрын

great

@wpbeginner 3 жыл бұрын

Thank you :)

@abhishekkumarrshah 4 жыл бұрын

Very Very Easy To Do This..

@wpbeginner 4 жыл бұрын

Thank you :)

@blogking6595 4 жыл бұрын

did u test that contact form because I setup that correctly and while I send email via contact us page didn't get any email . do you have any idea?

@nareshs7778 Жыл бұрын

Respected sir, visitor submitted contact form, it has displayed email has been sent successfully but not reached admin email, could you please suggest how to rectify.

@wpbeginner Жыл бұрын

It may be due to how your site is sending the email. If you have not already set up SMTP, we would recommend taking a look at our guide on adding SMTP below: www.wpbeginner.com/plugins/how-to-set-up-wp-mail-smtp-with-any-host-ultimate-guide/

@rossshannon1 2 жыл бұрын

Great video, very easy to follow and thank you for your info. I have got a snag lol. After following your video step by step, when someone’s sends a message from my website, it goes to my personal junk mail ☹️ and not the address I entered. Have I missed something.

@wpbeginner 2 жыл бұрын

WPForms' troubleshooting guide below may be helpful for narrowing down the root cause: wpforms.com/docs/troubleshooting-email-notifications/

@kartikeydalal3228 4 жыл бұрын

HI thank you for the tutorial but there is an issue the details applicant is filling is not coming to my mail i have searched whole internet but cant find a solution pls tell me my work is struck in between

@wpbeginner 4 жыл бұрын

The most common reason for that is if your email provider is preventing emails being sent using the default WordPress method. To get around that you can set up SMTP following our guide below: www.wpbeginner.com/plugins/how-to-set-up-wp-mail-smtp-with-any-host-ultimate-guide/

@blogking6595 4 жыл бұрын

Hi @WPBeginner I have setup the contact us page as you explained here but I'm not receiving email can you help me with that. Thanks

@wpbeginner 4 жыл бұрын

For the most common solution, you would want to take a look at our guide on how to send the emails using SMTP below: www.wpbeginner.com/plugins/how-to-set-up-wp-mail-smtp-with-any-host-ultimate-guide/

@ZoraidaBejarano 3 жыл бұрын

@@wpbeginner is not working, I create a business email, but I don't receive the notification. Could you help me please

@TutorialTvOnline 3 жыл бұрын

Hi i've tried everything but still receiving no email under spam or all mail. I've tried changing the admin email to, plz help :(

@wpbeginner 3 жыл бұрын

The most common reason is how WordPress sends emails, you can set up SMTP as the most common solution for that issue following our guide below: www.wpbeginner.com/plugins/how-to-set-up-wp-mail-smtp-with-any-host-ultimate-guide/

@ThemeParkTravelTips 3 жыл бұрын

Great tutorial! Unfortunately when I go to add it to my page WPForms does not show up as a widget. Any thoughts??

@wpbeginner 3 жыл бұрын

You would want to start by going through WPForms' troubleshooting steps below: wpforms.com/docs/getting-support-wpforms/

@bananaboy78member40 4 жыл бұрын

Hi, thanks for the nice tutorial. Is there way we can style the background & button on the free version?

@wpbeginner 4 жыл бұрын

For that you would likely need to use CSS

@fiorellacarrera5912 3 жыл бұрын

thaaaaaaaaaaaaaaaaaaaaaaaaaaank you very much

@wpbeginner 3 жыл бұрын

You're welcome :)

@helmialsharif3246 2 жыл бұрын

How do you make the button a nother colur i hope you can answear.

@wpbeginner 2 жыл бұрын

For changing the button color in WPForms, we would recommend taking a look at their guide on how to do this below: wpforms.com/developers/how-to-change-the-submit-button-color/

@ajaytoons4u 2 жыл бұрын

Hi. It didn't work for me after meticulously following your video. Wne submitted I got the message didn't get through. I edited the page in Elementor, which you didn't use. Perhaps the was the problem ...???

@wpbeginner 2 жыл бұрын

If you didn't receive the message then we would recommend ensuring you have SMTP set up on your site. You can see our guide on how to set it up below: www.wpbeginner.com/plugins/how-to-send-email-in-wordpress-using-the-gmail-smtp-server/

@davidevans4052 3 жыл бұрын

nice and straight forward set up but wont send emails after testing

@wpbeginner 3 жыл бұрын

You may need to set up SMTP to ensure the emails send properly, you can see our guide on this below: www.wpbeginner.com/plugins/how-to-send-email-in-wordpress-using-the-gmail-smtp-server/

@davidevans4052 3 жыл бұрын

Thank you worked a trick. Your videos are ace for helping a novice building charity site. Short, sweet and easy to follow. Thank you

@SaySarah 3 жыл бұрын

Hi, very simple and easy video. I actually already have this set up on my site, but watched this video incase I missed anything, but I didn't. I sent a test through my contact form from a different email and never got anything. Do you know the cause of this?? It doesn't seem like I did anything wrong.

@SaySarah 3 жыл бұрын

It was in the spam folder! Anyway to prevent this???

@wpbeginner 3 жыл бұрын

You would want to whitelist the email address that the contact form is sending you emails from to help prevent that.

@EllenMHelms 3 жыл бұрын

Where is there a support question & answer forum for WPForrms? I'm using WPformsLite for my non-profit, have created a form, adding a "send" email as instructed but it wouldn't send. I'm going to need to do the same with a registrations form in a few weeks, so need help very soon. Thanks!

@wpbeginner 3 жыл бұрын

For support for the plugin, there is the WordPress.org support forum for the plugin: wordpress.org/support/plugin/wpforms-lite/

@EllenMHelms 3 жыл бұрын

@@wpbeginner I'm very late in sending my thanks! I've just used this tutorial again for my own business website and had much more success than I did with the other site. For that I'm very thankful :-)

@sosukeaizen2116 3 жыл бұрын

Hi I followed your tutorial step by step and even set up two emails but I never received any notifications from the two test submissions I made.

@wpbeginner 3 жыл бұрын

The most likely issue is due to how WordPress is sending the emails. You would need to set up SMTP to help ensure you receive the messages and we have a guide on how to set it up below: www.wpbeginner.com/plugins/how-to-send-email-in-wordpress-using-the-gmail-smtp-server/

@deemariegreen 3 жыл бұрын

I followed the recaptcha steps on this plugin, but it’s not showing. Any advice? 😟

@wpbeginner 3 жыл бұрын

It would depend on the type of recapcha that you set up, we would recommend reaching out to WPForms' support and they can normally assist with issues like this.

@TheTechPianoPlayerKid 3 жыл бұрын

Hey, I am actually in the process of building my own site for my KZfaq channel. I have the contact form created, and I put it in the page, but the page is not showing up on my site, and the page is public. What do I need to do to fix that?

@wpbeginner 3 жыл бұрын

You may need to add the page to your menu, we have a guide on creating a menu below: www.wpbeginner.com/beginners-guide/how-to-add-navigation-menu-in-wordpress-beginners-guide/

@LilithJayne 2 жыл бұрын

Hi, I've just created this form exactly as you have but email not going through 😵

@wpbeginner 2 жыл бұрын

Not receiving the emails would be due to how WordPress sends emails by default. You would normally want to set up SMTP to fix deliverability issues. You can see our guide on how to do so below: www.wpbeginner.com/plugins/how-to-set-up-wp-mail-smtp-with-any-host-ultimate-guide/

@arunx20042003 3 жыл бұрын

Dont we need to integrate with any smtp? Will it send email?

@wpbeginner 3 жыл бұрын

We would recommend connecting to SMTP due to how WordPress sends emails by default.

@saritabatra2990 4 жыл бұрын

Hey well I have a request can you make a video on solution of my problem, The problem is that I have 3 wordpress websites and one of them is woocommerce website so what I want is to sync the login credentials for example people sign up on my main landing page and there account are automatically sync on two other websites too and please tell me the easiest way thanks

@wpbeginner 4 жыл бұрын

We will certainly consider covering that in a future guide should we find something we would recommend.

@jeannemoore6610 3 жыл бұрын

I followed this video several times and tried to add a gmail account for my emails from the contact form to go to. But every time I did it and then tested the form that I placed on my contact page, I got a delivery failure in my WP email of record. When I used the {admin_email} code, I received no emails a tall in that account when I tested it. Am I missing somthing?

@wpbeginner 3 жыл бұрын

You would want to set up SMTP on your site to help ensure your emails reach your email address. For setting up SMTP, you would want to take a look at our article below: www.wpbeginner.com/plugins/how-to-send-email-in-wordpress-using-the-gmail-smtp-server/

@mikewahl7624 Жыл бұрын

I tried to follow every thing you instructed but I could not get it to work. The form works but I never receive the contact information when I click on submit. I try sending it to my gmail account but I never receive it.

@wpbeginner Жыл бұрын

It would likely be due to your site is sending the messages, we would recommend setting up SMTP for your site following our article below: www.wpbeginner.com/plugins/how-to-set-up-wp-mail-smtp-with-any-host-ultimate-guide/

@Danny-ym5xy 2 жыл бұрын

Does the person on my site see what email they are sending their message to? I might just make a new email dedicated for my contact forms.

@wpbeginner 2 жыл бұрын

No, that is part of why we recommend using a contact form :)

@Danny-ym5xy 2 жыл бұрын

@@wpbeginner i see my email when I reply. I want my email to be private and just say its from my site

@FitDemo 3 жыл бұрын

how can I chang the color of the "send" button? it's too transparent

@wpbeginner 3 жыл бұрын

If you are using WPForms you can follow their guide below: wpforms.com/developers/how-to-change-the-submit-button-color/

@freddykay6473 3 жыл бұрын

Teach us how to remove headers with CSS codes, it showing on my contact page

@wpbeginner 3 жыл бұрын

It would depend on your specific theme for what CSS is needed. we would recommend reaching out to your theme's support for what their recommendations are for removing the header

@reshamkamat304 3 жыл бұрын

Mail is not delevering in mail box..wht i need to do ??

@wpbeginner 3 жыл бұрын

Set up SMTP following our article below: www.wpbeginner.com/plugins/how-to-set-up-wp-mail-smtp-with-any-host-ultimate-guide/

@edwarddelgado9654 Жыл бұрын

Does it work?

@wpbeginner Жыл бұрын

Yes, our guide should still work :)

@Sharmajikivideos 2 жыл бұрын

I am not getting any response after submitting, any solution?

@wpbeginner 2 жыл бұрын

The most common reason would be how WordPress sends emails by default, you can help mitigate that issue by setting up SMTP following our guide below: www.wpbeginner.com/plugins/how-to-send-email-in-wordpress-using-the-gmail-smtp-server/

@jatinderkumar6353 3 жыл бұрын

i submit form , but conformation on mail not receive?

@wpbeginner 3 жыл бұрын

The most likely reason would be how your WordPress site is sending emails, you can help ensure you receive emails using our guide below: www.wpbeginner.com/plugins/how-to-send-email-in-wordpress-using-the-gmail-smtp-server/

@lucycole1271 3 жыл бұрын

It didn't work. I followed all of the steps but nothing showed up on the website. I am not sure what I did wrong.

@wpbeginner 3 жыл бұрын

You would want to ensure you published your changes if you followed our guide completely

@mila.marketer 4 жыл бұрын

I am trying to figure out where the inquiries are going. I have 34 inquiries according to the WPforms but I can't see none of them. I am using the free version. Anyone can shed me some light.

@wpbeginner 4 жыл бұрын

You would want to ensure the emails are being sent to the correct email and if you have not done so already, set up SMTP to help your site send emails more reliably: www.wpbeginner.com/plugins/how-to-set-up-wp-mail-smtp-with-any-host-ultimate-guide/

@mila.marketer 4 жыл бұрын

@@wpbeginner Thanks I did it!

@taranveersingh550 2 жыл бұрын

How can I see those people who filled out the contact form?

@wpbeginner 2 жыл бұрын

The form will send you an email with user submissions. To help ensure you receive the emails, we would recommend setting up SMTP following our guide below: www.wpbeginner.com/plugins/how-to-send-email-in-wordpress-using-the-gmail-smtp-server/

@taranveersingh550 2 жыл бұрын

@@wpbeginner ok, tysm

@mike2010143 3 жыл бұрын

You type so fast :P

@wpbeginner 3 жыл бұрын

Thank you :)

@BuffyCrosby 3 жыл бұрын

Great video! You guys are so helpful! I added my yahoo and gmail addresses to forward the form to. I also have my admin "Info@domain.com" email in the settings as you instructed. The form is only going to the admin email and not the yahoo or gmail emails. They are listed first and I did put the comma between them. What could be causing this?

@wpbeginner 3 жыл бұрын

@BuffyCrosby 3 жыл бұрын

@@wpbeginner thank you!!!!

@MichelleMisfitX 3 жыл бұрын

thank you very much, that was super helpful!

@wpbeginner 3 жыл бұрын

You're welcome!

@HiImMigz 2 жыл бұрын

I accidently trashed and deleted my contact page some time ago and now I dont have the template for this. Any way to recover it or a way to create it again?

@wpbeginner 2 жыл бұрын

If you deleted the trashed page then sadly no, you would need to manually recreate the form.