HTML emails

Resolved obito7621
(@obito7621)

7 years, 3 months ago

i added the code which lets you send the HTML emails but when i enter my HTML in the body section it strips <html> tag and i am left with a HTML code in my email. I am using different emails for mobile devices and desktop so i have added some @media queries inside the <html> tag but since it strips the tags i am left with a whole lot of code. Please tell me a way so that i can use a pure HTML email.

Viewing 8 replies - 1 through 8 (of 8 total)

Thread Starter obito7621
(@obito7621)

7 years, 3 months ago

it is removing the <style> tag from my HTML code that is why i am left with all code which was written inside <style> tag. CAn you suggest a way to add options to include style tag and not remove it.

Plugin Author Chad Butler
(@cbutlerjr)

7 years, 3 months ago

I had to do a bit of digging on this because my initial thought was that the plugin doesn’t do anything with regards to stripping tags – but… that’s actually not the case. It does strip these out.

This goes back to a major security overhaul that was done a number of years ago, and the wp_kses() function was applied to certain input that might contain HTML tags. The problem lies in the fact that the tags allowed by the application of wp_kses() is the same for that of posts. So that doesn’t include the <html> tag or many others. Those would all be stripped out for security.

Obviously, these tags should be allowed in the email fields if an HTML formatted email is to be sent. So there will need to be some adjustments made to the admin interface to allow it. Further, there should be some type of filter applied so that a custom set of tags could be allowed or disallowed based on individual needs.

