Botones

Es importante facilitar al usuario su participación con nosotros, por ello se opta en algunos mails incluir botones para que les dirijan de una forma más eficiente a donde les interesa ingresar.

Para colocar los botones va siempre dentro de los siguientes tags :

<mj-body>
  <mj-section>
  <mj-column>
  <mj-button>

<mj-button>

href=" https://www.saludsaempresas.com/portalsmartempresas/Views/Login.html"

</mj-button>

Teniendo en cuenta que href="xxx" es la etiqueta para poner el vínculo de a donde el botón dirige.

Estilos Generales Botones:

En la parte inicial del código:

<mj-head>
<mj-attributes>
<mj-button>

Dentro de la etiqueta del botón se ponen los siguientes estilos, debido que ya se tienen estilos determinados para usar de los botones:

 <mj-head>
<mj-attributes>
<mj-button border-radius="8px" font-family="Silas, Trebuchet MS, sans-serif" font-weight="bold" font-size="16px" height="20px"/>
</mj-attributes>
</mj-head>

*Si se desea cambiar colores, o algún otro estilo se debe agregar esos cambios directamente al tag del botón del body.

• Saludsa Coorporativos: #C60C30

• Individuales: # 0073CF

• Empresariales: #C05131

• Servicios: #BF53B6

• Servicios Adicionales: #006E42

• Planes Adicionales: #005B82

*Se usan botones blancos cuando existe un fondo de color en una sección, para las letras de esos botones se usan de acuerdo a la categoría en la que el mail esté enfocado, por ejemplo: