Inclure un formulaire d'inscription sur votre page de connexion

Si vous souhaitez remplacer votre page de connexion par une page qui propose également un formulaire d'inscription, il vous suffit de copier et de coller les extraits de code suivants. L'extrait HTML sera placé dans l'onglet "texte" de votre éditeur de page ou dans une boîte HTML. En raison de la manière dont WordPress gère les balises de script, vous devrez utiliser un plugin tiers pour placer le code de script dans votre balise ....

Code HTML :

<div class="mm-field-column">
          <input id="loginF" name="login-signup" type="radio" value="Login" checked="checked"> <label style="display:inline;" for="loginF">Connexion</label>
          <input id="signUp" name="login-signup" type="radio" value="SignUp"> <label style="display:inline;width:auto;" for="signUp">S'inscrire</label>
</div></br>
<div id="loginForm">
[MM_Member_Decision isMember='true']
Vous êtes déjà connecté ! Besoin de vous déconnecter ? Vous pouvez le faire <a href="/fr/[MM_CorePage_Link type='logout']/" title="Déconnexion">ici</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>Entrez votre nom d'utilisateur et votre mot de passe ci-dessous</h3>

<table>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Nom d'utilisateur</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field name='username']
        </td>
    </tr>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Mot de passe</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="/fr/[MM_CorePage_Link type='forgotPassword']/" class="mm-forgot-password">Mot de passe oublié</a>
        </td>
    </tr>
</table>
</div>
[/MM_Form]
[/MM_Member_Decision]</div>

<div id="signUpForm">
<h3>S'inscrire gratuitement</h3>
[MM_Form type='checkout' membershipLevelId='1']
[MM_Form_Message type='error']
   
[MM_Form_Section type='accountInfo']
Informations sur le compte           
<table>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Prénom :</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'>Nom de famille :</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'>Courriel :</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'>Mot de passe :</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="/fr/[MM_Form_Button type='submit' paymentMethod='default']/" class="mm-button">S'inscrire</a></td>
    </tr>
</table>
[/MM_Form_Section]
[/MM_Form]
</div> 

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

Le résultat de l'insertion du code au bon endroit :