DESCRIPTION
Learn how to add and edit an existing form using Contact Form 7 plugin on your WordPress site.
Timestamps:
- 0:00 Intro
- 0:27 Once Installed
- 0:39 Edit Plugin
- 0:58 Form Tab Edits
- 1:41 Contact Form Documentation
- 2:25 Email Address Information
- 2:57 Mail Tab Edits
- 3:41 Default Message
- 4:12 Code Snippets
- 4:24 Outro
Transcript:
Tina: 0:00
This brief tutorial will show you how to add and edit an existing contact form using contact form 7 for WordPress. So contact form 7 is going to show as an envelope icon and say contact. So if you click on contact forms there you'll see there's on this, you know, basically fresh install, we do have one form available.
0:27
So if you just installed the plugin on your site you can edit that one. You can also create your new one if you already have an existing form and you're looking to set up another form for your website.
0:39
So the first tab here is going to contain the form info. So if you are adding other items you want to keep the same structure here with the label tags. Your field names are using your name, your email, your subject.
0:58
You can actually change those to be more descriptive. So if you have a first name and a last name field you can change this to first name. You can change; add another field by doing a copy paste and you can change this one to last name. Those are going to be used in your, these essentially kind of like tokens will be used in your message template. So it's go, it already has a submit button and you can see up here it has a few other items that you may use like text area for instance or checkboxes, quiz and so forth.
1:41
There is good documentation for some of this information on contact form 7's website so you can also refer to that for more in depth knowledge but we're just kind of covering a basic form here. So this is your form. If we switch to the mail tab you'll see that. You can enter your from address. The two, you generally going to, this is something you're going to send that's going to be notifying somebody on your web, you know, in terms of whoever's handling response from your website. So you would put that email address in up here.
2:25
Please be aware that in some instances, depending on your email hosting, if the two and from are the same email address, sometimes emails can get caught in spam, the flag for spoofing. So you want to make sure you check with your IT in terms of that and make sure that's allowed, especially if you are using SMTP, say RSMTP for your website. Generally, that could possibly get flagged, depending on how strict protocols are.
2:57
So you can customize your subject line as you wish. And you'll see that anything that is a token has the brackets. So this is going to pull like that first your name item from the list of the labels that are generated and the message and so forth. So you want to make sure that if you modify anything on your form that you account for everything properly here in the mail portion. Otherwise, if the item does not exist such as your message, it's going to just send this message and not actually the message from the form. So you want to make sure that you cross check between those two items so that you know you have everything.
3:41
So the messages tab then is going to contain cues for things such as the default thank you for your message that has been sent. So you can customize those any validations that are in place, you know, this field is required and so forth. So those can be customized if you wish. Generally for most people it's probably fine to just leave the default but you may want to customize your success message possibly with a timeline as to when you get back to them or something like that.
4:12
Additional settings is just for additional code snippets and generally that's for more advanced users. So basically you're going to be concerned with the form, a mail and possibly messages tabs within the plugin.
4:24
The last thing you'll notice is that there is short code available up here so when you want to add a form into your post or page or a widget on the site that is where you'll so you'll copy that short code and use that code appropriately in your post or page or widget content. And that's a quick synopsis of contact form 7 for WordPress.