Login with:


Not a member? Sign Up

Forgot Password?

Signup with:


Already have an account? Log in

MDW WordPress Tutorial Contact Form

Contact Form

Written by Michał Krawczyk ,

  1. Go to Plugins and then Add new.
  2. Now, type in the Search plugins... area "Contact Form 7".
  3. Find the following card and Click on blue button Install Now
    Contact form plugin - WordPress view
  4. If you have installed the plugin, you have to activate it. Go to Plugins and then Installed plugins. Find Contact Form 7 and click Activate.
  5. Now go to Contact (on the Sidenav).
  6. Contact Form 7 created default contact form. Let's customize it. Click the Contact form 1 label.
  7. 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.
    • Header is an additional label available in the particular widgets (this one in the Landing Page: Contact form).
    • As you see, Send button 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 "Send"]


      [submit class:btn class:btn-primary id:send-mail "Send"]

      Contact form 7 - edition
  8. Next tab is Mail. Here you can edit where your emails will be stored (To, your main mail, Label of the Subjects, headers, and Message Body.
  9. Messages are 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.
  10. Save the changes. Your contact form is now ready to use.

Do you want to share?

About author

User avatar

Michał Krawczyk

Digital Marketing Analyst at MDW with a strong Research background, student of Interfaculty Individual Studies in the Humanities at the Jagiellonian University

Leave a reply

Card image cap

Stay up to date

Subscribe to our newsletter

Rapid change in the world of web development is its inseparable quality. New updates and features are being constantly released, almost every week. Don't forget to be up to date.