para PROMOS CON BOTÓN DE COMPRA

INSTRUCCIONES DE USO

1) Elige uno de los modelos disponibles.

2) Copia todo el código que figura a la derecha del modelo elegido.

3) Ingresa a tu cuenta de Email Marketing con tu ID, usuario y contraseña.

4) Crea una NUEVO ENVÍO, completa los datos y en CONTENIDO tilda la opción TEXTO.

5) Aparecerá la caja de herramientas, presiona sobre el botón "HTML".

6) Pega todo el código del modelo elegido.

7) Presiona nuevamente sobre el botón "HTML" y verás dentro de la caja de herramientas el modelo.

8) Reemplaza las imagenes, coloca tu logo y los textos. Aconsejamos que la imagen de tu logo sea de 600 pixeles máximo de ancho y en .PNG transparente para mantener el fondo de la plantilla como está en el ejemplo. De no ser posible podrás subir tu logo en JPG.

9) Sigue el procedimiento habitual para el resto del envío.

 

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>