para PROMOS CON BOTÓN DE COMPRA

Promos con botón de compra 01

 

<meta content="width=device-width,initial-scale=1.0" name="viewport" />
<meta content="telephone=yes" name="format-detection" />
<style type="text/css">p, h1, h2, h3, h4, h5, h6, ul, ol, li {
font-family:Arial,sans-serif; 
}

p, ul, ol, li {font-size:16px;}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

table.cuerpo {
width:100%;
}

table.cabezal {
width: 600px;
margin:auto;
}

tr.filacabezal {height: 50px;}

td.celdacabezal {}



table.pie {
width: 600px;
margin:auto;
}

tr.filapie {height: 50px;}

td.celdapie {}


td.logo {width: 100%;}

table.ppal {width: 600px;}

@media only screen and (max-width: 600px) {

      table {
margin: 0 !important;
padding: 0 !important;

}

td {
width:100% !important;
float: none !important;
clear: both !important;
}

      table.cuerpo {
        padding: 0px !important;
        margin: 0px !important;
      }
      
      table.cabezal, table.pie {
        width: 100% !important;
      }
      
      tr.filacabezal, tr.filapie {
        height: auto !important;
      }

      table.ppal, table.ppal > tbody > tr > td {
        width: 100% !important;
      }
      
      table.ppal img {
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 20px 0 !important;
        float: none !important;
        clear: both !important;
        display: block !important;
      }

      table.cabezal {
        width: 100% !important;
      }
    }
</style>
<table border="0" cellpadding="0" cellspacing="0" class="cuerpo" style="width: 100%;">
	<tbody>
		<tr>
			<td class="celdacabezal" style="border-color: rgb(34, 34, 34); height: 40px; text-align: center; background-color: rgb(102, 102, 102);">&nbsp;</td>
		</tr>
		<tr class="filacabezal" style="height: 50px;">
			<td class="celdacabezal" style="text-align: center; background-color: rgb(51, 51, 51);">
			<table align="center" class="cabezal" style="margin: auto; width: 600px;">
				<tbody>
					<tr>
						<td class="logo" style="width: 100%; text-align: center;">
						<p style="text-align: center;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/tu-logo-encabezado.png" /></p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr>
			<td style="text-align: center; background-color: rgb(255, 255, 255);">
			<table align="center" class="ppal" style="margin: auto; width: 611px;">
				<tbody>
					<tr>
						<td style="width: 601px; text-align: center;">
						<p><span style="font-size: 28px;"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 45px;">COLOCAR T&Iacute;TULO</span><br />
						<span style="font-size: 26px;">COLOCAR SUBT&Iacute;TULO</span></span></span></p>

						<p><span style="text-align: center; line-height: 25.6px; font-family: arial, helvetica, sans-serif; font-size: 16px;">Colocar texto descriptivo de tu producto, servicio, promoci&oacute;n o evento. Podr&aacute; ser de una oferta o el lanzamiento de un nuevo producto o servicio.</span><br />
						<img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/producto-04.jpg" style="text-align: center; line-height: 20.79px; margin-top: 15px; margin-bottom: 15px;" /></p>

						<p style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/comprar-01.png" style="margin-top: 15px; margin-bottom: 15px;" /></p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr class="filapie" style="height: 50px;">
			<td class="celdapie" style="text-align: center; background-color: rgb(51, 51, 51);">
			<table align="center" class="pie" style="margin: auto; width: 600px;">
				<tbody>
					<tr>
						<td class="logo" style="width: 100%; text-align: center;">
						<p style="text-align: center; font-family: Arial, sans-serif; font-size: 16px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/tu-logo-pie.png" /></p>

						<p style="text-align: center; font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;"><span style="color: rgb(255, 255, 255);"><span style="font-size: 16px;"><span style="font-size: 18px;"><b>tu email</b></span></span></span></span></p>

						<p style="text-align: center; font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;"><span style="color: rgb(255, 255, 255);"><span style="font-size: 16px;"><span style="font-size: 18px;"><b>tu direcci&oacute;n web</b></span></span></span></span></p>

						<p style="text-align: center; font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;"><span style="font-size: 18px;"><span style="color: rgb(255, 255, 255);"><b>tus tel&eacute;fonos</b></span></span></span></span><br />
						&nbsp;</p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr>
			<td class="celdapie" style="height: 40px; text-align: center; background-color: rgb(102, 102, 102);">&nbsp;</td>
		</tr>
	</tbody>
