fbpx
  1. Início
  2. Base de conhecimento
  3. Dicas, truques e personalizações
  4. Dicas e truques
  5. Reúna informações adicionais sobre os membros em sua página de checkout

Reúna informações adicionais sobre os membros em sua página de checkout

O MemberMouse permite que você criar campos personalizados para associar dados adicionais à conta de cada membro, o que permite uma capacidade ainda maior de permitir ou restringir o acesso usando o Decisão do membro SmartTags™.

Os campos personalizados são identificados pelo ID atribuído a eles no MemberMouse. No exemplo a seguir, mostraremos como os diferentes tipos de campos personalizados podem ser usados para coletar informações personalizadas por meio de um formulário de checkout.

Aqui está o código personalizado usado para mostrar os 5 tipos diferentes de campos personalizados
<p class="mm-formField">
  <label>Data de nascimento:</label>
  [MM_Form_Field type='custom' id='4' isRequired='false' class='' customAttributes='placeholder="Birth Date"']
  </p>
  <p class="mm-formField">
    <label>Confira aqui o acesso ao conteúdo oculto:</label>
    [MM_Form_Field type='custom' id='5' isRequired='false' class=''']
  </p>
  <p class="mm-formField">
    <label>Hora favorita do dia:</label>
    [MM_Form_Field type='custom' id='7' isRequired='false' class=''']
  </p>
  <p class="mm-formField">
    <label>Alguma dúvida?</label>
    [MM_Form_Field type='custom' id='8' isRequired='false' class='']
  </p>
  <p class="mm-formField">
    <label>Como é o nosso processo de registro?</label>
    [MM_Form_Field type='custom' id='9' isRequired='false' class='']
  </p>
Aqui está um modelo completo usando o código acima com a página de checkout original
<div class="mm-checkoutContainer">
[MM_Form type='checkout']

[MM_Form_Message type='error']<p></p>
<div class="mm_left_column">
[MM_Form_Section type='accountInfo']<p></p>
<div id="mm-account-information-section" class="mm-checkoutInfoBlock">
<h3>Informações sobre a conta</h3>
<p class="mm-formField">
<label>Primeiro nome:</label>

[MM_Form_Field type='input' name='firstName' customAttributes='placeholder="First Name"']</p>
<p class="mm-formField">
<label>Sobrenome:</label>

[MM_Form_Field type='input' name='lastName' customAttributes='placeholder="Last Name"']</p>
<p class="mm-formField">
<label>E-mail:</label>

[MM_Form_Field type='input' name='email' customAttributes='placeholder="Endereço de e-mail"']</p>
<p class="mm-formField">
<label>Senha:</label>

[MM_Form_Field type='input' name='password' customAttributes='placeholder="Password"']</p>
<p class="mm-formField">
<label>Telefone:</label>

[MM_Form_Field type='input' name='phone' isRequired='false' customAttributes='placeholder="Phone Number"']</p>
<p class="mm-formField">
<label>Data de nascimento:</label>

[MM_Form_Field type='custom' id='4' isRequired='false' class='' customAttributes='placeholder="Birth Date"']</p>
<p class="mm-formField">
<label>Confira aqui o acesso ao conteúdo oculto:</label>[MM_Form_Field type='custom' id='5' isRequired='false' class=''']</p>
<p class="mm-formField">
<label>Hora favorita do dia:</label>

[MM_Form_Field type='custom' id='7' isRequired='false' class=''']</p>
<p class="mm-formField">
<label>Alguma dúvida?</label>

[MM_Form_Field type='custom' id='8' isRequired='false' class='']</p>
<p class="mm-formField">
<label>Como é o nosso processo de registro?</label>

[MM_Form_Field type='custom' id='9' isRequired='false' class='']</p>
</div>
<p>[/MM_Form_Section]

[MM_Form_Section type='billingInfo']</p>
<div id="mm-billing-information-section" class="mm-checkoutInfoBlock">
<h3>Detalhes de faturamento</h3>
<p class="mm-ccLogos"><img src="../wp-content/plugins/membermouse/resources/images/cclogos.gif" width="199" height="30" alt="Visa, Master Card, American Express, Discover"></p>
<p class="mm-formField">
<label>Cartão de crédito:</label>

[MM_Form_Field name='ccNumber' customAttributes='placeholder="Número do cartão de crédito"']</p>
<p class="mm-formField">
<label>Código de segurança:</label>

[MM_Form_Field name='ccSecurityCode' customAttributes='placeholder="Security Code"']</p>
<p id="mm-checkout-expiration-date" class="mm-checkout-expiration-date mm-formField">
<label>Data de expiração: </label>

[MM_Form_Field name='ccExpirationDate']</p>
<p style="clear:both;">
</p><h3 class="mm-hr">Endereço de cobrança</h3>
<p class="mm-formField">
<label>Endereço:</label>

