Enviar una tarjeta de socio en los correos electrónicos de bienvenida o en las notificaciones push

Si desea que sus socios reciban un carné de socio virtual, en el siguiente artículo encontrará la forma de enviar uno con cada uno de ellos. email de bienvenida o incluso notificaciones push.

El siguiente código asume que usted tiene conocimientos básicos de HTML y CSS estructuras, y está destinado a servir sólo como un ejemplo. La configuración, css, y HTML son todos 100% editables según sea necesario. Puede copiar y pegar lo siguiente en su email de bienvenida, o en un email de Notificación Push que sea que se enviará cuando se añada un nuevo miembro:

<h2 style="text-align:center">Tarjeta de perfil de usuario</h2> 

  

<div class="card" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); max-width: 300px; margin: auto; text-align: center; font-family: arial;"> 

  <img src="https://yourlogolink.com" alt="Logotipo del sitio" style="width:100%"> 

  <h1>[MM_Member_Data name='firstName'] [MM_Member_Data name='lastName']</h1> 

  <p class="title" style="color: grey; font-size: 18px;">Nivel de afiliación:<br>[MM_Member_Data name='nombre_miembro']</p> 

  <p>Miembro ID#: [MM_Member_Data name='id']</p> 

  <p>Miembro desde: [MM_Member_Data name='fecha_registro']</p> 

  <p><a href="/es/[MM_CorePage_Link type='myaccount' autoLogin='true']/" style="text-decoration: none; font-size: 22px; color: black;"><button style="border: none; outline: 0; display: inline-block; padding: 8px; color: white; background-color: #000; text-align: center; cursor: pointer; width: 100%; font-size: 18px;">Ver cuenta</button></a></p> 

</div> 

El código anterior incluye la posibilidad de añadir la imagen de su logotipo, su nombre, nivel de afiliación, ID de afiliado y fecha de registro. También incluye un botón que les permite iniciar sesión automáticamente y ver su cuenta.

A continuación se muestra una captura de pantalla del aspecto que tendrá este ejemplo en el correo electrónico del destinatario:

Nota: Es posible que algunos visores de correo electrónico no muestren todo el CSS. Por ejemplo, algunos sistemas de correo electrónico eliminan la sombra detrás de la tarjeta. 

En este ejemplo se han utilizado dos SmartTags™ diferentes. La SmartTag de datos de miembros (MM_Member_Data ) se utiliza en el código anterior para recopilar información como el nombre, el nivel de afiliación, el número de identificación y la fecha de registro. La dirección Enlace CorePage SmartTag (MM_CorePage_Link) se utiliza para crear un enlace en la parte inferior de la tarjeta que iniciará automáticamente la sesión de ese usuario en la página Mi cuenta de su sitio.