</table>

Promos con botón de compra 02

 

<meta content="width=device-width,initial-scale=1.0" name="viewport" />
<meta content="telephone=yes" name="format-detection" />
<style type="text/css">p, h1, h2, h3, h4, h5, h6, ul, ol, li {
font-family:Arial,sans-serif; 
}

p, ul, ol, li {font-size:16px;}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

table.cuerpo {
width:100%;
}

table.cabezal {
width: 600px;
margin:auto;
}

tr.filacabezal {height: 50px;}

td.celdacabezal {}



table.pie {
width: 600px;
margin:auto;
}

tr.filapie {height: 50px;}

td.celdapie {}


td.logo {width: 100%;}

table.ppal {width: 600px;}

@media only screen and (max-width: 600px) {

      table {
margin: 0 !important;
padding: 0 !important;

}

td {
width:100% !important;
float: none !important;
clear: both !important;
}

      table.cuerpo {
        padding: 0px !important;
        margin: 0px !important;
      }
      
      table.cabezal, table.pie {
        width: 100% !important;
      }
      
      tr.filacabezal, tr.filapie {
        height: auto !important;
      }

      table.ppal, table.ppal > tbody > tr > td {
        width: 100% !important;
      }
      
      table.ppal img {
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 20px 0 !important;
        float: none !important;
        clear: both !important;
        display: block !important;
      }

      table.cabezal {
        width: 100% !important;
      }
    }
</style>
<table border="0" cellpadding="0" cellspacing="0" class="cuerpo" style="width: 100%;">
	<tbody>
		<tr>
			<td class="celdacabezal" style="height: 40px; text-align: center; background-color: rgb(0, 153, 255);">&nbsp;</td>
		</tr>
		<tr class="filacabezal" style="height: 50px;">
			<td class="celdacabezal" style="text-align: center; background-color: rgb(0, 102, 204);">
			<table align="center" class="cabezal" style="margin: auto; width: 600px;">
				<tbody>
					<tr>
						<td class="logo" style="width: 100%; text-align: center;">
						<p style="text-align: center;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/tu-logo-encabezado.png" /></p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr>
			<td style="text-align: center; background-color: rgb(255, 255, 255);">
			<table align="center" class="ppal" style="margin: auto; width: 611px;">
				<tbody>
					<tr>
						<td style="width: 601px; text-align: center;">
						<p><span style="font-size: 28px;"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 45px;">COLOCAR T&Iacute;TULO</span><br />
						<span style="font-size: 26px;">COLOCAR SUBT&Iacute;TULO</span></span></span><br />
						<img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/producto-05.jpg" style="margin-top: 10px; margin-bottom: 10px;" /><br />
						<span style="font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar texto descrptivo de tu producto, servicio, promoci&oacute;n o evento. Podr&aacute; ser de una oferta o el lanzamiento de un nuevo producto o servicio.</span></span></p>

						<p><span style="font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/comprar-02.png" /></span></span><br />
						&nbsp;</p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr class="filapie" style="height: 50px;">
			<td class="celdapie" style="text-align: center; background-color: rgb(0, 102, 204);">
			<table align="center" class="pie" style="margin: auto; width: 600px;">
				<tbody>
					<tr>
						<td class="logo" style="width: 100%; text-align: center;">
						<p style="text-align: center; font-family: Arial, sans-serif; font-size: 16px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/tu-logo-pie.png" /></p>

						<p style="text-align: center; font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;"><span style="color: rgb(255, 255, 255);"><span style="font-size: 16px;"><span style="font-size: 18px;"><b>tu email</b></span></span></span></span></p>

						<p style="text-align: center; font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;"><span style="color: rgb(255, 255, 255);"><span style="font-size: 16px;"><span style="font-size: 18px;"><b>tu direcci&oacute;n web</b></span></span></span></span></p>

						<p style="text-align: center; font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;"><span style="font-size: 18px;"><span style="color: rgb(255, 255, 255);"><b>tus tel&eacute;fonos</b></span></span></span></span><br />
						&nbsp;</p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr>
			<td class="celdapie" style="height: 40px; text-align: center; background-color: rgb(0, 204, 255);">&nbsp;</td>
		</tr>
	</tbody>
