Style e-mails Contact Forms
-
Hey,
How can I style the e-mails that are sent once a person completes a CF7 contact form? For example, I would like to add my logo at the top of the e-mail. I also use Mailchimp and the Mailchimp CF7 extension.
Thanks.
Greetings,
Tess
-
Hello, Good Day!
Contact Form 7 gives you 2 option in sending out the information it can be via plain text or html. If for example you need a styled email sent you can setup a body like the one below, in our example we assume that you have fields for name, email, and a body.
<html>
<head>
</head>
<body>
<div class=”emailbody”>
<h3>Name</h3>: [your-name]<br />
<h3>Email</h3>: [your-email]<br />
<h3>Message</h3>: [your-message]<br />
</div>
</body>
</html>Make sure that on the form settings on the admin area you have tick the option for “Use HTML content type” for your layout to work.
The code above is just a sample and you can style it with css with the code added on the head part. If you have other questions don’t hesitate to reply on the thread.
Have a great day ahead!
The topic ‘Style e-mails Contact Forms’ is closed to new replies.
