1. Home
  2. Docs
  3. Getting Started
  4. Contact Form 7

Contact Form 7

Please make sure, you’ve installed Contact Form 7 plugin.

  • Dashboard > Contact
  • Click on Add New button

  • Insert a title for your contact form. Eg. Contact Form
  • Replace the content of the Form with the following form code
<div class="form-group">
[text* name id:atbdp-contact-name class:form-control placeholder "Name"]
</div>
<div class="form-group">
[email* email id:atbdp-contact-email class:form-control placeholder "Email"]
</div>
<div class="form-group">
[textarea* textarea id:atbdp-contact-message class:form-control placeholder "Messege"]
</div>
[submit class:btn class:btn-gradient class:btn-gradient-one class:btn-block "Send Messege"]

  • Then Click on the ‘save’ button.

Mail configuration

After you have finished adding form fields, switch to the ‘Mail’ tab and set up email submission and message template options.

By default Mail options look something like this

You need to customize the fields according to this image.