</table>

Promos con botón de compra 03

 

<meta content="width=device-width,initial-scale=1.0" name="viewport" />
<meta content="telephone=yes" name="format-detection" />
<style type="text/css">p, h1, h2, h3, h4, h5, h6, ul, ol, li {
font-family:Arial,sans-serif; 
}

p, ul, ol, li {font-size:16px;}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

table.cuerpo {
width:100%;
}

table.cabezal {
width: 600px;
margin:auto;
}

tr.filacabezal {height: 50px;}

td.celdacabezal {}



table.pie {
width: 600px;
margin:auto;
}

tr.filapie {height: 50px;}

td.celdapie {}


td.logo {width: 100%;}

table.ppal {width: 600px;}

@media only screen and (max-width: 600px) {

      table {
margin: 0 !important;
padding: 0 !important;

}

td {
width:100% !important;
float: none !important;
clear: both !important;
}

      table.cuerpo {
        padding: 0px !important;
        margin: 0px !important;
      }
      
      table.cabezal, table.pie {
        width: 100% !important;
      }
      
      tr.filacabezal, tr.filapie {
        height: auto !important;
      }

      table.ppal, table.ppal > tbody > tr > td {
        width: 100% !important;
      }
      
      table.ppal img {
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 20px 0 !important;
        float: none !important;
        clear: both !important;
        display: block !important;
      }

      table.cabezal {
        width: 100% !important;
      }
    }
</style>
<table border="0" cellpadding="0" cellspacing="0" class="cuerpo" style="width: 100%;">
	<tbody>
		<tr>
			<td class="celdacabezal" style="height: 40px; text-align: center; background-color: rgb(203, 187, 157);">&nbsp;</td>
		</tr>
		<tr class="filacabezal" style="height: 50px;">
			<td class="celdacabezal" style="text-align: center; background-color: rgb(102, 0, 102);">
			<table align="center" class="cabezal" style="margin: auto; width: 600px;">
				<tbody>
					<tr>
						<td class="logo" style="width: 100%; text-align: center;">
						<p style="text-align: center;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/tu-logo-encabezado.png" /></p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr>
			<td style="text-align: center; background-color: rgb(203, 187, 157);">
			<table align="center" class="ppal" style="margin: auto; width: 611px;">
				<tbody>
					<tr>
						<td style="width: 601px; text-align: center;">
						<p><span style="font-size: 28px;"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 45px;">COLOCAR T&Iacute;TULO</span><br />
						<span style="font-size: 26px;">COLOCAR SUBT&Iacute;TULO</span></span></span><br />
						<img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/producto-06.png" style="margin-top: 10px; margin-bottom: 10px;" /><br />
						<span style="font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar texto descrptivo de tu producto, servicio, promoci&oacute;n o evento. Podr&aacute; ser de una oferta o el lanzamiento de un nuevo producto o servicio.</span></span></p>

						<p><span style="font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/comprar-03.png" /></span></span><br />
						&nbsp;</p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr class="filapie" style="height: 50px;">
			<td class="celdapie" style="text-align: center; background-color: rgb(102, 0, 102);">
			<table align="center" class="pie" style="margin: auto; width: 600px;">
				<tbody>
					<tr>
						<td class="logo" style="width: 100%; text-align: center;">
						<p style="text-align: center; font-family: Arial, sans-serif; font-size: 16px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/tu-logo-pie.png" /></p>

						<p style="text-align: center; font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;"><span style="color: rgb(255, 255, 255);"><span style="font-size: 16px;"><span style="font-size: 18px;"><b>tu email</b></span></span></span></span></p>

						<p style="text-align: center; font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;"><span style="color: rgb(255, 255, 255);"><span style="font-size: 16px;"><span style="font-size: 18px;"><b>tu direcci&oacute;n web</b></span></span></span></span></p>

						<p style="text-align: center; font-size: 16px;"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;"><span style="font-size: 18px;"><span style="color: rgb(255, 255, 255);"><b>tus tel&eacute;fonos</b></span></span></span></span><br />
						&nbsp;</p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr>
			<td class="celdapie" style="height: 40px; text-align: center; background-color: rgb(203, 187, 157);">&nbsp;</td>
		</tr>
	</tbody>
</table>