If you would like for your members to have receive a virtual membership card, the following article will provide you with a way to send one out with each welcome email or even push notifications.
The following code assumes you have basic knowledge of HTML and CSS structures, and is meant to serve only as an example. The setup, css, and HTML are all 100% editable as needed. You can copy paste the following into your welcome email, or into a Push Notification email that is triggered to be sent when a new member is added:
<h2 style="text-align:center">User Profile Card</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="SiteLogo" style="width:100%"> <h1>[MM_Member_Data name='firstName'] [MM_Member_Data name='lastName']</h1> <p class="title" style="color: grey; font-size: 18px;">Membership Level:<br>[MM_Member_Data name='membershipName']</p> <p>Member ID#: [MM_Member_Data name='id']</p> <p>Member Since: [MM_Member_Data name='registrationDate']</p> <p><a href=" [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;">View Account</button></a></p> </div>
The above code includes the ability to add your logo image, their name, Membership Level, Member ID, and Registration Date. It also includes a button that allows them to Automatically login and view their account.
Here is a screenshot of what this example will look like in the recipient's email:
Note: Some email viewers may not show all CSS. For instance, some email systems will strip the shadow behind the card.
This example is put together using two different SmartTags. The Member Data SmartTag (MM_Member_Data ) is used in the code above to gather the information such as the name, membership level, ID number, and registration date. The CorePage Link SmartTag (MM_CorePage_Link) is used to create a link at the bottom of the card that will automatically log that user into their My Account page on your site.