Fügen Sie ein Anmeldeformular auf Ihrer Anmeldeseite ein

Wenn Sie Ihre Anmeldeseite durch eine Seite ersetzen möchten, die auch ein Anmeldeformular enthält, können Sie einfach die folgenden Codefragmente kopieren und einfügen. Das HTML-Snippet wird in der Registerkarte "Text" Ihres Seiteneditors oder in einer HTML-Box eingefügt. Aufgrund der Art und Weise, wie WordPress mit Skript-Tags umgeht, müssen Sie ein Plugin eines Drittanbieters verwenden, um den Skript-Code in Ihrem ...-Tag zu platzieren.

HTML-Code:

<div class="mm-field-column">
          <input id="loginF" name="login-signup" type="radio" value="Login" checked="checked"> <label style="display:inline;" for="loginF">Anmeldung</label>
          <input id="signUp" name="login-signup" type="radio" value="SignUp"> <label style="display:inline;width:auto;" for="signUp">Anmeldung</label>
</div></br>
<div id="loginForm">
[MM_Member_Decision isMember='true']
Sie sind bereits eingeloggt! Möchten Sie sich abmelden? Das können Sie tun <a href="/de/[MM_CorePage_Link type='logout']/" title="Abmelden">hier</a>.
[/MM_Mitglied_Entscheidung]

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

<h3>Geben Sie Ihren Benutzernamen und Ihr Passwort unten ein</h3>

<table>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Benutzername</span>
        </td>
        <td class="mm-field-column">
          [MM_Form_Field name='username']
        </td>
    </tr>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Passwort</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='Anmelden']
          [MM_Form_Field name='rememberMe' label='Remember me']
        </td>
    </tr>
    <tr>
        <td class="mm-label-column"></td>
        <td class="mm-field-column">
          <a href="/de/[MM_CorePage_Link type='forgotPassword']/" class="mm-forgot-password">Passwort vergessen</a>
        </td>
    </tr>
</table>
</div>
[/MM_Form]
[/MM_Mitglied_Entscheidung]</div>

<div id="signUpForm">
<h3>Kostenlos anmelden</h3>
[MM_Form type='checkout' membershipLevelId='1']
[MM_Form_Message type='error']
   
[MM_Form_Section type='accountInfo']
Konto-Informationen           
<table>
    <tr>
        <td class="mm-label-column">
          <span class='mm-label'>Erster Name:</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'>Nachname:</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'>Kennwort:</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="/de/[MM_Form_Button type='submit' paymentMethod='default']/" class="mm-button">Anmeldung</a></td>
    </tr>
</table>
[/MM_Form_Section]
[/MM_Form]
</div> 

Skript-Code:

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

Das Ergebnis des Einsetzens des Codes an der richtigen Stelle: