WordPress bundle Contact Form 7 add confirm

hey it’s Johnson WP learning lab in this tutorial I’m going to show you how to add email validation to contact form 7 it’s quite easy to do I’m going to assume you already have contact form 7 installed and you have a form created in this example I just have the basic form so whenever you install contact form 7 he creates a very basic form for you which is this right here this is with the styling that’s in the Aveda thing I didn’t change any of the styling manually and what we’re going to do is add a second email field right now we have one with says you’re in those required right here we’re going to add a second one which asked to confirm the email and it Compares it to you to make sure that they are the same email and then you can submit the form so to do this we’re going to go back into our dashboard go to plugins and then add new

I’m going to type in contact

form 7

email confirmation this is the Pokemon you want right here in the right hand side when I click on install now

what is the installing going to click on activate

no it’ll take us to the plugin page wanted to activated

and then following that we’re going to go to our contact form editor so going to have her contact and click on contact forms and we have our basic form right here you may have a different one go in whatever form you want to edit and then you’ll see an extra button was added called to confirm email so I’m going to duplicate

this label right here or email label and I’m going to say please

confirm your email

delete the shortcut we have in here and then click on the confirm you a button to add and customize a confirm email shortcode make it required the gun insert tag and now I have a different email field

picknsave right here and we’ll go back to the farm to see how it looks

back to the life-form I mean refresh this page and now we have a confirmed email filled the styling is off cuz it’s not a default contact form 7 filled so I made it is not hot styling built-in for this field but it’s easily added that’s topic of a different video but it’s easily added with CSS but if we add an email here so we have my Bjorn it WP learning lab

dot-com email then I put it if you want it lunchtime media

email

test subject test message at my name and I forgot to send

and because those are two different emails are getting error message I’m not a very helpful one but still an error message saying one more Fields have an error please check and try again now if we put our correct or we put the same email into both and click on send

the email was confirmed the message was sent and they have it at stay at a confirm email field to your contact form 7 I hope to see helps you mine is Jordan from WP learning lab is make sure you like this video share on social media subscribe to YouTube channel and check a daily pill or a lapdog, we’re publishing mortex coils just like this every single day. You soon

contact form will allow your audience to easily reach out to you without knowing your personal email address and it will also allow you to send an immediate response to their mailboxes today we’re going to show you how to create a simple contact form in WordPress using the contact form 7 plug in this plug-in will let you configure and maintain multiple contact forms without touching a single line of code before you proceed with the steps below ensure you have the contact form 7 plug-in installed on your WordPress dashboard open the plug-in by cooking contact on the sidebar of your WordPress dashboard

here you’ll find all the tools you need to create new contact forms for different parts of your website or re-edit the existing ones you’ve made to create a new contact form press the add new button for now we will work with an existing contact form its created automatically during the plugin installation click edit to modify the form

open the mail tab the most important settings you need to Define are located here

let’s review the basic conditional Fields use the to field to specify the email address you would like to get notifications to when someone uses the form in the from field put the email address you would like customers to receive the automated emails from it should be a valid existing email address in our example we’ve used a mailbox configured in the same cpanel account where the website is hosted no additional steps are required in this case

if you’d like to use your Gmail account or any other third-party mailbox in the from field you will also need to switch from the wpml function to the SMTP sending method this will require you to install an additional SMTP plug-in such as WP mail SMTP we have a tutorial on our knowledge base about it linked under this video

good news you can figure the basic settings for your contact form leave the other field untouched for now press save to save your changes

if you want to customize your contact form for example enable recaptcha for auto-responders check the contact form 7 official documentation the link is below the last step is the publisher contact form find the short code under the name of your contact form and copy it down you can add it to the existing post or create a separate page with the contact form we will create a new page here for this hover your mouse over the pages menu in the sidebar of your WordPress dashboard and choose the add new option

Define the name of your page will call it contact us

haste the short code to the body of the page click on the publish button to save your page you will be asked once more to confirm the action press published once more you will see the notification that the page has been published on your website click view page to check it congratulations your contact form is now available for your website visitors any submitted form will be sent to the email address specified in the two field thank you for watching if you have any questions please post them under this video or check out our knowledge base at namecheap.com for more tips and support