# Kapcsolat (Contact) widget

> Elérhetőségek megjelenítése: előbeállítások, kapcsolati linkek, szöveg, közösségi ikonok, térkép és stílus.

A **Kapcsolat** (Contact) widget gyors módja annak, hogy az elérhetőségeidet kitedd az oldalra. Használhatod egy „Kapcsolat” oldalon, vagy az oldal fejlécében és láblécében.

## A widget hozzáadása

1. A szerkesztőben kattints a **+** gombra, hogy megjelenjen az összes widget.
2. Kattints a **Kapcsolat** elemre, vagy húzd a vászonra. Lásd: [Elemek hozzáadása az oldalhoz](https://hub.hellowp.io/hu/plugins/elementor/szerkeszto-elemek-hozzaadasa/).

## Példa: kapcsolati oldal egy sportbárnak

A bár vendégei írhatnak vagy telefonálhatnak asztalfoglaláshoz.

1. Húzd a **Kapcsolat** widgetet a vászonra.
2. Az **Elrendezés** szekcióban válassz a három előbeállítás közül.
3. Nyisd meg a **Szöveg** szekciót. A **Cím** mezőbe írd: „Kapcsolat”, a **Leírás** mezőbe: „Írj vagy hívj minket asztalfoglaláshoz és egyéb kérdésekkel.”
4. Nyisd meg a **Kapcsolati adatok** szekciót. Alapból négy csoport van, háromféle típussal: **Kapcsolati linkek** (e-mail-cím, telefonszám és más elérhetőség), **Szöveg** (szabad szöveg) és **Közösségi ikonok** (közösségi oldalak linkjei).
5. Az 1. csoport kapcsolati linkeket tartalmaz. Az **Alcím** mezőbe írd: „Hívj minket”.
6. A **Linkek** között kattints a telefonos elemre, és a **Szám** mezőbe írd a telefonszámot.
7. Kattints az e-mail elemre, és add meg az e-mail-címet és a tárgyat. Az üzenet mezőt hagyd üresen.
8. WhatsApp-szám hozzáadásához kattints az elem hozzáadására, az **Ikon** mezőben válaszd az **Ikonkönyvtár**t, és a WhatsApp ikont szúrd be. A **Platform** listából válaszd a WhatsApp-ot, és a **Szám** mezőbe írd a számot.
9. Ha nem akarsz nyitvatartást mutatni, a 2. csoportot kapcsold **Rejtett** állapotba.
10. A 3. csoportban a **Platform** listából válaszd a Waze-t, és a **Link** mezőbe írd a Waze-linket, hogy a látogatók megtalálják a bárt.
11. A 4. csoport közösségi linkeket tartalmaz. Ha a bárnak csak Instagram-fiókja van, töröld az X és a TikTok melletti ikonokat, majd az Instagram elemben a **Link** mezőbe írd az Instagram-fiók címét.
12. A **Térkép** szekcióban Google Térkép-linket is megadhatsz.

## Tartalom fül

| Beállítás | Mit csinál |
|---|---|
| **Előbeállítás** | A widget három alapelrendezése közül választhatsz |
| **Cím** | A widget rövid címe; legördülő listából a HTML-címke (H1 és H6, Div, Span vagy bekezdés). Az alapérték ajánlott |
| **Leírás** | Egy-két mondat a widget tartalmáról, például hogy foglaláshoz érdemes felvenni a kapcsolatot; ugyanígy választható a HTML-címke |
| **Csoport 1, 2, 3, 4** | A widget alapból négy csoportból áll. Az 1. csoport mindig látszik, a többit kapcsolóval elrejtheted |
| **Típus** | Csoportonként: **Kapcsolati linkek**, **Szöveg** vagy **Közösségi ikonok** |
| **Alcím** | A csoport címe |
| **Linkek** | A kapcsolati és közösségi csoportokban. Egy elemre kattintva szerkesztheted az adatait (például a telefonszámot), megváltoztathatod a feliratát és a típusát. A törlés ikonnal törölheted, a másolás ikonnal megkettőzheted |
| **Szöveg** | Szabad szöveg a csoportban, például a nyitvatartás |
| **Térkép** | A helyed jelölése a Google Térképen |

A **Kapcsolati linkek** csoportban a következők adhatók meg: e-mail, telefonszám, WhatsApp-szám, Facebook Messenger-link, Viber-link, Google Térkép-link, Waze-pozíció és URL.

## Stílus fül

**Elrendezés, általános beállítások** (a tartalma az előbeállítástól függ):

- **Tartalom igazítása**: a csoportok a widget szélére (eleje vagy vége) vagy a közepére igazodnak. Egyes előbeállításoknál a **Tartalom pozíciója** a szövegblokkot az elejére vagy a közepére teszi.
- **Kapcsolati adatok**: az adatok legfeljebb négy oszlopra oszthatók, a sorok száma az előbeállítástól függ. Az **Oszlopok** legördülő listával választod az oszlopok számát, a **Térközök** számlálókkal az oszlopok és a sorok közti távolságot.
- **Térkép**: a térképet tartalmazó előbeállításoknál a térkép a widget elején vagy végén áll.

**Cím** és **Leírás**: szöveg színe és tipográfia. A leírásnál térköz is állítható a szövegsorok között.

**Alcím**: szöveg színe, tipográfia és térköz a csoport alcíme és tartalma között.

**Kapcsolati linkek** (a kapcsolati csoportokra érvényes):

- **Térköz** a kapcsolati mezők között.
- **Tipográfia** a mezők szövegéhez.
- **Normál** és **Rámutatás**: az ikon és a szöveg színe alapállapotban és az egér fölé vitelkor.
- **Ikon mérete** és **Ikon térköze** (az ikon és a szöveg között).

**Szöveg** (a szöveges csoportokra): szöveg színe és tipográfia.

**Közösségi ikonok** (a közösségi csoportokra):

- **Normál** és **Rámutatás**: az ikonok színe, mérete és térköze alapállapotban és rámutatáskor.
- **Ikon színe**, **Ikon mérete**, **Ikon térköze**.

**Térkép**:

- **Nagyítás**: a térkép által mutatott terület.
- **Nyújtás**: **Igen** esetén a térkép kitölti a szekció szélességét.
- **Szélesség** és **Magasság**: csúszkákkal.
- **Szegély**: szegélyt adhatsz a térképhez, ehhez szegélytípust és alakot kell választanod: **Kerek**, **Lekerekített**, **Ovális**, **Éles** vagy **Egyéni** (a négy sarok külön állítható).
- **Dobozárnyék**: árnyék a térkép körül. Lásd: [Árnyék](https://hub.hellowp.io/hu/plugins/elementor/stilus-arnyek/).

**Háttér** és **Háttér-átfedés**: a widget háttere és részben átlátszó átfedése. Lásd: [Háttér típusok](https://hub.hellowp.io/hu/plugins/elementor/stilus-hatter-tipusok/).

**Elemek térköze**: a cím területe és a csoportok közti távolság.

**Térköz**: a térkép és a többi elem közti távolság.

**Szegély**: **Igen** esetén a widget köré szegély kerül; meg kell adni a vastagságát és a színét. Az alak **Lekerekített**, **Éles** vagy **Egyéni**.

**Dobozárnyék**, **Padding**: a widget árnyéka és belső térköze.

**Teljes képernyős magasság**: **Igen** esetén a widget a képernyő teljes magasságát kitölti.

## Haladó fül

A **Haladó** fülön a widget pozícióját, térközeit és egyedi kódját állíthatod, mint a többi widgetnél.