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

> Jelszó nélküli bejelentkezési bővítmény hozzáadása a CheckoutWC bejelentkezési ablakához vagy a pénztár oldalához.

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:

```php
/**
 * 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:

```php
/**
 * 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**.

```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ó.