Envie um cartão de associado em e-mails de boas-vindas ou notificações push

Se você quiser que seus membros recebam um cartão de associado virtual, o artigo a seguir fornecerá uma maneira de enviar um cartão a cada associação. e-mail de boas-vindas ou mesmo notificações push.

O código a seguir pressupõe que você tenha conhecimento básico de estruturas HTML e CSS e tem o objetivo de servir apenas como exemplo. A configuração, o CSS e o HTML são todos editáveis conforme necessário. Você pode copiar e colar o seguinte em seu e-mail de boas-vindas ou em um e-mail de notificação por push que seja acionado para ser enviado quando um novo membro for adicionado:

<h2 style="text-align:center">Cartão de perfil de usuário</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 do site" style="width:100%"> 

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

  <p class="title" style="color: grey; font-size: 18px;">Nível de associação:<br>[MM_Member_Data name='membershipName']</p> 

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

  <p>Membro desde: [MM_Member_Data name='registrationDate']</p> 

  <p><a href="/pt/[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;">Exibir conta</button></a></p> 

</div> 

O código acima inclui a capacidade de adicionar a imagem do seu logotipo, o nome do usuário, o nível de associação, a ID do usuário e a data de registro. Ele também inclui um botão que permite que o usuário faça login automaticamente e visualize sua conta.

Aqui está uma captura de tela de como esse exemplo aparecerá no e-mail do destinatário:

Observação: Alguns visualizadores de e-mail podem não mostrar todo o CSS. Por exemplo, alguns sistemas de e-mail removerão a sombra atrás do cartão. 

Este exemplo foi criado usando duas SmartTags™ diferentes. A SmartTag de dados do membro (MM_Member_Data) é usado no código acima para coletar as informações, como nome, nível de associação, número de ID e data de registro. Os SmartTag de link de página central (MM_CorePage_Link) é usado para criar um link na parte inferior do cartão que registrará automaticamente o usuário na página My Account (Minha conta) do seu site.