Jump to content
  • 0

Blesta Custom Template Welcome Email

MistaGrk

Asked by MistaGrk,

 Share

Question

MistaGrk Newbie

MistaGrk

Posted
Posted

Hi Team.

I am trying to switch up my themes and offer clients something more branded. I developed the following template and I am getting the following error when trying to save it:

Template parse error: unexpected character in filters : ";" at 453 

<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background: rgb(0, 0, 0); font-size: 0px; width: 100%;">
	<tbody>
		<tr>
			<td>
				<div style="margin:0px auto;max-width:600px;">
					<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
						<tbody>
							<tr>
								<td style="text-align: center; vertical-align: top; direction: ltr; padding: 0px;">
									<div class="mj-column-per-100 outlook-group-fix" style="vertical-align: top; display: inline-block; direction: ltr; font-size: 13px; text-align: left;">
										<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
											<tbody>
												<tr>
													<td style="word-wrap:break-word;font-size:0px;">
														<div style="font-size:1px;line-height:50px;white-space:nowrap;">
															&nbsp;</div>
													</td>
												</tr>
												<tr>
													<td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 0px 0px 0px;">
														<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing: 0px;">
															<tbody>
																<tr>
																	<td style="width:174px;">
																		<img alt="" height="auto" src="https://topolio.s3-eu-west-1.amazonaws.com/uploads/5a139d2d18f2a/1511234882.jpg" style="border-width: initial; border-style: none; border-radius: 0px; display: block; font-size: 13px; width: 100%;" title="" width="174" /></td>
																</tr>
															</tbody>
														</table>
													</td>
												</tr>
												<tr>
													<td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:33px;padding-bottom:33px;padding-right:25px;padding-left:25px;">
														<p style="font-size:1px;margin:0px auto;border-top:1px solid #000000;width:100%;">
															&nbsp;</p>
													</td>
												</tr>
												<tr>
													<td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 20px 0px 20px;">
														<div style="cursor: auto; color: rgb(255, 255, 255); font-family: Lato, Tahoma, sans-serif; font-size: 14px; line-height: 22px;">
															<h1 style="font-family: Cabin, sans-serif; font-size: 32px; line-height: 100%;">
																<span style="font-size:20px;">Welcome to RocketSavvy, {contact.first_name}.</span></h1>
														</div>
													</td>
												</tr>
												<tr>
													<td style="word-wrap:break-word;font-size:0px;">
														<div style="font-size:1px;line-height:50px;white-space:nowrap;">
															&nbsp;</div>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</td>
		</tr>
	</tbody>
