{"id":7689,"date":"2023-08-11T16:31:56","date_gmt":"2023-08-11T23:31:56","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&amp;p=7689"},"modified":"2023-08-11T16:31:56","modified_gmt":"2023-08-11T23:31:56","slug":"enviar-um-cartao-de-associado","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/pt\/documentos-3-2\/enviar-um-cartao-de-associado\/","title":{"rendered":"Envie um cart\u00e3o de associado em e-mails de boas-vindas ou notifica\u00e7\u00f5es push"},"content":{"rendered":"<p>Se voc\u00ea quiser que seus membros recebam um cart\u00e3o de associado virtual, o artigo a seguir fornecer\u00e1 uma maneira de enviar um cart\u00e3o a cada associa\u00e7\u00e3o.&nbsp;<a href=\"https:\/\/membermouse.com\/pt\/documentos-3-2\/criar-um-e-mail-de-boas-vindas\/\" target=\"_blank\" rel=\"noreferrer noopener\">e-mail de boas-vindas<\/a>&nbsp;ou mesmo&nbsp;<a href=\"https:\/\/membermouse.com\/pt\/documentos-3-2\/usando-notificacoes-push\/\" target=\"_blank\" rel=\"noreferrer noopener\">notifica\u00e7\u00f5es push<\/a>.<\/p>\n\n\n\n<p>O c\u00f3digo a seguir pressup\u00f5e que voc\u00ea tenha conhecimento b\u00e1sico de estruturas HTML e CSS e tem o objetivo de servir apenas como exemplo. A configura\u00e7\u00e3o, o CSS e o HTML s\u00e3o todos edit\u00e1veis conforme necess\u00e1rio. Voc\u00ea pode copiar e colar o seguinte em seu e-mail de boas-vindas ou em um e-mail de notifica\u00e7\u00e3o por push que seja&nbsp;<a href=\"https:\/\/membermouse.com\/pt\/documentos-3-2\/enviar-uma-notificacao-por-e-mail-quando-um-novo-membro-se-inscrever\/\" target=\"_blank\" rel=\"noreferrer noopener\">acionado para ser enviado quando um novo membro for adicionado<\/a>:<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h2 style=&quot;text-align:center&quot;&gt;Cart&atilde;o de perfil de usu&aacute;rio&lt;\/h2&gt; \n\n  \n\n&lt;div class=&quot;card&quot; style=&quot;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); max-width: 300px; margin: auto; text-align: center; font-family: arial;&quot;&gt; \n\n  &lt;img src=&quot;https:\/\/yourlogolink.com&quot; alt=&quot;Logotipo do site&quot; style=&quot;width:100%&quot;&gt; \n\n  &lt;h1&gt;[MM_Member_Data name=&#039;firstName&#039;] [MM_Member_Data name=&#039;lastName&#039;]&lt;\/h1&gt; \n\n  &lt;p class=&quot;title&quot; style=&quot;color: grey; font-size: 18px;&quot;&gt;N&iacute;vel de associa&ccedil;&atilde;o:&lt;br&gt;[MM_Member_Data name=&#039;membershipName&#039;]&lt;\/p&gt; \n\n  &lt;p&gt;Membro ID#: [MM_Member_Data name=&#039;id&#039;]&lt;\/p&gt; \n\n  &lt;p&gt;Membro desde: [MM_Member_Data name=&#039;registrationDate&#039;]&lt;\/p&gt; \n\n  &lt;p&gt;&lt;a href=&quot;\/pt\/[MM_CorePage_Link type=&#039;myaccount&#039; autoLogin=&#039;true&#039;]\/&quot; style=&quot;text-decoration: none; font-size: 22px; color: black;&quot;&gt;&lt;button style=&quot;border: none; outline: 0; display: inline-block; padding: 8px; color: white; background-color: #000; text-align: center; cursor: pointer; width: 100%; font-size: 18px;&quot;&gt;Exibir conta&lt;\/button&gt;&lt;\/a&gt;&lt;\/p&gt; \n\n&lt;\/div&gt; <\/code><\/pre>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>O c\u00f3digo acima inclui a capacidade de adicionar a imagem do seu logotipo, o nome do usu\u00e1rio, o n\u00edvel de associa\u00e7\u00e3o, a ID do usu\u00e1rio e a data de registro. Ele tamb\u00e9m inclui um bot\u00e3o que permite que o usu\u00e1rio fa\u00e7a login automaticamente e visualize sua conta.<\/p>\n\n\n\n<p>Aqui est\u00e1 uma captura de tela de como esse exemplo aparecer\u00e1 no e-mail do destinat\u00e1rio:<br><br><img decoding=\"async\" class=\"wp-image-11185\" style=\"width: 250px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/8f4ecb22-wdxs_huivw5i4u24r59qojsdaphwyowinw.png\" alt=\"\"><br><br><\/p>\n\n\n\n<p><strong><em>Observa\u00e7\u00e3o:&nbsp;<\/em><\/strong><em>Alguns visualizadores de e-mail podem n\u00e3o mostrar todo o CSS. Por exemplo, alguns sistemas de e-mail remover\u00e3o a sombra atr\u00e1s do cart\u00e3o.&nbsp;<\/em><\/p>\n\n\n\n<p>Este exemplo foi criado usando duas SmartTags\u2122 diferentes. A\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/pt\/documentos-3-2\/dados-do-membro-smarttag-mm_member_data\/\" target=\"_blank\">SmartTag de dados do membro (MM_Member_Data)<\/a>\u00a0\u00e9 usado no c\u00f3digo acima para coletar as informa\u00e7\u00f5es, como nome, n\u00edvel de associa\u00e7\u00e3o, n\u00famero de ID e data de registro. Os\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/pt\/documentos-3-2\/link-da-corepage-smarttag-mm_corepage_link\/\" target=\"_blank\">SmartTag de link de p\u00e1gina central (MM_CorePage_Link)<\/a>\u00a0\u00e9 usado para criar um link na parte inferior do cart\u00e3o que registrar\u00e1 automaticamente o usu\u00e1rio na p\u00e1gina My Account (Minha conta) do seu site.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea quiser que seus membros recebam um cart\u00e3o de associado virtual, o artigo a seguir fornecer\u00e1 uma maneira de enviar um cart\u00e3o com cada e-mail de boas-vindas 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\/pt\/wp-json\/wp\/v2\/ht-kb\/7689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/users\/9645"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/comments?post=7689"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/7689\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/media?parent=7689"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-category?post=7689"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-tag?post=7689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}