[MM_Form_Field name='billingAddress' customAttributes='placeholder="Billing Address"']</p>
<p class="mm-formField">
<label>Cidade:</label>

[MM_Form_Field name='billingCity' customAttributes='placeholder="Billing City"']</p>
<p class="mm-formField">
<label>Estado:</label>

[MM_Form_Field name='billingState' customAttributes='placeholder="Billing State"']</p>
<p class="mm-formField">
<label>Zip:</label>

[MM_Form_Field name='billingZipCode' customAttributes='placeholder="Billing Zip Code"']</p>
<p class="mm-formField">
<label>País:</label>

[MM_Form_Field name='billingCountry']</p>
</div>
<p>[/MM_Form_Section]

[MM_Form_Section type='shippingInfo']</p>
<div id="mm-shipping-information-section" class="mm-checkoutInfoBlock">
<h3>Endereço de entrega</h3>
<p id="mm-shipping-method-block" class="mm-formField">
<label>Método de envio:</label>

[MM_Form_Field name='shippingMethod']</p>
<p class="mm-formField">
O frete é o mesmo do faturamento

[MM_Form_Field name='shippingSameAsBilling']</p>
<p>[MM_Form_Subsection type='shippingAddress']</p>
<div>
<p class="mm-formField">
<label>Endereço:</label>

[MM_Form_Field name='shippingAddress' customAttributes='placeholder="Shipping Address"']</p>
<p class="mm-formField">
<label>Cidade:</label>

[MM_Form_Field name='shippingCity' customAttributes='placeholder="Shipping City"']</p>
<p class="mm-formField">
<label>Estado:</label>

[MM_Form_Field name='shippingState' customAttributes='placeholder="Shipping State"']</p>
<p class="mm-formField">
<label>Zip :</label>

[MM_Form_Field name='shippingZipCode' customAttributes='placeholder="Shipping Zip Code"']</p>
<p class="mm-formField">
<label>País:</label>

[MM_Form_Field name='shippingCountry']</p>
</div>
<p>[/MM_Form_Subsection]</p></div>
<p>[/MM_Form_Section]

[MM_Form_Section type='coupon']</p>
<div id="mm-coupon-block" class="mm-couponSection mm-checkoutInfoBlock">
<h3>Cupons</h3>
<p class="mm-formField">
[MM_Form_Field name='couponCode']

<a href="/pt/[MM_Form_Button type='applyCoupon']/" class="mm-button">Aplicar cupom</a></p>
<p>[MM_Form_Message type='couponSuccess']

[MM_Form_Message type='couponError']</p></div>
<p>[/MM_Form_Section]</p></div>
<div class="mm_right_column">
<div class="mm-checkoutSection2">
<h2>[MM_Form_Data name='productName' useAccessName='false']</h2>
<p class="mm-productDesc">[MM_Form_Data name='productDescription']</p>
<ul>
<li><span class="mm-prices">Preço do produto:</span> [MM_Form_Data name='productPriceDescription']</li>
<p>[MM_Order_Decision isShippable='true']</p>
<li><span class="mm-prices">Preço de remessa:</span> [MM_Form_Data name='shippingPrice']</li>
<p>[/MM_Order_Decision]

[MM_Order_Decision isDiscounted='true']</p>
<li><span class="mm-prices">Desconto:</span> [MM_Form_Data name='discount']</li>
<p>[/MM_Order_Decision]</p>
<li><span class="mm-prices">Preço total:</span> [MM_Form_Data name='totalPrice']</li>
</ul>
</div>
<div class="mm-purchaseSection">
<div class="mm-giftsection">
[MM_Member_Decision isMember='true'][MM_Form_Field type='input' name='gift'] Isso é um presente?<p></p>
<p>[/MM_Member_Decision]</p></div>
<div class="mm-paymentbuttons">
[MM_Form_Button type='all' label='Submit Order' color='orange']</div>
</div>
</div>
[/MM_Form]
</div> 
Aqui está um exemplo de como isso poderia aparecer em seu site:

Observação: Os campos do formulário acima terão uma aparência diferente, dependendo do tema escolhido para o site e/ou de quaisquer adições ou alterações de CSS que você tenha incluído...

Lembre-se de que o exemplo de código acima é fornecido como ponto de partida. Embora ele possa ser copiado e colado diretamente no editor de páginas como HTML, os rótulos e IDs do campo personalizado precisarão ser alterados para corresponder aos nomes e IDs de seus campos personalizados específicos. Os IDs podem ser encontrados ao passar o mouse sobre o nome do campo personalizado em Configurações de checkout > Campos personalizadosou clicando no botão "Show Form SmartTag™".

Este artigo foi útil?

Artigos relacionados