# A popup bezárása: Esc, külső kattintás, saját gomb

> Öt mód a Popup Builder bezárására, kikapcsolásuk és saját bezáró gomb készítése.

A **Popup Builder** popupját a látogató öt módon zárhatja be, és ebből négy alapból be van kapcsolva.

## A bezárási módok

| Mód | Beállítás | Hol | Alapérték |
| --- | --- | --- | --- |
| Esc billentyű | **Tartalom bezárása az Esc gombbal** | Tartalom → Extra opciók | Be |
| Kattintás a popupon kívül | **Tartalom bezárása külső kattintásra** | Tartalom → Extra opciók | Be |
| Kattintás a popupban lévő linkre | **Felugró ablak bezárása linkre kattintáskor** | Tartalom → Extra opciók | Be |
| Bezáró ikon | **Bezáró ikon megjelenítése** | Stílus → Megnyitott tartalom | Be |
| Saját elem | **Egyedi osztály (bezárás)** | Tartalom → Megjelenítési beállítások | Ki |

## Lépések

1. Jelöld ki a **Popup Builder** widgetet, és nyisd meg a **Tartalom → Extra opciók** szakaszt. Az első két kapcsoló az **Esc** és a **külső kattintás**.

   ![Az Extra opciók szakasz az Esc, külső kattintás és link kapcsolóval](./kepek/popup-builder-panel-extra.webp)

   *Az Extra opciók szakasz az Esc, külső kattintás és link kapcsolóval* (https://minta-bolt.hu/wp-admin/post.php?post=333&action=elementor)

   Ajánlatoknál és űrlapoknál hagyd bekapcsolva őket, hogy a látogató ne maradjon bezárva. Menüt vagy olyan korellenőrzést, amelyre válaszolni kell, ki kell kapcsolni.
2. A **Felugró ablak bezárása linkre kattintáskor** kapcsoló a popupban lévő bármely linkre kattintva bezárja az ablakot. Menünél hagyd bekapcsolva, kapcsold ki, ha a popupban olyan linkek vannak, amelyeknek nyitva kell hagyniuk.
3. A **Stílus → Megnyitott tartalom** alatt a **Bezáró ikon** szakaszban kapcsold ki a **Bezáró ikon megjelenítése** beállítást az ikon eltávolításához, vagy kapcsold be az **Egyéni bezáró ikon** beállítást, hogy saját képet használj.

## Bezárás saját gombbal

Ha a popupon belüli gombbal akarod bezárni:

1. Jelöld ki a gombot, és a **Haladó → CSS-osztályok** mezőbe írj be egy osztályt, például `close-offer`.
2. Jelöld ki a **Popup Builder** widgetet, a **Tartalom → Megjelenítési beállítások** alatt kapcsold be a **Bármely más elemre kattintáskor** beállítást (ceruza ikon), és az **Egyedi osztály (bezárás)** mezőbe írd a `close-offer` osztályt, pont nélkül.

Az **Egyedi osztály (bezárás)** elem átkapcsolja a popupot: nyitottat bezár, zártat megnyit. Ezért tedd a popupon belülre, hogy csak bezárni tudjon.

## Korlátok

- A külső kattintás használatához kell „külső”: a teljes képernyős popupnak nincs, ezért adj neki bezáró ikont vagy gombot.
- A widget a Pro bővítményben van.

## Hibaelhárítás

- **A bezáró gomb nem működik.** Teszteld a közzétett oldalon. Saját gombnál ellenőrizd, hogy az **Egyedi osztály (bezárás)** mező pontosan egyezik a **Haladó → CSS-osztályok** mezőben lévővel, pont nélkül.
- **A popup bezáródik, amikor linkre kattintok benne.** Kapcsold ki a **Felugró ablak bezárása linkre kattintáskor** kapcsolót.
- **A látogató egyáltalán nem tudja bezárni.** Az Esc, a külső kattintás és a bezáró ikon is ki van kapcsolva. Kapcsold vissza legalább az egyiket.