{"id":7689,"date":"2023-08-11T16:31:56","date_gmt":"2023-08-11T23:31:56","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&p=7689"},"modified":"2023-08-11T16:31:56","modified_gmt":"2023-08-11T23:31:56","slug":"envoyer-une-carte-de-membre","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/fr\/documents-3-2\/envoyer-une-carte-de-membre\/","title":{"rendered":"Envoyer une carte de membre dans les courriels de bienvenue ou les notifications push"},"content":{"rendered":"

Si vous souhaitez que vos membres re\u00e7oivent une carte de membre virtuelle, l'article suivant vous permettra d'en envoyer une avec chaque carte de membre virtuelle. courriel de bienvenue<\/a> ou m\u00eame notifications push<\/a>.<\/p>\n\n\n\n

Le code suivant suppose que vous avez une connaissance de base des structures HTML et CSS, et n'est destin\u00e9 qu'\u00e0 servir d'exemple. Le setup, le css et le HTML sont tous modifiables selon les besoins. Vous pouvez copier-coller ce qui suit dans votre email de bienvenue, ou dans un email de notification push qui est d\u00e9clench\u00e9 pour \u00eatre envoy\u00e9 lorsqu'un nouveau membre est ajout\u00e9<\/a>:<\/p>\n\n\n\n

<\/div>\n\n\n\n
<h2 style="text-align:center">Carte de profil d'utilisateur<\/h2> \n\n  \n\n<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;"> \n\n  <img src="https:\/\/yourlogolink.com" alt="Logo du site" style="width:100%"> \n\n  <h1>[MM_Member_Data name='firstName'] [MM_Member_Data name='lastName']<\/h1> \n\n  <p class="title" style="color: grey; font-size: 18px;">Niveau d'adhésion :<br>[MM_Member_Data name='membershipName']<\/p> \n\n  <p>Membre ID# : [MM_Member_Data name='id']<\/p> \n\n  <p>Membre depuis : [MM_Member_Data name='registrationDate']<\/p> \n\n  <p><a href="\/fr\/[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;">Voir le compte<\/button><\/a><\/p> \n\n<\/div> <\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
Le code ci-dessus permet d'ajouter l'image de votre logo, leur nom, leur niveau d'adh\u00e9sion, leur num\u00e9ro d'identification et leur date d'inscription. Il comprend \u00e9galement un bouton qui leur permet de se connecter automatiquement et de consulter leur compte.<\/p>\n\n\n\n
Voici une capture d'\u00e9cran de cet exemple dans l'e-mail du destinataire :

\"\"

<\/p>\n\n\n\n
Remarque : <\/em><\/strong>Certaines visionneuses de courrier \u00e9lectronique peuvent ne pas afficher toutes les feuilles de style en cascade. Par exemple, certains syst\u00e8mes de messagerie supprimeront l'ombre derri\u00e8re la carte. <\/em><\/p>\n\n\n\n
Cet exemple est constitu\u00e9 \u00e0 partir de deux SmartTags\u2122 diff\u00e9rents. Les\u00a0Donn\u00e9es des membres SmartTag (MM_Member_Data )<\/a>\u00a0est utilis\u00e9 dans le code ci-dessus pour recueillir les informations telles que le nom, le niveau d'adh\u00e9sion, le num\u00e9ro d'identification et la date d'inscription. Le code\u00a0Liens CorePage SmartTag (MM_CorePage_Link)<\/a>\u00a0est utilis\u00e9 pour cr\u00e9er un lien au bas de la carte qui connectera automatiquement l'utilisateur \u00e0 la page Mon compte de votre site.<\/p>\n\n\n\n
<\/div>","protected":false},"excerpt":{"rendered":"
Si vous souhaitez que vos membres re\u00e7oivent une carte de membre virtuelle, l'article suivant vous fournira un moyen d'en envoyer une avec chaque e-mail de bienvenue ou...<\/p>","protected":false},"author":9645,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[138],"ht-kb-tag":[],"class_list":["post-7689","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-tips-tricks"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/7689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/users\/9645"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/comments?post=7689"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/7689\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/media?parent=7689"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=7689"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=7689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}