fbpx
  1. Inicio
  2. Base de conocimientos
  3. Consejos, trucos y personalizaciones
  4. Trucos y consejos
  5. Incluya un formulario de registro en su página de inicio de sesión

Incluya un formulario de registro en su página de inicio de sesión

Si desea sustituir su página de inicio de sesión por una que también ofrezca un formulario de registro, sólo tiene que copiar y pegar los siguientes fragmentos de código. El fragmento HTML irá en la pestaña "texto" de su editor de páginas o dentro de un cuadro HTML. Debido a la forma en que WordPress maneja las etiquetas de secuencia de comandos, tendrá que utilizar un plugin de terceros con el fin de colocar el código de secuencia de comandos en su ... etiqueta.

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">Inicio de sesión</label>
          <input id="signUp" name="login-signup" type="radio" value="SignUp"> <label style="display:inline;width:auto;" for="signUp">Inscribirse</label>
</div></br>
<div id="loginForm">
[MM_Member_Decision isMember='true']
Ya has iniciado sesión. ¿Necesitas desconectarte? Puedes hacerlo <a href="/es/[MM_CorePage_Link type='logout']/" title="Cerrar sesión">aquí</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='éxito']

<h3>Introduzca su nombre de usuario y contraseña</h3>

<table>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Nombre de usuario</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field name='nombre_de_usuario']
        </td>
    </tr>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Contraseña</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field name='contraseña']
        </td>
    </tr>
    <tr>
        <td class="mm-label-column"></td>
        <td class="mm-field-column">
          [MM_Form_Button type='iniciar sesión' label='Iniciar sesión']
          [MM_Form_Field name='recuérdame' label='Recuérdame']
        </td>
    </tr>
    <tr>
        <td class="mm-label-column"></td>
        <td class="mm-field-column">
          <a href="/es/[MM_CorePage_Link type='forgotPassword']/" class="mm-forgot-password">Contraseña olvidada</a>
        </td>
    </tr>
</table>
</div>
[/MM_Formulario]
[/MM_Decisión_socio]</div>

<div id="signUpForm">
<h3>Regístrese gratis</h3>
[MM_Form type='pago' membershipLevelId='1']
[MM_Form_Message type='error']
   
[MM_Form_Section type='accountInfo']
Información de la cuenta           
<table>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Nombre de pila:</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field type='input' name='nombre']
        </td>
    </tr>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Apellido:</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field type='input' name='apellido']
        </td>
    </tr>
<tr>
        <td class="mm-label-column">
          <span class='mm-label'>Correo electrónico:</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'>Contraseña:</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field type='input' name='contraseña'][MM_Form_Field type='hidden' name='teléfono' isRequired='false']
 </td>
    </tr>
    <tr>
<td class="mm-label-column"></td>      
 <td class="mm-field-column">
          <a href="/es/[MM_Form_Button type='submit' paymentMethod='default']/" class="mm-button">Inscribirse</a></td>
    </tr>
</table>
[/MM_Form_Section]
[/MM_Form]
</div> 

Código de guión:

<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>

El resultado de colocar el código en el lugar correcto:

¿Le ha resultado útil este artículo?

Artículos relacionados

¿No encuentra la respuesta que busca?

Póngase en contacto con nuestro equipo de atención al cliente
Póngase en contacto con nosotros