Contact Form 7 handleiding Nederlands voor WordPress (2020)

Contact Form 7 handleiding Nederlands voor WordPress (2020)


Hi, I’m Richard from WPHelpdesk
and it this video I’ll show you How to use the Contact Form 7 plugin,
how to install this forms plugin configure it the right way and how you can prevent losing e-mails when they don’t show up in your inbox We’re going to start with the basics
So we install the plugin Configure our first form We add some fields to that form And we make sure those fields also show up in the e-mails We’ll take a look at the deliverability And how to store submitted mails in the database of your WordPress site So that even if a mail doesn’t reach your inbox
You can still recover it from your websites database to prevent ever losing an e-mail again We also have a video about how you can setup a plugin to send your site e-mails over SMTP
but that is a whole different process so I’ll link so that in the video description Before we start is would be nice if you give a thumbs up And subscribe to our channel if this video helped you And stay up-to-date with future video’s To get started we go to the WordPress Dashboard Then we go to ‘Plugins’>’Add New’ So we go to ‘Plugins’>’Add New’
And than we search for ‘Contact Form 7’ Then it’s obviously the first result
click on ‘Install Now’ And after that we click on ‘Activate’ You’ll now see that this plugin appears in the list of active plugins And on the left we see an extra menu item with the name
‘Contact’ That menu item has some sub-items “Contact Forms” and “Add New” Go to “Contact Forms” first Here we see a warning for if you receive a lot of SPAM and a notice for saving e-mails to the database with the Flamingo plugin We’ll Dismiss this notice But DO read this in your own time, I’m just not going to read out the text in this video Then we see here our first Contact form click on ‘edit’ and then we have our form here. We see the name/title of the form,
the Shortcode that you can place in a post or page The HTML structure of the form the codes that convert to the input fields And the submit button Here is also the ‘Mail’ tab
that contains the settings for sending the e-mail
so you’ll have here the ‘To’ emailaddress of the recipient
the ‘From’ field that’s the sender the ‘Subject’ line and the ‘Additional Headers’
Where the ‘Reply-To’ is really important That part is responsible for actually replying when you
click on the reply button of your email client And that mail is being sent to the person submitting the form Here we have the ‘Message Body’ where you also see a couple of tags that are also present in the HTML of the form. And an option to use ‘mail (2)’, so you could send a mail also to someone else For example as a confirmation email or to your sales team Then we have the ‘Messages’ tab
That contains al the error messages that show up to the user
but of course also the succes notification after sending So if you want to edit the notifications that show up
like: Thank you for your message It has been sent. You could change that here
just like the different error notifications that you can change here It are quit a few but there is a different one possible for every type of field. There is also a tab for the ‘Additional Settings’ I do not cover that because it’s more advanced and is often not necessary Alright then, first we copy this Shortcode then we go to the homepage of the website,
I have setup a static homepage We go to edit page
and then we insert te form here We use the new default block editor that’s the default since version 5 And we insert a shortcode block I search on the ‘C’ first to make sure Contact Form 7 doesn’t have his own block but thats not the case So we’ll insert the Shortcode block that you can find below the Widget section Then we past the Contact Form 7 shortcode there
and click on Update When we go back to the homepage we’ll see that
the form is being displayed It is still kind of basic
because we haven’t changed anything Something you do see immediately is
the name required part and you’ll see that here too above the first input field Let’s say that you want to change this a bit So we change this to firstname but we also want to know the lastname
we could copy this code but you could also use this button
then you get a popup to create an input field
make it required Name is Lastname and then we press ‘Insert Tag’
that creates this part So you only have the extra input field So what you want to do next is als add a label tag For that we copy this We’ll change this to Lastname
This field is also required so we copy that to A new line for a bit of spacing and if we save the form
and reload the homepage Now you’ll see that is says First name, Lastname, email address, subject
and that’s the basics this way you could create a very extensive form
with the default options There are also a couple of extra fields to choose from
for example a date picker Copy the label tag again put it around it I’ll do this a bit quicker we can add a phone number field Let’s see what are the other options Radio buttons, text area’s, a URL a drop-down with multiple choices and next we insert.. Nothing, we stick with this for now We save this form, reload the page
and see the different fields and options we just added so far so good There is one caveat, though
If you would send the form now then only the First name, subject and message would be send
because those are in the e-mail The fields we have added to the form tab haven’t been added in the Mail tab yet. Let’s take a look at it.
As you see there’s only your-name, your-email, your-subject and your-message that are the only fields that will be sent The fields we just added are only added to the form Those do show up here at the top.
en die staan nu ook hier boven vermeld
those with the dark color are the ones that are not added to the mail yet So we can copy those We replace this because the name field isn’t used anymore We add the date picker Phone number field the dropdown choice and the message itself And that’s how you can add all the input fields
to the e-mail so that they get send If you also want to send a confirmation mail to the person submitting the e-mail You can use Mail (2) for that,
check that box And then you can create a mail in those fields as well,
for example “Hi we received your message” Then we go back because we need the First name field When the mail gets send it converts to the submitted First name Let’s say “As a confirmation you also receive a copy” And basically you could just copy this text You could change the footer text so that is looks a bit more professional And that’s how can edit and change the mail I all ready showed how to change the error and succes Messages So this is the basics of how to create a contact form When installing Contact Form 7 for the first time And haven’t used it before than these settings are also correct This ‘To’ field is by default the Administration Email Address of the site owner the one that’s displayed under Settings>General You can change the ‘To’ address if you want.
Tho ‘From’ address is almost always The website title as name and WordPress at website URL as mail address It is possible to change this But you have to be really careful wit this,
this often causes issues most webhosts are configured in a way you can’t send mail from a different domainname otherwise I could easily put something like ‘Google’ here
and people could think they got an e-mail from Google while it’s just me So often there are some security measures in place to prevent that So you have to test this thoroughly And make sure the From address contains the website domain This is also the point where an SMTP plugin could help out if you want to use a different domain as the From address So if the From address contains a different domain than you often need a SMTP plugin for that so you can send an email in a different name For now we leave it like this You could only place the subject tag in the subject field, but if the subject isn’t a required input field
than it can happen that the subject line of a mail is empty, that can trigger a SPAM filter and
can make it difficult to recognise the mails in your inbox So it is advised to also add a short text alongside the subject tag Leave the ‘Reply-To’ field like this
that almost never changes it’s structured as ‘Reply-To:’ and then the mail address tag and we all ready cover the Message Body so We save this and we’re done!

2 comments

  1. Tips? Suggesties? Iets dat je graag in een volgende video behandeld wilt zien? Schroom niet en plaats het in een reactie!
    — — — — — — — — — — — —

    Vragen? Hulp nodig? ► https://wphd.be/vraag
    Telefonische ondersteuning ► 0900-0279 (binnen Nederland 90ct/minuut)

Leave a Reply

Your email address will not be published. Required fields are marked *