Senden Sie eine Mitgliedskarte in Willkommens-E-Mails oder Push-Benachrichtigungen

Wenn Sie möchten, dass Ihre Mitglieder eine virtuelle Mitgliedskarte erhalten, finden Sie im folgenden Artikel eine Möglichkeit, eine solche Karte mit jeder Begrüßungsmail oder sogar Push-Benachrichtigungen.

Der folgende Code setzt grundlegende Kenntnisse der HTML- und CSS-Strukturen voraus und soll nur als Beispiel dienen. Der Aufbau, CSS und HTML sind alle 100% bearbeitbar, wie benötigt. Sie können den folgenden Code in Ihre Willkommens-E-Mail oder in eine Push-Benachrichtigungs-E-Mail kopieren, die die beim Hinzufügen eines neuen Mitglieds gesendet werden sollen:

<h2 style="text-align:center">Benutzerprofil-Karte</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="WebsiteLogo" style="width:100%"> 

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

  <p class="title" style="color: grey; font-size: 18px;">Stufe der Mitgliedschaft:<br>[MM_Member_Data name='membershipName']</p> 

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

  <p>Mitglied seit: [MM_Member_Data name='registrationDate']</p> 

  <p><a href="/de/[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;">Konto ansehen</button></a></p> 

</div> 

Der obige Code bietet die Möglichkeit, Ihr Logo, den Namen, die Mitgliedsstufe, die Mitglieds-ID und das Registrierungsdatum hinzuzufügen. Er enthält auch eine Schaltfläche, mit der sie sich automatisch anmelden und ihr Konto einsehen können.

Hier sehen Sie einen Screenshot, wie dieses Beispiel in der E-Mail des Empfängers aussehen wird:

Anmerkung: Einige E-Mail-Betrachter zeigen möglicherweise nicht alle CSS an. Einige E-Mail-Systeme entfernen zum Beispiel den Schatten hinter der Karte. 

Dieses Beispiel wurde mit zwei verschiedenen SmartTags™ zusammengestellt. Die Mitgliedsdaten SmartTag (MM_Member_Data ) wird im obigen Code verwendet, um Informationen wie den Namen, die Mitgliedsstufe, die ID-Nummer und das Registrierungsdatum zu erfassen. Die Kernseitenverknüpfung SmartTag (MM_CorePage_Link) wird verwendet, um einen Link am unteren Rand der Karte zu erstellen, der den Benutzer automatisch auf der Seite "Mein Konto" auf Ihrer Website anmeldet.