Using HTML Content Type

seanturner
(@seanturner)

9 years, 11 months ago

I can not find any solid videos on how to implement this feature and have it function correctly through contact form 7/WordPress.

Any help with allowing for a customized HTML responder email?

Thanks.

https://wordpress.org/plugins/contact-form-7/
Viewing 3 replies - 1 through 3 (of 3 total)
Plugin Author
Takayuki Miyoshi
(@takayukister)
9 years, 11 months ago
Setting Up Mail
Thread Starter
seanturner
(@seanturner)
9 years, 11 months ago
Thank you, I’ve seen this on their website. However, it’s not as easy as checking a box.
I’ve built out an HTML email like this:
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Thanks for Contacting Us</TITLE><!-- NAME: 1 COLUMN - BANDED -->
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<META name=viewport content="width=device-width, initial-scale=1.0">
<STYLE type=text/css>BODY {
	HEIGHT: 100% !important; WIDTH: 100% !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
#bodyTable {
	HEIGHT: 100% !important; WIDTH: 100% !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
#bodyCell {
	HEIGHT: 100% !important; WIDTH: 100% !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
TABLE {
	BORDER-COLLAPSE: collapse
}
IMG {
	BORDER-LEFT-WIDTH: 0px; TEXT-DECORATION: none; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; OUTLINE-STYLE: none; BORDER-TOP-WIDTH: 0px
}
A IMG {
	BORDER-LEFT-WIDTH: 0px; TEXT-DECORATION: none; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; OUTLINE-STYLE: none; BORDER-TOP-WIDTH: 0px
}
H1 {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
H2 {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
H3 {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
H4 {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
H5 {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
H6 {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
P {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 1em 0px; PADDING-RIGHT: 0px
}
A {
	WORD-WRAP: break-word
}
.ReadMsgBody {
	WIDTH: 100%
}
.ExternalClass {
	WIDTH: 100%
}
.ExternalClass {
	LINE-HEIGHT: 100%
}
.ExternalClass P {
	LINE-HEIGHT: 100%
}
.ExternalClass SPAN {
	LINE-HEIGHT: 100%
}
.ExternalClass FONT {
	LINE-HEIGHT: 100%
}
.ExternalClass TD {
	LINE-HEIGHT: 100%
}
.ExternalClass DIV {
	LINE-HEIGHT: 100%
}
TABLE {
	mso-table-lspace: 0pt; mso-table-rspace: 0pt
}
TD {
	mso-table-lspace: 0pt; mso-table-rspace: 0pt
}
#outlook A {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
IMG {
	-MS-INTERPOLATION-MODE: bicubic
}
BODY {
	-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%
}
TABLE {
	-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%
}
TD {
	-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%
}
P {
	-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%
}
A {
	-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%
}
LI {
	-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%
}
BLOCKQUOTE {
	-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%
}
#bodyCell {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
.mcnImage {
	VERTICAL-ALIGN: bottom
}
.mcnTextContent IMG {
	HEIGHT: auto !important
}
BODY {
	BACKGROUND-COLOR: #f2f2f2
}
#bodyTable {
	BACKGROUND-COLOR: #f2f2f2
}
#bodyCell {
	BORDER-TOP-WIDTH: 0px
}
H1 {
	FONT-SIZE: 40px; FONT-FAMILY: Helvetica; FONT-WEIGHT: bold; COLOR: #606060 !important; FONT-STYLE: normal; TEXT-ALIGN: left; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: -1px; LINE-HEIGHT: 125%
}
H2 {
	FONT-SIZE: 26px; FONT-FAMILY: Helvetica; FONT-WEIGHT: bold; COLOR: #404040 !important; FONT-STYLE: normal; TEXT-ALIGN: left; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: 0px; LINE-HEIGHT: 125%
}
H3 {
	FONT-SIZE: 18px; FONT-FAMILY: Helvetica; FONT-WEIGHT: bold; COLOR: #606060 !important; FONT-STYLE: normal; TEXT-ALIGN: left; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: 0px; LINE-HEIGHT: 125%
}
H4 {
	FONT-SIZE: 16px; FONT-FAMILY: Helvetica; FONT-WEIGHT: bold; COLOR: #808080 !important; FONT-STYLE: normal; TEXT-ALIGN: left; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: normal; LINE-HEIGHT: 125%
}
#templatePreheader {
	BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: #ffffff
}
.preheaderContainer .mcnTextContent {
	FONT-SIZE: 11px; FONT-FAMILY: Helvetica; COLOR: #606060; TEXT-ALIGN: left; LINE-HEIGHT: 125%
}
.preheaderContainer .mcnTextContent P {
	FONT-SIZE: 11px; FONT-FAMILY: Helvetica; COLOR: #606060; TEXT-ALIGN: left; LINE-HEIGHT: 125%
}
.preheaderContainer .mcnTextContent A {
	TEXT-DECORATION: underline; FONT-WEIGHT: normal; COLOR: #606060
}
#templateHeader {
	BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: #ffffff
}
.headerContainer .mcnTextContent {
	FONT-SIZE: 15px; FONT-FAMILY: Helvetica; COLOR: #606060; TEXT-ALIGN: left; LINE-HEIGHT: 150%
}
.headerContainer .mcnTextContent P {
	FONT-SIZE: 15px; FONT-FAMILY: Helvetica; COLOR: #606060; TEXT-ALIGN: left; LINE-HEIGHT: 150%
}
.headerContainer .mcnTextContent A {
	TEXT-DECORATION: underline; FONT-WEIGHT: normal; COLOR: #6dc6dd
}
#templateBody {
	BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: #ffffff
}
.bodyContainer .mcnTextContent {
	FONT-SIZE: 15px; FONT-FAMILY: Helvetica; COLOR: #606060; TEXT-ALIGN: left; LINE-HEIGHT: 150%
}
.bodyContainer .mcnTextContent P {
	FONT-SIZE: 15px; FONT-FAMILY: Helvetica; COLOR: #606060; TEXT-ALIGN: left; LINE-HEIGHT: 150%
}
.bodyContainer .mcnTextContent A {
	TEXT-DECORATION: underline; FONT-WEIGHT: normal; COLOR: #6dc6dd
}
#templateFooter {
	BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: #f2f2f2
}
.footerContainer .mcnTextContent {
	FONT-SIZE: 11px; FONT-FAMILY: Helvetica; COLOR: #606060; TEXT-ALIGN: left; LINE-HEIGHT: 125%
}
.footerContainer .mcnTextContent P {
	FONT-SIZE: 11px; FONT-FAMILY: Helvetica; COLOR: #606060; TEXT-ALIGN: left; LINE-HEIGHT: 125%
}
.footerContainer .mcnTextContent A {
	TEXT-DECORATION: underline; FONT-WEIGHT: normal; COLOR: #606060
}

@media Unknown
{
BODY {
	-webkit-text-size-adjust: none
}
TABLE {
	-webkit-text-size-adjust: none
}
TD {
	-webkit-text-size-adjust: none
}
P {
	-webkit-text-size-adjust: none
}
A {
	-webkit-text-size-adjust: none
}
LI {
	-webkit-text-size-adjust: none
}
BLOCKQUOTE {
	-webkit-text-size-adjust: none
}
BODY {
	WIDTH: 100% !important; MIN-WIDTH: 100% !important
}
TABLE[class=mcnTextContentContainer] {
	WIDTH: 100% !important
}
TABLE[class=mcnBoxedTextContentContainer] {
	WIDTH: 100% !important
}
TABLE[class=mcpreview-image-uploader] {
	WIDTH: 100% !important; DISPLAY: none !important
}
IMG[class=mcnImage] {
	WIDTH: 100% !important
}
TABLE[class=mcnImageGroupContentContainer] {
	WIDTH: 100% !important
}
TD[class=mcnImageGroupContent] {
	PADDING-BOTTOM: 9px !important; PADDING-TOP: 9px !important; PADDING-LEFT: 9px !important; PADDING-RIGHT: 9px !important
}
TD[class=mcnImageGroupBlockInner] {
	PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important
}
TBODY[class=mcnImageGroupBlockOuter] {
	PADDING-BOTTOM: 9px !important; PADDING-TOP: 9px !important
}
TABLE[class=mcnCaptionTopContent] {
	WIDTH: 100% !important
}
TABLE[class=mcnCaptionBottomContent] {
	WIDTH: 100% !important
}
TABLE[class=mcnCaptionLeftTextContentContainer] {
	WIDTH: 100% !important
}
TABLE[class=mcnCaptionRightTextContentContainer] {
	WIDTH: 100% !important
}
TABLE[class=mcnCaptionLeftImageContentContainer] {
	WIDTH: 100% !important
}
TABLE[class=mcnCaptionRightImageContentContainer] {
	WIDTH: 100% !important
}
TABLE[class=mcnImageCardLeftTextContentContainer] {
	WIDTH: 100% !important
}
TABLE[class=mcnImageCardRightTextContentContainer] {
	WIDTH: 100% !important
}
TD[class=mcnImageCardLeftImageContent] {
	PADDING-BOTTOM: 0px !important; PADDING-LEFT: 18px !important; PADDING-RIGHT: 18px !important
}
TD[class=mcnImageCardRightImageContent] {
	PADDING-BOTTOM: 0px !important; PADDING-LEFT: 18px !important; PADDING-RIGHT: 18px !important
}
TD[class=mcnImageCardBottomImageContent] {
	PADDING-BOTTOM: 9px !important
}
TD[class=mcnImageCardTopImageContent] {
	PADDING-TOP: 18px !important
}
TD[class=mcnImageCardLeftImageContent] {
	PADDING-BOTTOM: 0px !important; PADDING-LEFT: 18px !important; PADDING-RIGHT: 18px !important
}
TD[class=mcnImageCardRightImageContent] {
	PADDING-BOTTOM: 0px !important; PADDING-LEFT: 18px !important; PADDING-RIGHT: 18px !important
}
TD[class=mcnImageCardBottomImageContent] {
	PADDING-BOTTOM: 9px !important
}
TD[class=mcnImageCardTopImageContent] {
	PADDING-TOP: 18px !important
}
TABLE[class=mcnCaptionLeftContentOuter] TD[class=mcnTextContent] {
	PADDING-TOP: 9px !important
}
TABLE[class=mcnCaptionRightContentOuter] TD[class=mcnTextContent] {
	PADDING-TOP: 9px !important
}
TD[class=mcnCaptionBlockInner] TABLE[class=mcnCaptionTopContent]:unknown TD[class=mcnTextContent] {
	PADDING-TOP: 18px !important
}
TD[class=mcnBoxedTextContentColumn] {
	PADDING-LEFT: 18px !important; PADDING-RIGHT: 18px !important
}
TD[class=mcnTextContent] {
	PADDING-LEFT: 18px !important; PADDING-RIGHT: 18px !important
}
TABLE[class=templateContainer] {
	MAX-WIDTH: 600px !important; WIDTH: 100% !important
}
H1 {
	FONT-SIZE: 24px !important; LINE-HEIGHT: 125% !important
}
H2 {
	FONT-SIZE: 20px !important; LINE-HEIGHT: 125% !important
}
H3 {
	FONT-SIZE: 18px !important; LINE-HEIGHT: 125% !important
}
H4 {
	FONT-SIZE: 16px !important; LINE-HEIGHT: 125% !important
}
TABLE[class=mcnBoxedTextContentContainer] TD[class=mcnTextContent] {
	FONT-SIZE: 18px !important; LINE-HEIGHT: 125% !important
}
TD[class=mcnBoxedTextContentContainer] TD[class=mcnTextContent] P {
	FONT-SIZE: 18px !important; LINE-HEIGHT: 125% !important
}
TABLE[id=templatePreheader] {
	DISPLAY: block !important
}
TD[class=preheaderContainer] TD[class=mcnTextContent] {
	FONT-SIZE: 14px !important; LINE-HEIGHT: 115% !important
}
TD[class=preheaderContainer] TD[class=mcnTextContent] P {
	FONT-SIZE: 14px !important; LINE-HEIGHT: 115% !important
}
TD[class=headerContainer] TD[class=mcnTextContent] {
	FONT-SIZE: 18px !important; LINE-HEIGHT: 125% !important
}
TD[class=headerContainer] TD[class=mcnTextContent] P {
	FONT-SIZE: 18px !important; LINE-HEIGHT: 125% !important
}
TD[class=bodyContainer] TD[class=mcnTextContent] {
	FONT-SIZE: 18px !important; LINE-HEIGHT: 125% !important
}
TD[class=bodyContainer] TD[class=mcnTextContent] P {
	FONT-SIZE: 18px !important; LINE-HEIGHT: 125% !important
}
TD[class=footerContainer] TD[class=mcnTextContent] {
	FONT-SIZE: 14px !important; LINE-HEIGHT: 115% !important
}
TD[class=footerContainer] TD[class=mcnTextContent] P {
	FONT-SIZE: 14px !important; LINE-HEIGHT: 115% !important
}
TD[class=footerContainer] A[class=utilityLink] {
	DISPLAY: block !important
}

}
</STYLE>
</HEAD>
<BODY style="HEIGHT: 100% !important; WIDTH: 100% !important; PADDING-BOTTOM: 0px; -MS-TEXT-SIZE-ADJUST: 100%; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #f2f2f2; -webkit-text-size-adjust: 100%" leftMargin=0 topMargin=0 offset="0" marginheight="0" marginwidth="0">
<CENTER>
<TABLE id=bodyTable style="HEIGHT: 100% !important; WIDTH: 100% !important; BORDER-COLLAPSE: collapse; PADDING-BOTTOM: 0px; -MS-TEXT-SIZE-ADJUST: 100%; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #f2f2f2; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" height="100%" cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD id=bodyCell style="HEIGHT: 100% !important; WIDTH: 100% !important; PADDING-BOTTOM: 0px; -MS-TEXT-SIZE-ADJUST: 100%; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top align=center><!-- BEGIN TEMPLATE // -->
<TABLE style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top align=center><!-- BEGIN PREHEADER // -->
<TABLE id=templatePreheader style="BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: #ffffff; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top align=center>
<TABLE class=templateContainer style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width=600 border=0>
<TBODY>
<TR>
<TD class=preheaderContainer style="-MS-TEXT-SIZE-ADJUST: 100%; PADDING-TOP: 9px; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top>
<TABLE class=mcnTextBlock style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY class=mcnTextBlockOuter>
<TR>
<TD class=mcnTextBlockInner style="-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top>
<TABLE class=mcnTextContentContainer style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width=366 align=left border=0>
<TBODY>
<TR>
<TD class=mcnTextContent style="FONT-SIZE: 11px; FONT-FAMILY: Helvetica; COLOR: #606060; PADDING-BOTTOM: 9px; -MS-TEXT-SIZE-ADJUST: 100%; TEXT-ALIGN: left; PADDING-TOP: 9px; PADDING-LEFT: 18px; LINE-HEIGHT: 125%; PADDING-RIGHT: 0px; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top>Use this area to offer a short preview of your email's content. </TD></TR></TBODY></TABLE>
<TABLE class=mcnTextContentContainer style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width=197 align=right border=0>
<TBODY>
<TR>
<TD class=mcnTextContent style="FONT-SIZE: 11px; FONT-FAMILY: Helvetica; COLOR: #606060; PADDING-BOTTOM: 9px; -MS-TEXT-SIZE-ADJUST: 100%; TEXT-ALIGN: left; PADDING-TOP: 9px; PADDING-LEFT: 0px; LINE-HEIGHT: 125%; PADDING-RIGHT: 18px; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top><A style="WORD-WRAP: break-word; TEXT-DECORATION: underline; FONT-WEIGHT: normal; COLOR: #606060; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%" href="http://us8.campaign-archive1.com/?u=9ad6aa908166d40b36c755aaf&id=42915ad21f&e=fbee9f89f1" target=_blank>View this email in your browser</A> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- // END PREHEADER --></TD></TR>
<TR>
<TD style="-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top align=center><!-- BEGIN HEADER // -->
<TABLE id=templateHeader style="BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: #ffffff; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top align=center>
<TABLE class=templateContainer style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width=600 border=0>
<TBODY>
<TR>
<TD class=headerContainer style="PADDING-BOTTOM: 10px; -MS-TEXT-SIZE-ADJUST: 100%; PADDING-TOP: 10px; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top>
<TABLE class=mcnImageBlock style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY class=mcnImageBlockOuter>
<TR>
<TD class=mcnImageBlockInner style="PADDING-BOTTOM: 9px; -MS-TEXT-SIZE-ADJUST: 100%; PADDING-TOP: 9px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top>
<TABLE class=mcnImageContentContainer style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width="100%" align=left border=0>
<TBODY>
<TR>
<TD class=mcnImageContent style="PADDING-BOTTOM: 0px; -MS-TEXT-SIZE-ADJUST: 100%; PADDING-TOP: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top><IMG class=mcnImage style="BORDER-LEFT-WIDTH: 0px; TEXT-DECORATION: none; MAX-WIDTH: 600px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: bottom; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; OUTLINE-STYLE: none; DISPLAY: inline !important; -MS-INTERPOLATION-MODE: bicubic; BORDER-TOP-WIDTH: 0px" alt="" src="http://gallery.mailchimp.com/9ad6aa908166d40b36c755aaf/images/7107c653-fd79-4478-bece-7e862ad6c52a.png" width=564 align=left> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- // END HEADER --></TD></TR>
<TR>
<TD style="-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top align=center><!-- BEGIN BODY // -->
<TABLE id=templateBody style="BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: #ffffff; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top align=center>
<TABLE class=templateContainer style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width=600 border=0>
<TBODY>
<TR>
<TD class=bodyContainer style="PADDING-BOTTOM: 10px; -MS-TEXT-SIZE-ADJUST: 100%; PADDING-TOP: 10px; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top>
<TABLE class=mcnTextBlock style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY class=mcnTextBlockOuter>
<TR>
<TD class=mcnTextBlockInner style="-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top>
<TABLE class=mcnTextContentContainer style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width=600 align=left border=0>
<TBODY>
<TR>
<TD class=mcnTextContent style="FONT-SIZE: 15px; FONT-FAMILY: Helvetica; COLOR: #606060; PADDING-BOTTOM: 9px; -MS-TEXT-SIZE-ADJUST: 100%; TEXT-ALIGN: left; PADDING-TOP: 9px; PADDING-LEFT: 18px; LINE-HEIGHT: 150%; PADDING-RIGHT: 18px; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top>
<H1 style="FONT-SIZE: 40px; FONT-FAMILY: Helvetica; FONT-WEIGHT: bold; COLOR: #606060 !important; PADDING-BOTTOM: 0px; FONT-STYLE: normal; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: -1px; LINE-HEIGHT: 125%; PADDING-RIGHT: 0px">Contact Form</H1>
<H3 style="FONT-SIZE: 18px; FONT-FAMILY: Helvetica; FONT-WEIGHT: bold; COLOR: #606060 !important; PADDING-BOTTOM: 0px; FONT-STYLE: normal; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: 0px; LINE-HEIGHT: 125%; PADDING-RIGHT: 0px">[FName] [LName] has contacted you through O<SUB>2</SUB>LPM.com</H3>
<P style="FONT-SIZE: 15px; FONT-FAMILY: Helvetica; COLOR: #606060; PADDING-BOTTOM: 0px; -MS-TEXT-SIZE-ADJUST: 100%; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 1em 0px; LINE-HEIGHT: 150%; PADDING-RIGHT: 0px; -webkit-text-size-adjust: 100%">Name: [FName] [LName]<BR>Date of Birth: [birth-date]<BR>Social Security: [social-security]<BR>Phone Number: [pt-phone]<BR>Email Address: [pt-email]<BR>Questions or Comments: [pt-comments]<BR><BR>Please contact this person back!</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- // END BODY --></TD></TR>
<TR>
<TD style="-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top align=center><!-- BEGIN FOOTER // -->
<TABLE id=templateFooter style="BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: #f2f2f2; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top align=center>
<TABLE class=templateContainer style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width=600 border=0>
<TBODY>
<TR>
<TD class=footerContainer style="PADDING-BOTTOM: 10px; -MS-TEXT-SIZE-ADJUST: 100%; PADDING-TOP: 10px; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top>
<TABLE class=mcnTextBlock style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY class=mcnTextBlockOuter>
<TR>
<TD class=mcnTextBlockInner style="-MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top>
<TABLE class=mcnTextContentContainer style="BORDER-COLLAPSE: collapse; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" cellSpacing=0 cellPadding=0 width=600 align=left border=0>
<TBODY>
<TR>
<TD class=mcnTextContent style="FONT-SIZE: 11px; FONT-FAMILY: Helvetica; COLOR: #606060; PADDING-BOTTOM: 9px; -MS-TEXT-SIZE-ADJUST: 100%; TEXT-ALIGN: left; PADDING-TOP: 9px; PADDING-LEFT: 18px; LINE-HEIGHT: 125%; PADDING-RIGHT: 18px; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt" vAlign=top><EM>Copyright © 2014 Breath of Life, Inc., All rights reserved.</EM> <BR>You are trying out MailChimp! <BR><BR><STRONG>Our mailing address is:</STRONG> <BR>
<DIV class=vcard><SPAN class="org fn">Breath of Life, Inc.</SPAN>
<DIV class=adr>
<DIV class=street-address>PO Box 93359</DIV><SPAN class=locality>Southlake</SPAN>, <SPAN class=region>TX</SPAN> <SPAN class=postal-code>76092</SPAN></DIV><BR><A class=hcard-download href="http://o2lpm.us8.list-manage.com/vcard?u=9ad6aa908166d40b36c755aaf&id=97ee2180d2">Add us to your address book</A></DIV><BR><BR><A class=utilityLink style="WORD-WRAP: break-word; TEXT-DECORATION: underline; FONT-WEIGHT: normal; COLOR: #606060; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%" href="http://o2lpm.us8.list-manage1.com/unsubscribe?u=9ad6aa908166d40b36c755aaf&id=97ee2180d2&e=fbee9f89f1&c=42915ad21f">unsubscribe from this list</A>&nbsp;&nbsp;&nbsp; <A class=utilityLink style="WORD-WRAP: break-word; TEXT-DECORATION: underline; FONT-WEIGHT: normal; COLOR: #606060; -MS-TEXT-SIZE-ADJUST: 100%; -webkit-text-size-adjust: 100%" href="http://o2lpm.us8.list-manage.com/profile?u=9ad6aa908166d40b36c755aaf&id=97ee2180d2&e=fbee9f89f1">update subscription preferences</A>&nbsp; <BR><BR><A href="http://www.mailchimp.com/monkey-rewards/?utm_source=freemium_newsletter&utm_medium=email&utm_campaign=monkey_rewards&aid=9ad6aa908166d40b36c755aaf&afl=1"><IMG title="MailChimp Email Marketing" border=0 alt="Email Marketing Powered by MailChimp" src="http://cdn-images.mailchimp.com/monkey_rewards/MC_MonkeyReward_15.png" width=139 height=54></A> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- // END FOOTER --></TD></TR></TBODY></TABLE><!-- // END TEMPLATE --></TD></TR></TBODY></TABLE></CENTER><IMG src="http://o2lpm.us8.list-manage.com/track/open.php?u=9ad6aa908166d40b36c755aaf&id=42915ad21f&e=fbee9f89f1" width=1 height=1> </BODY></HTML>
And the email does not send, however it was sending when it was text only and basic couple of lines. I do not see it being stuck in our spam folder.
mike62
(@mike62)
9 years, 11 months ago
Just a guess here, but try putting all your header and stylesheet info into the “Additional Headers” field, rather than in the message body?
Viewing 3 replies - 1 through 3 (of 3 total)
The topic ‘Using HTML Content Type’ is closed to new replies.