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.