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 in order to associate additional data with each member’s account, which allows for an even greater ability to allow or restrict access using Decisão do membro SmartTags™.

Custom fields are identified by the ID assigned to them in MemberMouse. In the following example we’ll show you how the different types of custom fields can be used to collect custom information through a checkout form.

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: The form fields above will look different depending on the theme you’ve chosen for your site and/or any CSS additions or changes you have included..

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