Written by Michał Krawczyk ,
- Go to
- Now, type in the
Search plugins...area "Contact Form 7".
- Find the following card and Click on blue button
- If you have installed the plugin, you have to activate it. Go to
Installed plugins. Find Contact Form 7 and click
- Now go to
Contact(on the Sidenav).
- Contact Form 7 created default contact form. Let's customize it. Click the
Contact form 1label.
- The first tab -
Form- contains the code which describes what your contact form will display if you use it in any widget. The picture below shows you the code and the preview. You can easily change the text, depends on your preference.
Headeris an additional label available in the particular widgets (this one in the
Landing Page: Contact form).
- As you see,
Sendbutton does not look like Material Design at all. What is the reason? This is default style of the Contact Form 7 buttons. Let's change its appearance. To accomplish that, we have to change the code. Don't be afraid, it's easy. Just replace:
[submit class:btn class:btn-primary id:send-mail "Send"]
- Next tab is
To, your main mail, Label of the Subjects, headers, and Message Body.
Messagesare displayed in a various of situations. You can change every single one. Browse all of them if you want to personalize them, but you may leave them default, which is rather recommended.
- Save the changes. Your contact form is now ready to use.