Jelszó nélküli belépés a pénztáron

A CheckoutWC fejlett bejelentkezése már most is sok jelszóval járó terhet megszüntet:

• Új vásárlók: a fiók jelszó nélkül, automatikusan jön létre. A vásárló leadja a rendelést, és a háttérben létrejön a fiókja.
• Visszatérő vásárlók: ha az e-mail-cím egy meglévő fiókhoz tartozik, a CheckoutWC bejelentkezési ablakot nyit, benne az „Elfelejtetted a jelszavad?” hivatkozással.

A legtöbb boltnál ez elég, és a jelszó-visszaállítás is gyors. Ha viszont teljesen jelszó nélküli élményt szeretnél, ahol a visszatérő vásárló egyszeri belépési hivatkozást kap, hozzáadhatsz egy jelszó nélküli bejelentkezési bővítményt (például Magic Login Pro vagy Passwordless WP) a CheckoutWC mellé.

Hogyan működik?

A jelszó nélküli bejelentkezési űrlapot a CheckoutWC egyik műveletkampóján (action hook) keresztül adod a pénztárhoz. A vásárló ekkor három közül választhat:

1. megadja a jelszavát, ha emlékszik rá;
2. az „Elfelejtetted a jelszavad?” hivatkozást használja;
3. belépési hivatkozást kér a jelszó nélküli bejelentkezési bővítményen át.

A két rendszer együtt működik: a CheckoutWC a szokásos folyamatot kezeli, a bővítményed a belépési hivatkozást.

A) A bejelentkezési ablakba

A CheckoutWC meglévő bejelentkezési ablaka marad, és a jelszó nélküli opció belekerül. Add ezt egy PHP-kódrészlethez:

/**
 * Jelszó nélküli belépés a CheckoutWC bejelentkezési ablakában
 */
add_action( 'woocommerce_login_form_end', 'add_passwordless_to_checkout_modal' );
function add_passwordless_to_checkout_modal() {
    echo '<div class="passwordless-login-option" style="margin-top: 1em; padding-top: 1em; border-top: 1px solid #eee;">';
    echo '<p style="margin-bottom: 0.5em;"><strong>Belépési hivatkozást kérsz?</strong></p>';
    echo do_shortcode( '[magic_login_form]' ); // Cseréld a bővítményed shortcode-jára
    echo '</div>';
}

Cseréld a [magic_login_form] részt a bővítményed shortcode-jára:

• Magic Login Pro: [magic_login_form]
• Passwordless WP: [passwordless_login_form]
• Más bővítmény: a saját leírásában találod a helyes shortcode-ot.

B) Az ablakon kívül, a pénztár oldalán

Ha azt szeretnéd, hogy a jelszó nélküli opció az ablak helyett magán a pénztár oldalon látsszon, ezt a kampót használd:

/**
 * Jelszó nélküli belépés a pénztár oldalán
 */
add_action( 'cfw_after_enhanced_login_prompt', 'add_passwordless_to_checkout_page' );
function add_passwordless_to_checkout_page() {
    if ( is_user_logged_in() ) {
        return;
    }

    echo '<div class="passwordless-login-checkout" style="margin: 1em 0; padding: 1em; background: #f9f9f9; border-radius: 4px;">';
    echo '<p style="margin-bottom: 0.5em;"><strong>Visszatérő vásárló vagy?</strong> Kérj belépési hivatkozást e-mailben:</p>';
    echo do_shortcode( '[magic_login_form]' );
    echo '</div>';
}

Az űrlap megjelenése

Igazítsd a pénztár arculatához egyedi CSS-sel: CheckoutWC → Megjelenés → Egyedi CSS.

/* A jelszó nélküli belépés doboza */
.passwordless-login-option,
.passwordless-login-checkout {
    margin-top: 1em;
}

/* A küldés gomb a CheckoutWC gombjaihoz igazítva */
.passwordless-login-option input[type="submit"],
.passwordless-login-checkout input[type="submit"] {
    background-color: var(--cfw-button-color);
    color: var(--cfw-button-text-color);
    border: none;
    padding: 0.75em 1.5em;
    cursor: pointer;
}

Kapcsolódó beállítások

• A pénztár beállításai közt a regisztráció stílusa (CheckoutWC → Oldalak → Pénztár).
• Az Automatikus bejelentkezési ablak letiltása beállítás az Oldalak oldalon.
• A WooCommerce Social Login integráció.