That’s going to take some time to adjust in the right way. In the meantime, probably the simplest solution is to just filter the message when the email is generated. Use the wpmem_email_filter filter hook to do this (see: https://rocketgeek.com/plugins/wp-members/docs/filter-hooks/wpmem_email_filter/). All your filter needs to do is apply the ‘body’ value that you want (so your HTML email content) for the specific message being sent (which will be noted in the filter’s array by the ‘tag’ value: newreg|newmod|appmod|repass|getuser).

So basically, you’d be using the filter to apply the content you want for the message body rather than relying on what’s save in the setting. Hope that makes sense. That solves your problem until the form handling is updated to allow additional tags, and it will remain compatible even after that so you don’t have to worry about updating it.

Thread Starter obito7621
(@obito7621)

7 years, 3 months ago

I added the code in my child-theme function file but it still sends the mail which has been saved in the settings. The filter is not called.
Plugin Author Chad Butler
(@cbutlerjr)

7 years, 3 months ago
wpmem_email_filter is called on every email generated by WP-Members (except the admin notification, which has its own filter).

Here’s a starting point for adding HTML tags to your existing message body:
```
aadd_filter( 'wpmem_email_filter', 'my_email_filter', 10, 3 );
function my_email_filter( $arr, $wpmem_fields, $field_data ) {
	
	// Any tags going before the message body.
	$style = '
		<style>
			.myclass {
				width: 50%;
			}
		</style>
	';
	
	// Add opening HTML tag and any other additional 
	// content such as style tags before the message body.
	$new_body = '<html>' . $style . $arr['body'];
	
	// Replace the message body with the new value.
	$arr['body'] = $new_body;
	
	// Add the closing HTML tag after the footer since
	// the footer gets added to the message later.
	$arr['footer'] = $arr['footer'] . '</html>';
	
	// Return the array of settings.
	return $arr;
}
```
One thing to note that I didn’t consider originally is that the ultimate message body is made up of the message body (‘body’ in the email array) and the footer value (‘footer’). So if you simply wrap the ‘body’ value with <html>, then the closing html tag will be before the footer (since these are put together later). There would be multiple ways to approach this; I’ve addressed it just one possible way in the example above.
Thread Starter obito7621
(@obito7621)

7 years, 3 months ago

Hi i tried adding this code but still no luck.
This is the HTML of the email i want to send when a new user registers. Please it would be very helpful if you can help.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta content=”text/html; charset=utf-8″ http-equiv=”Content-Type” />
<meta name=”viewport” content=”width=device-width, initial-scale=1″ />
<title></title>

<style type=”text/css”>@media only screen and (max-width:480px){body,table,td,p,a,li,blockquote{-webkit-text-size-adjust:none !important}body{width:100% !important;min-width:100% !important}#bodyCell{padding:10px !important}table.kmMobileHide{display:none !important}table.kmDesktopOnly,td.kmDesktopOnly,th.kmDesktopOnly,tr.kmDesktopOnly,td.kmDesktopWrapHeaderMobileNone{display:none !important}table.kmMobileOnly{display:table !important}tr.kmMobileOnly{display:table-row !important}td.kmMobileOnly,td.kmDesktopWrapHeader,th.kmMobileOnly{display:table-cell !important}tr.kmMobileNoAlign,table.kmMobileNoAlign{float:none !important;text-align:initial !important;vertical-align:middle !important;table-layout:fixed !important}tr.kmMobileCenterAlign{float:none !important;text-align:center !important;vertical-align:middle !important;table-layout:fixed !important}td.kmButtonCollection{padding-left:9px !important;padding-right:9px !important;padding-top:9px !important;padding-bottom:9px !important}td.kmMobileHeaderStackDesktopNone,img.kmMobileHeaderStackDesktopNone,td.kmMobileHeaderStack{display:block !important;margin-left:auto !important;margin-right:auto !important;padding-bottom:9px !important;padding-right:0 !important;padding-left:0 !important}td.kmMobileWrapHeader,td.kmMobileWrapHeaderDesktopNone{display:inline-block !important}td.kmMobileHeaderSpacing{padding-right:10px !important}td.kmMobileHeaderNoSpacing{padding-right:0 !important}table.kmDesktopAutoWidth{width:inherit !important}table.kmMobileAutoWidth{width:100% !important}table.kmTextContentContainer{width:100% !important}table.kmBoxedTextContentContainer{width:100% !important}td.kmImageContent{padding-left:0 !important;padding-right:0 !important}img.kmImage{width:100% !important}td.kmMobileStretch{padding-left:0 !important;padding-right:0 !important}table.kmSplitContentLeftContentContainer,table.kmSplitContentRightContentContainer,table.kmColumnContainer,td.kmVerticalButtonBarContentOuter table.kmButtonBarContent,td.kmVerticalButtonCollectionContentOuter table.kmButtonCollectionContent,table.kmVerticalButton,table.kmVerticalButtonContent{width:100% !important}td.kmButtonCollectionInner{padding-left:9px !important;padding-right:9px !important;padding-top:9px !important;padding-bottom:9px !important}td.kmVerticalButtonIconContent,td.kmVerticalButtonTextContent,td.kmVerticalButtonContentOuter{padding-left:0 !important;padding-right:0 !important;padding-bottom:9px !important}table.kmSplitContentLeftContentContainer td.kmTextContent,table.kmSplitContentRightContentContainer td.kmTextContent,table.kmColumnContainer td.kmTextContent,table.kmSplitContentLeftContentContainer td.kmImageContent,table.kmSplitContentRightContentContainer td.kmImageContent{padding-top:9px !important}td.rowContainer.kmFloatLeft,td.rowContainer.kmFloatLeft,td.rowContainer.kmFloatLeft.firstColumn,td.rowContainer.kmFloatLeft.firstColumn,td.rowContainer.kmFloatLeft.lastColumn,td.rowContainer.kmFloatLeft.lastColumn{float:left;clear:both;width:100% !important}table.templateContainer,table.templateContainer.brandingContainer,div.templateContainer,div.templateContainer.brandingContainer,table.templateRow{max-width:600px !important;width:100% !important}h1{font-size:40px !important;line-height:1.1 !important}h2{font-size:32px !important;line-height:1.1 !important}h3{font-size:24px !important;line-height:1.1 !important}h4{font-size:18px !important;line-height:1.1 !important}td.kmTextContent{font-size:14px !important;line-height:1.3 !important}td.kmTextBlockInner td.kmTextContent{padding-right:18px !important;padding-left:18px !important}table.kmTableBlock.kmTableMobile td.kmTableBlockInner{padding-left:9px !important;padding-right:9px !important}table.kmTableBlock.kmTableMobile td.kmTableBlockInner .kmTextContent{font-size:14px !important;line-height:1.3 !important;padding-left:4px !important;padding-right:4px !important}}</style>
<!–[if mso]>
<style>

.templateContainer {
border: 0px none #aaaaaa;
background-color: #ffffff;

border-radius: 0px;

}
#brandingContainer {
background-color: transparent !important;
border: 0;
}

.templateContainerInner {
padding: 0px;
}

</style>
<![endif]–>
</head>
<body style=”margin:0;padding:0;background-color:#F7F7F7″>
<center>
<table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ id=”bodyTable” width=”100%” data-upload-file-url=”/ajax/email-editor/file/upload” data-upload-files-url=”/ajax/email-editor/files/upload” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:auto;padding:0;background-color:#F7F7F7;height:100%;margin:0;width:100%”>
<tbody>
<tr>
<td align=”center” id=”bodyCell” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:auto;padding-top:50px;padding-left:20px;padding-bottom:20px;padding-right:20px;border-top:0;height:100%;margin:0;width:100%”>
<!–[if !mso]><!–>
<div class=”templateContainer” style=”border:0 none #aaa;background-color:#fff;border-radius:0;display: table; width:”>
<div class=”templateContainerInner” style=”padding:0″>
<!–<![endif]–>
<!–[if mso]>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”templateContainer” width=”” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;”>
<tbody>
<tr>
<td class=”templateContainerInner” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;”>
<![endif]–>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tr>
<td align=”center” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”templateRow” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td class=”rowContainer kmFloatLeft” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmButtonCollectionBlock” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody class=”kmButtonCollectionOuter”>
<tr>
<td class=”kmButtonCollectionInner” align=”center” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:60px;padding:9px 18px;padding-top:9px;padding-bottom:0px;background-color:#FFFFFF;padding-left:14px;padding-right:14px;”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmButtonCollectionContentContainer” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td align=”left” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<table width=”100%” cellpadding=”0″ cellspacing=”0″ class=”kmButtonCollectionContent” style=’border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;font-family:”Helvetica Neue”, Arial’>
<tbody>
<tr>
<td valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ align=”center” class=”kmMobileNoAlign kmDesktopAutoWidth” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;width:100%;”>
<tr class=”kmDesktopOnly”>
<td colspan=”1″ style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding-bottom:10px;”>
<table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tr>
<td align=”center” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>

</td>
</tr>
</table>
</td>
</tr>
<!–[if !mso]><!–>
<tr class=”kmMobileOnly” style=”display:none”>
<td valign=”middle” colspan=”1″ style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tr>
<td align=”center” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>

</td>
</tr>
</table>
</td>
</tr>
<!–<![endif]–>
<tr style=”font-size: 0;” class=”kmMobileCenterAlign”>
<td valign=”middle” align=”center” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed; vertical-align: middle;” class=” kmMobileWrapHeader kmMobileHeaderSpacing”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tr>
<td style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;border-collapse:separate; border-radius:0px; ” class=””>
<tr>
<!–[if !mso]><!–>
<td align=”center” valign=”middle” class=”kmButtonContent” style=’border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;color:white;font-family:”Helvetica Neue”, Arial;font-size:16px;color:#222222;font-weight:normal;letter-spacing:0px;font-size:14px;font-family:”Helvetica Neue”, Arial;’>
SCHEDULE TRIALS
</td>
<!–<![endif]–>
<!–[if mso]>
<td align=”center” valign=”middle” class=”kmButtonContent”
style=”padding:15px; padding-top:11px;padding-bottom:11px;padding-left:15px;padding-right:15px;color:#222222;letter-spacing:0px;font-weight:normal;font-size:14px;font-family:”Helvetica Neue”, Arial;”>
SCHEDULE TRIALS
</td>
<![endif]–>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align=”center” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”templateRow” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td class=”rowContainer kmFloatLeft” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmTextBlock” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody class=”kmTextBlockOuter”>
<tr>
<td class=”kmTextBlockInner” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;”>
<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmTextContentContainer” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td class=”kmTextContent” valign=”top” style=’border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;color:#222;font-family:”Helvetica Neue”, Arial;font-size:12px;line-height:1.3;letter-spacing:0;text-align:left;max-width:100%;word-wrap:break-word;padding-top:18px;padding-bottom:12px;padding-left:15px;padding-right:15px;’>
<p style=”margin:0;padding-bottom:1em”>Hello {user_login},<br />
Greetings from Team! <br />
Thank you for registering with us. Welcome to the family!</p>
<p style=”margin:0;padding-bottom:1em”>Your registration information is given below</p>
<p style=”margin:0;padding-bottom:1em”>Username: [user_login]</p>
<p style=”margin:0;padding-bottom:1em”>Password: [reset_pass_link][login_url]</p>
<p style=”margin:0;padding-bottom:0″>As a thank you, we’d like to give you 10 complimentary tokens that can be used for scheduling a free trial session for any one of our offerings. Just click this link to schedule a free session now!<br />
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align=”center” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”templateRow” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td class=”rowContainer kmFloatLeft” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmTextBlock kmDesktopOnly” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody class=”kmTextBlockOuter”>
<tr>
<td class=”kmTextBlockInner” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;”>
<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmTextContentContainer” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td class=”kmTextContent” valign=”top” style=’border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;color:#222;font-family:”Helvetica Neue”, Arial;font-size:12px;line-height:1.3;letter-spacing:0;text-align:left;max-width:100%;word-wrap:break-word;padding-top:9px;padding-bottom:9px;padding-left:0px;padding-right:0px;’>
<div class=”layout-wrapper” style=”text-align: center;”>
<div class=”row” style=”margin-top: 10px;margin-bottom: 10px;”>
<div class=”column” style=”display:inline-block;margin:5px;padding:10px 10px;width: 22%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/79700368-74bd-40cf-8583-4bd5e09c47b2.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>ROUTING AND SWITCHING</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$0.94/hr</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:10px 10px;width: 21%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/54d36d5d-a0e5-416b-b18b-e71a8742aaf3.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;;letter-spacing: 0.2;’>CCIE SECURITY V4</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$3.75/hr</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:10px 10px;width: 21%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/54d36d5d-a0e5-416b-b18b-e71a8742aaf3.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;;letter-spacing: 0.2;’>CCIE COLLABORATION</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$9.38/hr</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:10px 10px;width: 21%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/a957fbaf-b85f-4086-b864-6c7c0191d2b2.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>CCIE SERVICE PROVIDER</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$3.75/hr</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
</div>
<div class=”row” style=”margin-top: 10px;margin-bottom: 10px;”>
<div class=”column” style=”display:inline-block;margin:5px;padding:10px 10px;width: 22%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/30a6ed78-c586-48d5-a6ec-0e96b9b2b2c3.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>SMALL – PRE LICENSED</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$50/month</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:10px 10px;width: 21%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/2b047f00-4b4d-4a5d-a4aa-7d03e3fa9aee.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>MED – PRE LICENSED</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$95/month</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:10px 10px;width: 21%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/54d36d5d-a0e5-416b-b18b-e71a8742aaf3.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;;letter-spacing: 0.2;’>GNS3-TINY</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$20/month</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:10px 10px;width: 21%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/2a5a6136-99f4-4d6e-a7af-de6f1c7411bc.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>GNS3-SMALL</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$35/month</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!–[if !mso]><!–>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmTextBlock kmMobileOnly” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;display:none”>
<tbody class=”kmTextBlockOuter”>
<tr>
<td class=”kmTextBlockInner” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;”>
<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmTextContentContainer” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td class=”kmTextContent” valign=”top” style=’border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;color:#222;font-family:”Helvetica Neue”, Arial;font-size:12px;line-height:1.3;letter-spacing:0;text-align:left;max-width:100%;word-wrap:break-word;padding-top:9px;padding-bottom:9px;font-size:9px;padding-left:0px;padding-right:0px;’>
<div class=”layout-wrapper” style=”text-align: center;”>
<div class=”row” style=”margin-top: 10px;margin-bottom: 10px;”>
<div class=”column” style=”display:inline-block;margin:5px;padding:50px;width: 50%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/79700368-74bd-40cf-8583-4bd5e09c47b2.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>ROUTING AND SWITCHING</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$0.94/hr</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:50px;width: 50%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ed20dfdf-7760-4bdf-9023-2fdef431a099.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>CCIE SECURITY V4</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$3.75/hr</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:50px;width: 50%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/54d36d5d-a0e5-416b-b18b-e71a8742aaf3.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>CCIE COLLABORATION</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$9.38/hr</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:50px;width: 50%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/a957fbaf-b85f-4086-b864-6c7c0191d2b2.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>CCIE SERVICE PROVIDER</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$3.75/hr</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:50px;width: 50%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/30a6ed78-c586-48d5-a6ec-0e96b9b2b2c3.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>SMALL – PRE LICENSED</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$50/month</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:50px;width: 50%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/2b047f00-4b4d-4a5d-a4aa-7d03e3fa9aee.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>MED – PRE LICENSED</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$95/month</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:50px;width: 50%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/f7e1273b-03e6-4867-afa9-465f7b64b56e.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>GNS3-TINY</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$20/month</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
<div class=”column” style=”display:inline-block;margin:5px;padding:50px;width: 50%;background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/8955292b-d248-47da-8de3-3a69f1b656ae.png’);background-size: cover;background-position: center;background-repeat: no-repeat;”>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:white!important;font-size: 15px;letter-spacing: 0.2;’>GNS3-SMALL</h4>
<h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-size: 15px;letter-spacing: 0.2;’>$35/month</h4>
<div class=”button” style=”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;padding-top:10px;
padding-bottom:10px;background-color: #017f01;color: white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-image: url(‘https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png’);display: inline-block;height: 15px;width: 15px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL </div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!–<![endif]–>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmTextBlock” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody class=”kmTextBlockOuter”>
<tr>
<td class=”kmTextBlockInner” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;”>
<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmTextContentContainer” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td class=”kmTextContent” valign=”top” style=’border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;color:#222;font-family:”Helvetica Neue”, Arial;font-size:12px;line-height:1.3;letter-spacing:0;text-align:left;max-width:100%;word-wrap:break-word;font-size:11px;color:#222222;padding-bottom:9px;text-align:center;padding-right:18px;padding-left:18px;padding-top:9px;background-color:#F7F7F7;’>
<span style=”font-size:14px;”>Thank you again for your registration. If you have any questions, please write to us at<br />
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmButtonBarBlock” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody class=”kmButtonBarOuter”>
<tr>
<td class=”kmButtonBarInner” align=”center” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding-top:9px;padding-bottom:9px;padding-left:9px;padding-right:9px;”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmButtonBarContentContainer” width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td align=”left” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding-left:9px;padding-right:9px;”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmButtonBarContent” style=’border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;font-family:”Helvetica Neue”, Arial’>
<tbody>
<tr>
<td align=”left” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td width=”350″ style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;width:350px;”> </td>
</tr>
</tbody>
</table>
<!–[if gte mso 6]></td><td align=”left” valign=”top”><![endif]–>
<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td align=”center” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding-right:10px;”>

