fbpx
  1. Início
  2. Base de conhecimento
  3. Dicas, truques e personalizações
  4. Dicas e truques
  5. Inclua um formulário de inscrição em sua página de login

Inclua um formulário de inscrição em sua página de login

Se quiser substituir sua página de login por uma que também ofereça um formulário de inscrição, basta copiar e colar os seguintes trechos de código. O snippet HTML será colocado na guia "texto" do editor de páginas ou em uma caixa HTML. Devido à forma como o WordPress lida com as tags de script, você precisará usar um plug-in de terceiros para colocar o código de script na tag ....

Código HTML:

<div class="mm-field-column">
          <input id="loginF" name="login-signup" type="radio" value="Login" checked="checked"> <label style="display:inline;" for="loginF">Login</label>
          <input id="signUp" name="login-signup" type="radio" value="SignUp"> <label style="display:inline;width:auto;" for="signUp">Registrar-se</label>
</div></br>
<div id="loginForm">
[MM_Member_Decision isMember='true']
Você já está conectado! Precisa se desconectar? Você pode fazer isso <a href="/pt/[MM_CorePage_Link type='logout']/" title="Fazer logout">aqui</a>.
[/MM_Member_Decision].

[MM_Member_Decision isMember='false']
[MM_Form type='login']
<div class="mm-login">
[MM_Form_Message type='error']
[MM_Form_Message type='success']

<h3>Digite seu nome de usuário e senha abaixo</h3>

<table>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Nome de usuário</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field name='username']
        </td>
    </tr>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Senha</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field name='password']
        </td>
    </tr>
    <tr>
        <td class="mm-label-column"></td>
        <td class="mm-field-column">
          [MM_Form_Button type='login' label='Login']
          [MM_Form_Field name='rememberMe' label='Remember me']
        </td>
    </tr>
    <tr>
        <td class="mm-label-column"></td>
        <td class="mm-field-column">
          <a href="/pt/[MM_CorePage_Link type='forgotPassword']/" class="mm-forgot-password">Esqueci minha senha</a>
        </td>
    </tr>
</table>
</div>
[/MM_Formulário]
[/MM_Member_Decision]</div>

<div id="signUpForm">
<h3>Registre-se gratuitamente</h3>
[MM_Form type='checkout' membershipLevelId='1']
[MM_Form_Message type='error']
   
[MM_Form_Section type='accountInfo']
Informações sobre a conta           
<table>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Primeiro nome:</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field type='input' name='firstName']
        </td>
    </tr>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Sobrenome:</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field type='input' name='lastName']
        </td>
    </tr>
<tr>
        <td class="mm-label-column">
          <span class='mm-label'>E-mail:</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field type='input' name='email']
        </td>
<tr>
        <td class="mm-label-column">
          <span class='mm-label'>Senha:</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field type='input' name='password'][MM_Form_Field type='hidden' name='phone' isRequired='false']
 </td>
    </tr>
    <tr>
<td class="mm-label-column"></td>      
 <td class="mm-field-column">
          <a href="/pt/[MM_Form_Button type='submit' paymentMethod='default']/" class="mm-button">Registrar-se</a></td>
    </tr>
</table>
[/MM_Form_Section]
[/MM_Form]
</div> 

Código de script:

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('input:radio').click(function() {
   if (jQuery(this).val() === 'Login') {
      jQuery('#loginForm').show('fast');
      jQuery('#signUpForm').hide('fast');
   } else if ($(this).val() === 'SignUp') {
      jQuery('#signUpForm').show('fast');
      jQuery('#loginForm').hide('fast');
   }
 });
  
jQuery('#signUpForm').hide('fast');
});
</script>

O resultado de colocar o código no local correto:

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!