</table>
<div class="mj-container" style="background-color:#FFFFFF;">
	<!--[if mso | IE]>      </td></tr></table>      <![endif]--><!--[if mso | IE]>      <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">        <tr>          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">      <![endif]-->
	<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;">
		<tbody>
			<tr>
				<td>
					<div style="margin:0px auto;max-width:600px;">
						<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;">
							<tbody>
								<tr>
									<td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:35px 0px 35px 0px;">
										<!--[if mso | IE]>      <table role="presentation" border="0" cellpadding="0" cellspacing="0">        <tr>          <td style="vertical-align:top;width:300px;">      <![endif]-->
										<div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
											<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
												<tbody>
													<tr>
														<td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 20px 0px 20px;">
															<div style="cursor:auto;color:#000000;font-family:Lato, Tahoma, sans-serif;font-size:11px;line-height:22px;text-align:center;">
																<h2 style="color: #757575; line-height: 100%;">
																	<span style="font-size:18px;">Your temporary password is</span></h2>
																<h3 style="line-height: 100%;">
																	<span style="color:#000000;"><span style="font-size:22px;">{password}</span></span></h3>
															</div>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
										<!--[if mso | IE]>      </td><td style="vertical-align:top;width:300px;">      <![endif]-->
										<div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
											<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
												<tbody>
													<tr>
														<td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 20px 0px 20px;">
															<div style="cursor:auto;color:#000000;font-family:Lato, Tahoma, sans-serif;font-size:11px;line-height:22px;text-align:center;">
																<h2 style="color: #757575; line-height: 100%;">
																	<span style="font-size:18px;">Your username is</span></h2>
																<h3 style="line-height: 100%;">
																	<span style="color:#000000;"><span style="font-size:22px;">{username}</span></span></h3>
															</div>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
										<!--[if mso | IE]>      </td></tr></table>      <![endif]--></td>
								</tr>
							</tbody>
						</table>
					</div>
				</td>
			</tr>
		</tbody>
	</table>
	<!--[if mso | IE]>      </td></tr></table>      <![endif]--><!--[if mso | IE]>      <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">        <tr>          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">      <![endif]-->
	<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#000000;font-size:0px;width:100%;">
		<tbody>
			<tr>
				<td>
					<div style="margin:0px auto;max-width:600px;">
						<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;">
							<tbody>
								<tr>
									<td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:37px 0px 37px 0px;">
										<!--[if mso | IE]>      <table role="presentation" border="0" cellpadding="0" cellspacing="0">        <tr>          <td style="vertical-align:top;width:300px;">      <![endif]-->
										<div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
											<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
												<tbody>
													<tr>
														<td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 13px 0px 13px;">
															<div style="cursor:auto;color:#FFFFFF;font-family:Lato, Tahoma, sans-serif;font-size:14px;line-height:22px;text-align:center;">
																<p>
																	<strong><span style="font-size:14px;"><span style="color:#ffffff;">Login to Activate your Account</span></span></strong></p>
															</div>
														</td>
													</tr>
													<tr>
														<td align="center" style="word-wrap:break-word;font-size:0px;padding:8px 11px 8px 11px;padding-top:10px;padding-left:25px;">
															<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;">
																<tbody>
																	<tr>
																		<td align="center" bgcolor="#FFFFFF" style="border:none;border-radius:24px;color:#000000;cursor:auto;padding:10px 25px;" valign="middle">
																			<a href="http://{client_url}login/" style="text-decoration:none;background:#FFFFFF;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif;font-size:18px;font-weight:normal;line-height:120%;text-transform:none;margin:0px;" target="_blank">Activate your Account</a></td>
																	</tr>
																</tbody>
															</table>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
										<!--[if mso | IE]>      </td><td style="vertical-align:top;width:300px;">      <![endif]-->
										<div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
											<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
												<tbody>
													<tr>
														<td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 0px 0px 0px;">
															<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
																<tbody>
																	<tr>
																		<td style="width:114px;">
																			<img alt="" height="auto" src="https://topolio.s3-eu-west-1.amazonaws.com/uploads/5a139d2d18f2a/1511235368.jpg" style="border:none;border-radius:0px;display:block;font-size:13px;outline:none;text-decoration:none;width:100%;height:auto;" title="" width="114" /></td>
																	</tr>
																</tbody>
															</table>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
										<!--[if mso | IE]>      </td></tr></table>      <![endif]--></td>
								</tr>
							</tbody>
						</table>
					</div>
				</td>
			</tr>
		</tbody>
	</table>
	<!--[if mso | IE]>      </td></tr></table>      <![endif]--><!--[if mso | IE]>      <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">        <tr>          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">      <![endif]-->
	<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;">
		<tbody>
			<tr>
				<td>
					<div style="margin:0px auto;max-width:600px;">
						<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;">
							<tbody>
								<tr>
									<td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:9px 0px 9px 0px;">
										<!--[if mso | IE]>      <table role="presentation" border="0" cellpadding="0" cellspacing="0">        <tr>          <td style="vertical-align:top;width:300px;">      <![endif]-->
										<div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
											<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
												<tbody>
													<tr>
														<td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;">
															<p style="font-size:1px;margin:0px auto;border-top:1px solid #FFFFFF;width:100%;">
																&nbsp;</p>
															<!--[if mso | IE]><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" style="font-size:1px;margin:0px auto;border-top:1px solid #FFFFFF;width:100%;" width="300"><tr><td style="height:0;line-height:0;"> </td></tr></table><![endif]--></td>
													</tr>
													<tr>
														<td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 20px 0px 20px;">
															<div style="cursor:auto;color:#000000;font-family:Lato, Tahoma, sans-serif;font-size:11px;line-height:22px;text-align:center;">
																<h2 style="color: #757575; line-height: 100%;">
																	<span style="color:#000000;">Phone Sales</span></h2>
																<h3 style="line-height: 100%;">
																	<span style="color:#000000;">1.866.894.0853</span></h3>
															</div>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
										<!--[if mso | IE]>      </td><td style="vertical-align:top;width:300px;">      <![endif]-->
										<div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
											<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
												<tbody>
													<tr>
														<td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:10px;padding-right:10px;">
															<p style="font-size:1px;margin:0px auto;border-top:1px solid #FFFFFF;width:100%;">
																&nbsp;</p>
															<!--[if mso | IE]><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" style="font-size:1px;margin:0px auto;border-top:1px solid #FFFFFF;width:100%;" width="300"><tr><td style="height:0;line-height:0;"> </td></tr></table><![endif]--></td>
													</tr>
													<tr>
														<td align="center" style="word-wrap:break-word;font-size:0px;padding:22px 26px 22px 26px;padding-top:10px;padding-left:25px;">
															<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;">
																<tbody>
																	<tr>
																		<td align="center" bgcolor="#000000" style="border:none;border-radius:24px;color:#fff;cursor:auto;padding:10px 25px;" valign="middle">
																			<a href="https://tawk.to/chat/593c59e3282a395fdf74c293/default/?$_tawk_popout=true" style="text-decoration:none;background:#000000;color:#fff;font-family:Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif;font-size:17px;font-weight:normal;line-height:120%;text-transform:none;margin:0px;" target="_blank">Live Chat</a></td>
																	</tr>
																</tbody>
															</table>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
										<!--[if mso | IE]>      </td></tr></table>      <![endif]--></td>
								</tr>
							</tbody>
						</table>
					</div>
				</td>
			</tr>
		</tbody>
	</table>
	<!--[if mso | IE]>      </td></tr></table>      <![endif]--><!--[if mso | IE]>      <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">        <tr>          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">      <![endif]-->
	<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;">
		<tbody>
			<tr>
				<td>
					<div style="margin:0px auto;max-width:600px;">
						<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;">
							<tbody>
								<tr>
									<td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:9px 0px 9px 0px;">
										<!--[if mso | IE]>      <table role="presentation" border="0" cellpadding="0" cellspacing="0">        <tr>          <td style="vertical-align:top;width:600px;">      <![endif]-->
										<div class="mj-column-per-100 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
											<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
												<tbody>
													<tr>
														<td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:10px;padding-bottom:10px;padding-right:54px;padding-left:54px;">
															<p style="font-size:1px;margin:0px auto;border-top:1px dotted #868686;width:100%;">
																&nbsp;</p>
															<!--[if mso | IE]><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" style="font-size:1px;margin:0px auto;border-top:1px dotted #868686;width:100%;" width="600"><tr><td style="height:0;line-height:0;"> </td></tr></table><![endif]--></td>
													</tr>
												</tbody>
											</table>
										</div>
										<!--[if mso | IE]>      </td></tr></table>      <![endif]--></td>
								</tr>
							</tbody>
						</table>
					</div>
				</td>
			</tr>
		</tbody>
	</table>
	<!--[if mso | IE]>      </td></tr></table>      <![endif]--><!--[if mso | IE]>      <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">        <tr>          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">      <![endif]-->
	<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;">
		<tbody>
			<tr>
				<td>
					<div style="margin:0px auto;max-width:600px;">
						<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;">
							<tbody>
								<tr>
									<td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:0px 0px 0px 0px;">
										<!--[if mso | IE]>      <table role="presentation" border="0" cellpadding="0" cellspacing="0">        <tr>          <td style="vertical-align:top;width:300px;">      <![endif]-->
										<div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
											<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
												<tbody>
													<tr>
														<td align="left" style="word-wrap:break-word;font-size:0px;padding:0px 20px 0px 20px;">
															<div style="cursor:auto;color:#949494;font-family:Lato, Tahoma, sans-serif;font-size:14px;line-height:22px;text-align:left;">
																<p>
																	<span style="font-size:12px;">Copyright © 2017&nbsp;RocketSavvy IT&amp;T<br />
																	All rights reserved.&nbsp;</span></p>
															</div>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
										<!--[if mso | IE]>      </td><td style="vertical-align:top;width:300px;">      <![endif]-->
										<div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
											<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
												<tbody>
													<tr>
														<td align="right" style="word-wrap:break-word;font-size:0px;padding:10px 25px;">
															<div>
																<!--[if mso | IE]>      <table role="presentation" border="0" cellpadding="0" cellspacing="0" align="undefined"><tr><td>      <![endif]-->
																<table align="right" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
																	<tbody>
																		<tr>
																			<td style="padding:4px;vertical-align:middle;">
																				<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:none;border-radius:3px;width:35px;">
																					<tbody>
																						<tr>
																							<td style="vertical-align:middle;width:35px;height:35px;">
																								<a href="https://www.facebook.com/rocketsavvy"><img alt="facebook" height="35" src="https://s3-eu-west-1.amazonaws.com/ecomail-assets/editor/social-icos/outlinedbw/facebook.png" style="display:block;border-radius:3px;" width="35" /></a></td>
																						</tr>
																					</tbody>
																				</table>
																			</td>
																			<td style="padding:4px 4px 4px 0;vertical-align:middle;">
																				&nbsp;</td>
																		</tr>
																	</tbody>
																</table>
																<!--[if mso | IE]>      </td></tr></table>      <![endif]--></div>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
										<!--[if mso | IE]>      </td></tr></table>      <![endif]--></td>
								</tr>
							</tbody>
						</table>
					</div>
				</td>
			</tr>
		</tbody>
	</table>
</div>
<style type="text/css">
#outlook a { padding: 0; }  .ReadMsgBody { width: 100%; }  .ExternalClass { width: 100%; }  .ExternalClass * { line-height:100%; }  body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }  table, td { border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }  img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }  p { display: block; margin: 13px 0; }</style>
<style type="text/css">
@media only screen and (max-width:480px) {    @-ms-viewport { width:320px; }    @viewport { width:320px; }  }</style>
<p>
	<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css" />
</p>
<p>
	<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css" />
	<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Lato);  @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);	</style>
	<style type="text/css">
@media only screen and (min-width:480px) {    .mj-column-per-100 { width:100%!important; }.mj-column-per-50 { width:50%!important; }  }	</style>
</p>

 

3 answers to this question

Recommended Posts

  • 0
Tyson Newbie

Tyson

Posted
Posted

I see you include custom CSS at the bottom of your HTML. That CSS uses open/close braces (i.e. "{" and "}"), which are reserved characters used for tag replacement by the template parser, so your CSS rules are conflicting with it. See my post here for a work around.

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
 Share
Go to question listing
×
×
  • Create New...