Saturday 8 October 2016

How to Create Contact form 7 HTML Structure code for send E-mail in WordPress?

First Create Contact form in contact form 7 Plugin.
Then Put following code in Mail structure.

CODE:-

<div style="width:70%;background: rgba(204, 204, 204, 0.36);padding: 30px;margin: 0 auto;">
<center><img style="max-height: 100px;" src="Logo_url"></center>
<center><h2>Inquiry About Site</h2></center>
<center>
<table style="background: #DDDDDD;color: #005BC6;width: 90%;">
<tbody>
<tr style="line-height: 24px;">
<td style="padding: 5px 10px;color: #000;font-weight: bold;">Name:</td>
<td style="padding: 5px 10px;line-height: 17px;">[your-name]</td>
</tr>

<tr style="line-height: 24px;">
<td style="padding: 5px 10px;color: #000;font-weight: bold;">Email:</td>
<td style="padding: 5px 10px;line-height: 17px;">[your-email]</td>
</tr>

<tr style="line-height: 24px;">
<td style="padding: 5px 10px;color: #000;font-weight: bold;">Contact No:</td>
<td style="padding: 5px 10px;line-height: 17px;">[tel-no]</td>
</tr>

<tr style="line-height: 24px;">
<td style="padding: 5px 10px;color: #000;font-weight: bold;">Message:</td>
<td style="padding: 5px 10px;line-height: 17px;">[your-message]</td>
</tr>

</tbody>
</table>
<center>
</div>

<center><small>This email sent from "<a href="#" target="_blank">#</a>".</small></center>

You can change as your form need.


For more Interesting, Useful Article & codes visit IT New Code.

Ankit Shah PHP Expert

IT New Code suggest a solution for your problem related to coding, Specially .PHP, Wordpress, WooCommerce, Magento, HTML and CSS. Visit Our website for Information.

0 comments:

Post a Comment

 

Copyright @ 2016 IT New Code | Developing Code | Designing Code.

Designed by: Ankit Shah