Jump to content

E-mail template editing


Recommended Posts

Hi

 

I'm about to re-design all the mail templates in a webshop and for that I need some informations. I have made a HTML-template with CLASS and ID tags and then I added the style into the template, but it's not working.

 

None of the CSS is in the template when a customer registers? It just shows up unformatted.

 

I have added the template code below.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body {
	background-color:#005387;
	}

/*account.html*/
.account_top {
	background-color:#005387;
	width:600px;
	margin:auto;
	padding:10px;
	}
	
.account_welcome {
	background-color:#F9F9F9;
	width:600px;
	margin:auto;
	padding:10px;
	}
	.account_welcome p {
		font-family: Verdana,sans-serif;
		font-size:11px;
		}
		
.account_credentials {
	background-color:#FFFFFF;
	width:600px;
	margin:auto;
	padding:10px;
	font-family: Verdana,sans-serif;
	font-size:12px;
	}
	.account_credential_emailtxt {
		padding-right:50px;
		}
	.account_credential_passwordtxt{
		padding-right:58px;
		}

.account_login_button {
	background-color:#E16109;
	width:165px;
	height:40px;
	text-align:center;
	display:block;
	border-radius:3px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	border:0 none;
	cursor:pointer;
	text-decoration:none;
	}
	.account_login_button a	{
		text-decoration:none;
		color:#FFF;
		}
		
.account_theend {
	background-color:#F9F9F9;
	width:600px;
	margin:auto;
	padding:10px;
	}
	.account_theend p {
		font-family: Verdana,sans-serif;
		font-size:11px;
		}
</style>
</head>

<div class="account_top">
	<img class="logo" src="http://e-blaek.dk/img/logo.jpg?1407271336%22">
</div>

<div class="account_welcome">
	<p><b>Hej {firstname} {lastname}</b></p>
	<p>Jeg vil gerne benytte lejligheden til at sige tak, fordi du har oprettet dig som kunde på min webshop, og håber at min webshop kan tilbyde dig de produkter du leder efter. Hvis ikke, vil jeg meget gerne høre fra dig.</p>
</div>

<div class="account_credentials">
	<p><b>Herunder finder du dine login oplysninger</b></p>
	<span class="account_credential_emailtxt">E-mail adresse:</span><b>{email}</b><br>
	<span class="account_credential_passwordtxt">Adgangskode:</span><b>{passwd}</b><br>
	<p><button class="account_login_button"><a href="http://e-blaek.dk/log-ind?back=my-account" target="_blank">Se din konto</a></button></p>
</div>

<div class="account_theend">
	<p>Skulle du have spørgsmål til webshoppen, produkter, bestillinger eller andet, så er du altid velkommen til at skrive til mig via webshoppen, eller direkte på mail <a href="mailto:[email protected]">HER</a>.</p>
	<p>Ellers vil jeg blot ønske dig en god fornøjelse med at kigge rundt på webshoppen.<p>
	<p><b>Venlig hilsen</b><br><i>Anders Helbo Sørensen<br>Ejer af e-blaek.dk</i>
</div>

Can someone help me with this?

Link to comment
Share on other sites

×
×
  • Create New...