fbpx
  1. Início
  2. Base de conhecimento
  3. SmartTags™
  4. Exemplos de uso de SmartTags™
  5. Crie um formulário de registro de associação gratuito

Crie um formulário de registro de associação gratuito

Para criar um formulário de inscrição de associação gratuita, você usará o atributo membershipLevelId em conjunto com o atributo MM_Formulário SmartTag. Essa tag é usada para limitar um formulário a um ID de nível de associação específico. O uso desse método permitirá que você crie uma página de checkout específica configurada apenas para uma inscrição gratuita, que não tenha nenhuma informação de cobrança coletada.

Atributos

membershipLevelId - Especifica o ID do nível de associação que está sendo comprado no formulário de checkout. Se esse atributo não for fornecido, o formulário de checkout tentará obter o ID do produto do parâmetro 'rid' da string de consulta no URL do navegador. O uso desse atributo garantirá que o formulário de checkout só possa ser usado para o conjunto específico de IDs de associação. Normalmente, você não desejará usar isso na página Checkout Core, mas sim em uma página de checkout específica usada para uma associação gratuita. Leia este artigo para saber como encontrar IDs para níveis de associação

Uso
[MM_Form type='checkout' membershipLevelId='1']
<em>(Substitua 1 pela ID do nível de associação que você deseja usar)
</em>

[MM_Form_Section type='accountInfo']
<em>...campos do formulário de informações da conta e conteúdo relacionado...</em>
[/MM_Form_Section]


<a href="/pt/[MM_Form_Button type='submit' paymentMethod='default']/" class="mm-button orange large rounded">Registrar-se</a>
<em>(Isso substitui todos os botões que normalmente são exibidos em sua página de checkout, inclusive o PayPal, por um botão personalizado. Você pode usar os estilos de botão do MemberMouse para alterar a aparência desse botão).
</em>
[/MM_Form] 
Exemplo completo (sem estilo HTML)

Este é o código a ser usado somente para uma associação gratuita. Se estiver usando isso para uma associação paga, use o modelo de checkout completo e o atributo membershipLevelId. Lembre-se apenas de substituir o Membership Level ID por um para o nível de associação gratuita de seu site.

[MM_Form type='checkout' membershipLevelId='1']

[MM_Form_Message type='error']
   
[MM_Form_Section type='accountInfo']
Informações da conta
Primeiro nome: [MM_Form_Field type='input' name='firstName']
Last Name (sobrenome): [MM_Form_Field type='input' name='lastName']
Email: [MM_Form_Field type='input' name='email']
Senha: [MM_Form_Field type='input' name='password']
Phone (Telefone): [MM_Form_Field type='input' name='phone']
[/MM_Form_Section]
   
<a href="/pt/[MM_Form_Button type='submit' paymentMethod='default']/" class="mm-button orange large rounded">Registrar-se</a>
[/MM_Form]

Esse código gerará um formulário muito parecido com este, dependendo das cores e fontes incluídas em seu tema instalado:

Os campos E-mail e Senha são essenciais, mas você pode configurá-los para que alguns ou todos os outros campos do formulário não fiquem visíveis na página de checkout. Será necessário alterar as informações na seção type=' ' de type='input' para type='hidden'. O artigo Tornar os campos opcionais no formulário de checkout fornecerá mais informações sobre como adicionar ou ocultar campos da sua página de checkout.

Exemplo completo (com estilo HTML)

Descobrimos que alguns clientes preferem um estilo adicional já presente no código. Se esse for o seu caso, tente usar o código abaixo em seu formulário. 

Como no exemplo acima, esse é o código a ser usado somente para uma associação gratuita. Se estiver usando isso para uma associação paga, use o modelo de checkout completo e o atributo membershipLevelId. Lembre-se de substituir o Membership Level ID por um para o nível de associação gratuita de seu site.

<center>

[MM_Member_Decision isMember='true']

<style>

.mm-paymentbuttons { display:none }

</style>

[/MM_Member_Decision]



<div class="mm-checkoutContainer">

[MM_Form type='checkout' membershipLevelId='1']

[MM_Form_Message type='error']

<div class="mm_left_column">

[MM_Form_Section type='accountInfo']

<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"']

</p>

</div>

[/MM_Form_Section]



<div class="mm-paymentbuttons">

<a href="/pt/[MM_Form_Button type='submit' paymentMethod='default']/" class="mm-button orange large rounded">Registrar-se</a>

</div>

</div>

[/MM_Form]

</div>



[MM_Member_Decision isFree='true']

<h3>Você já está inscrito como membro gratuito.</h3>

[/MM_Member_Decision]

[MM_Member_Decision isFree='false']

<h3>Você já está inscrito como um membro pago.</h3>

[/MM_Member_Decision]



</center>

Esse código gerará um formulário com a seguinte aparência, dependendo das cores e fontes incluídas em seu tema instalado:

E quando um membro conectado visualiza a página, o botão fica oculto e uma mensagem é exibida em seu lugar. Por exemplo:

Este artigo foi útil?

Artigos relacionados

Não consegue encontrar a resposta que está procurando?

Entre em contato com nossa Equipe de Sucesso do Cliente
Entre em contato conosco!