# Belépés: belépő és regisztrációs felugró ablak

> A WP belépés és regisztráció widget Gomb felugró ablaka elrendezése: belépő felugró ablak, belépés és regisztráció fülekkel, bal oldali sablon és a többi gombos elrendezés.

A felugró belépő ablak tisztán tartja az oldalt: a látogató egyetlen gombot lát, az űrlap csak kattintásra jelenik meg. A **WP belépés és regisztráció** widget **Gomb felugró ablaka** elrendezése külön popup-készítő nélkül megoldja ezt.

## Előkészületek

- A widget a Pro bővítmény része. Az ingyenes bővítmény zárolt Pro widgetként listázza, és nem adja hozzá az Elementorhoz.
- Kapcsold be a widgetet: **The Plus Addons → Widgets**, keress rá a **WP belépés és regisztráció** névre.
- Ha a felugró ablakban regisztráció is lesz, a **Beállítások → Általános → Tagság** alatt a **Bárki regisztrálhat** legyen bejelölve, különben az ablak az űrlap helyett értesítést mutat.

## Belépő felugró ablak

1. Add hozzá a **WP belépés és regisztráció** widgetet az oldalra vagy a fejléc-sablonba.
2. Az **Űrlapok elrendezése** szakaszban állítsd a **Típus** mezőt **Bejelentkezés** értékre. Ha a látogatók ugyanitt regisztrálni is szeretnének, válaszd a **Belépés és regisztráció** lehetőséget.
3. Az **Elrendezés** mezőt állítsd **Gomb felugró ablaka** értékre.
4. A **Gomb** szakaszban módosíthatod a gomb szövegét, az ikont és a **Bezáró ikon** beállítást.
5. Az **Űrlapok elrendezése** szakaszban a **Gomb igazítása** mezővel helyezd el a gombot, a **Tartalom illesztése** mezővel pedig az űrlapon belüli szöveget igazítsd.
6. Tedd közzé az oldalt.

![Az Űrlapok elrendezése szakasz a Belépés és regisztráció típussal és a Gomb felugró ablaka elrendezéssel](./kepek/kozosseg-funkciok-5-popup-panel-elrendezes.webp)

*Az Űrlapok elrendezése szakasz a Belépés és regisztráció típussal és a Gomb felugró ablaka elrendezéssel* (https://minta-bolt.hu/wp-admin/post.php?post=35&action=elementor)

A képen a **Típus**, az **Elrendezés** és a **Gomb igazítása** mező látszik a felugró ablak beállításához.

### Működés

- Az oldalon csak a gomb látszik. Rákattintva az űrlap felugró ablakban nyílik meg.
- Az ablak bezáró ikonja újra bezárja.
- A bejelentkezett látogatók nem a gombot, hanem a **Saját fiók menüjét** látják, ha az be van kapcsolva.
- Az ablakban lévő űrlap ugyanúgy működik, mint a normál űrlap: a **Bejelentkezés megjegyzése**, az elfelejtett jelszó hivatkozás és a regisztráció hivatkozás a **Belépési opciók** szakaszból jön.

## Belépés és regisztráció egy felugró ablakban

A kombinált ablak a visszatérő tagoknak és az új látogatóknak is ugyanazt a belépési pontot adja: egy gomb, amely egy belépő és egy regisztrációs fület tartalmazó ablakot nyit.

1. Add hozzá a widgetet, a **Típus** legyen **Belépés és regisztráció**, az **Elrendezés** pedig **Gomb felugró ablaka**.
2. A **Gomb** szakaszban add meg a gomb szövegét (alapból „Login/Signup”) és az ikont.
3. A füleket átnevezheted: a belépő fül címe a **Belépési opciók** szakasz **Belépési fül címe** mezője, a regisztrációs fülé a **Regisztrációs opciók** szakasz **Regisztrációs fül címe** mezője.
4. A regisztrációs mezőket a **További regisztrációs opciók** szakaszban állítsd be, majd tedd közzé az oldalt.

![A felugró ablak megnyitva a nyilvános oldalon: Bejelentkezés és Regisztráció fül, alatta a belépőűrlap](./kepek/kozosseg-funkciok-5-popup-nyitva.webp)

*A felugró ablak megnyitva a nyilvános oldalon: Bejelentkezés és Regisztráció fül, alatta a belépőűrlap* (https://minta-bolt.hu/kf5-popup/)

A képen a megnyitott ablak a bezáró ikonnal, a **Bejelentkezés** és a **Regisztráció** füllel, valamint a belépő mezőkkel látszik.

- A gombra kattintva az ablak a belépő füllel nyílik.
- A **Regisztráció** fülre kattintva a regisztrációs űrlap váltja a belépőt.
- A **Bal oldali sablon** szakasz (ennél a típusnál, ha az elrendezés nem **Normál űrlap**) egy Elementor-sablont tesz a fülek mellé, például képet vagy rövid üdvözlőszöveget.
- Ha a Google-belépés is kell mindkét fülre, nézd meg a Facebook és Google bejelentkezésről szóló fejezetet.

## A többi gombos elrendezés

| Elrendezés | Mi nyitja meg az űrlapot |
| --- | --- |
| **Rámutatás a gombra** | Ha az egeret a gomb fölé viszed, az űrlap alatta megjelenik |
| **Kattintás a gombra** | A gombra kattintva az űrlap alatta megjelenik, újabb kattintásra elrejtőzik |
| **Gomb felugró ablaka** | A gombra kattintva az űrlap felugró ablakban nyílik meg |

**Rámutatás a gombra** és **Kattintás a gombra** elrendezésnél a **Legördülő menü illesztése** mező adja meg, hol nyíljon az űrlap (balra, jobbra vagy középre).

![A Rámutatás a gombra elrendezés: a gomb fölé vitt egérrel lenyíló belépőűrlap](./kepek/kozosseg-funkciok-5-fejlec-gomb-hover.webp)

*A Rámutatás a gombra elrendezés: a gomb fölé vitt egérrel lenyíló belépőűrlap* (https://minta-bolt.hu/kf5-hover/)

A képen a **Belépés** gomb alatt a lenyílt űrlap látszik, mert az egér a gomb fölött áll.

## Korlátok

- A felugró ablak csak a saját gombjáról nyílik. Ha kilépési szándékra, görgetésre vagy időzítőre induló popup kell, használd a Popup Builder widgetet sablonnal.
- Ha a **Bárki regisztrálhat** ki van kapcsolva, a widget az űrlapok helyett értesítést mutat.
- A **Belépés és regisztráció** típusnál a Google-gomb csak a regisztrációs fülön jelenik meg.
- A widget a Pro bővítmény része.

## Hibaelhárítás

- **A gomb helyett a fiókmenüt látom.** Be vagy lépve. Nézd meg az oldalt privát ablakban, vagy kapcsold ki a **Saját fiók menüje** kapcsolót, ha a bejelentkezett látogatók semmit ne lássanak.
- **A felugró ablak regisztrációs értesítést mutat.** A **Beállítások → Általános** oldalon jelöld be a **Bárki regisztrálhat** négyzetet, és mentsd.