</td>
</tr>
</tbody>
</table>
<!–[if gte mso 6]></td><td align=”left” valign=”top”><![endif]–>
<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td align=”center” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding-right:10px;”>

</td>
</tr>
</tbody>
</table>
<!–[if gte mso 6]></td><td align=”left” valign=”top”><![endif]–>
<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td align=”center” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding-right:10px;”>

</td>
</tr>
</tbody>
</table>
<!–[if gte mso 6]></td><td align=”left” valign=”top”><![endif]–>
<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>
<tbody>
<tr>
<td align=”center” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;”>

</td>
</tr>
</tbody>
</table>
<!–[if gte mso 6]></td><td align=”left” valign=”top”><![endif]–>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<!–[if !mso]><!–>
</div>
</div>
<!–<![endif]–>
<!–[if mso]>
</td>
</tr>
</tbody>
</table>
<![endif]–>
<!–[if !mso]><!–>
<!–<![endif]–>
<!–[if mso]>
</td>
</tr>
</tbody>
</table>
<![endif]–>
</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Thread Starter obito7621
(@obito7621)

7 years, 3 months ago
Hi i tried adding the code but it still not worked for me i dont know what i am doing wrong here.
I am attaching the link to the html content that i want to send when a new user registers on my website, hope it helps.
It would be great if you could tell me where exactly i need to add the code and my HTML with it so wordpress sends my custom mail.

https://drive.google.com/open?id=1cvKBKfG260HJhxbUQrTQ7Qj3A7pBhx9N

My email-id is [redacted]
- This reply was modified 7 years, 3 months ago by Steven Stern (sterndata).
Thread Starter obito7621
(@obito7621)

7 years, 3 months ago

Hi, I added the style tags using the code but still, some of the inline styles are removed when the email is saved in the database which is again causing the problem.

Thread Starter obito7621
(@obito7621)

7 years, 3 months ago

All you need to do is just remove wp_kses function (class-wp-members-admin-api.php -> line 232 ) when the plugin is saving the data to the database and now you are all set to use all HTML email in the body without worrying if any tag will be removed.