# Műveleti gomb

> A Popup Action Button widget és blokk: gomb a popupban, amely bezárja a popupot, linkre visz vagy elhagyatja az oldalt.

A műveleti gomb olyan gomb, amellyel a látogató a popupban döntést hozhat: például „Igen” vagy „Nem”. Elementorban **Felugró ablak műveleti gomb** nevű widget, a blokkszerkesztőben **Popup Action Button** nevű blokk. Bármelyik popupba beteheted.

![A műveleti gomb widget beállításai](./kepek/akciogomb-widget.webp)

*A műveleti gomb widget beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=11&action=elementor)

A képen a popupban lévő **Most nem** gomb látszik, a bal oldali panelen a **Művelettípus** a **Felugró ablak bezárása** értéken áll.

## Beállítások

| Beállítás | Mit csinál |
|---|---|
| **Művelettípus** (blokkban **ACTION TYPE**) | A gomb művelete, lásd lent |
| **Gomb szövege** (**BUTTON TEXT**) | A gomb felirata |
| **Gomb hivatkozása** (**BUTTON LINK**) | A cél webcím, a **Link** művelettípusnál használatos. A blokkban az **Open in new window** és az **Add nofollow** kapcsolók is itt vannak |

A **Művelettípus** értékei:

- **Link**: a gomb a megadott webcímre visz.
- **Oldal elhagyása**: a látogató visszalép az előző oldalra.
- **Felugró ablak bezárása**: bezárja azt a popupot, amelyben a gomb van.
- **Close All Popups**: bezárja az összes megnyitott popupot.
- **Close Popup Сonstantly**: bezárja a popupot, és a látogatónak többé nem jelenik meg.
- **Close All Popups Сonstantly**: bezárja az összes popupot, és többé nem jelennek meg.

A **Gomb hivatkozása** mezőnél az Elementorban a fogaskerék ikonra kattintva további beállítások nyílnak: az **Open in new window** jelölőnégyzettel a cél új ablakban nyílik meg, az **Add nofollow** jelölőnégyzettel a keresők nem követik a linket. Itt adhatsz meg egyéni hivatkozás-attribútumokat is.

A blokkszerkesztőben a gombhoz **ALIGNMENT** (a gomb helye) és **SVG ICON** (ikon, **Select Icon** gomb) is tartozik. Az ikon csak akkor jelenik meg, ha kiválasztod.

## Mire jó

- Igen/Nem kérdés: a „Szeretnél többet megtudni?” popupban az **Igen** gomb **Link** típusú, és a megadott oldalra visz, a **Nem** gomb **Felugró ablak bezárása** típusú.
- Korhatár-ellenőrzés: a „Elmúltál 18 éves?” popupban az **Igen** gomb bezárja a popupot, a **Nem** gomb **Oldal elhagyása** típusú, így a látogató visszakerül az előző oldalra.

## Stílus

Az egész popup stílusáról a Stílusbeállítások fejezetben olvashatsz. A gomb saját stílusa:

Elementorban a **Stílus** fülön a gomb igazítását, az ikont (és az ikon pozícióját a szöveg előtt vagy után), a belső térközt, a sarkok lekerekítését, a szegélyt, a szöveg- és háttérszínt állíthatod, külön **Normál** és **Rámutatás** állapotra.

A blokkszerkesztőben a gomb stílusához telepítened és aktiválnod kell az ingyenes JetStyleManager bővítményt. Ezután kattints a gomb blokkjára, és a blokk eszköztárán a festőecset alakú gombbal nyílik a stílusbeállítás.

## Használat egy popupban

1. Nyisd meg a popupot az Elementorban vagy a blokkszerkesztőben (vagy hozz létre újat, vagy tölts be egyet az elrendezéskönyvtárból).
2. Add hozzá a **Felugró ablak műveleti gomb** widgetet (blokkszerkesztőben a **+** gombbal a **Popup Action Button** blokkot).
3. Válaszd ki a **Művelettípus** értékét, és írd be a gomb szövegét.
4. Kattints a **Frissítés** (új popupnál **Közzététel**) gombra, és a weboldalon próbáld ki a gombot.

![A popup műveleti gombbal a weboldalon](./kepek/frontend-popup.webp)

*A popup műveleti gombbal a weboldalon* (https://minta-bolt.hu/hirlevel/)

A képen a popup alján a **Most nem** gomb látszik; rákattintva a popup bezárul.