# Linkek: telefon, e-mail, letöltés és horgony

> Kattintható telefon- és e-mail-linkek, egyedi linkattribútumok, letöltési linkek, PDF-letöltő gomb és horgonylinkek.

Minden widgetnél, amelyben van **Link** mező (például **Gomb**), speciális linkeket is megadhatsz: telefonszámra, e-mail-címre, letölthető fájlra vagy az oldal egy pontjára mutatókat. Ez a fejezet ezeket foglalja össze.

## Kattintható telefon- és e-mail-linkek

Elementor Pro-ban a dinamikus kapcsolati URL-lel („okos linkek”) gyorsan készíthetsz telefon-, e-mail-, SMS-, WhatsApp-, Skype-, Viber-, Waze-, Facebook Messenger- és naptáresemény-linkeket bármelyik widgetből, amelyben van **Link** mező. A kézi módszer bármelyik változatban működik.

### Kattintható telefonszám

A mobilon tárcsázó ablakot megnyitó linkhez írd a **Link** mezőbe a `tel:` előtagot, utána a teljes telefonszámot kötőjelek és más jelek nélkül:

```text
tel:9855551212
```

### E-mail-link (mailto)

Írd a **Link** mezőbe a `mailto:` előtagot és a címzett e-mail-címét:

```text
mailto:vasarlo@example.com
```

Tárgy megadásához tedd a cím után a `?subject=` részt és a tárgy szövegét:

```text
mailto:vasarlo@example.com?subject=Köszönjük a megkeresést
```

A szóközöket biztonságosabb `%20`-ra cserélni, mert néhány helyen a szóköz nem működik jól:

```text
mailto:vasarlo@example.com?subject=Köszönjük%20a%20megkeresést
```

## Egyedi linkattribútumok

Minden linkhez megadhatsz egyedi HTML-attribútumokat az `<a>` elemen. Így `data-*` attribútumokat, ARIA (kisegítő) attribútumokat, `rel=*` értékeket és más attribútumokat adhatsz a linkhez.

1. Jelöld ki a widgetet.
2. A panelen a **Link** mező mellett kattints a fogaskerék ikonra (**Linkopciók**). A **Link** mezőben hagyj legalább egy `#` jelet.
3. Az **Egyéni attribútumok** mezőbe `kulcs|érték` formában írd az attribútumot. Példák:
   - `rel|sponsored`: `rel="sponsored"`;
   - `rel|ugc`: `rel="ugc"`;
   - `title|Ide jön a cím szövege`: címke (tooltip).
4. Több attribútumot vesszővel válassz el: `download|divat.pdf,title|Tudj meg többet`.

![A Gomb widget linkopciói: Megnyitás új ablakban, Nofollow hozzáadása, Egyéni attribútumok](./kepek/widgetek-linkbeallitasok.webp)

*A Gomb widget linkopciói: Megnyitás új ablakban, Nofollow hozzáadása, Egyéni attribútumok* (https://minta-bolt.hu/wp-admin/post.php?post=31&action=elementor)

A képen a **Link** mező melletti fogaskerékkel megnyitott opciók látszanak: **Megnyitás új ablakban**, **Nofollow hozzáadása** és az **Egyéni attribútumok** mező (`key|value` formátum).

Fontos tudnivalók:

- A `title` attribútum csak akkor jelenik meg tooltipként rámutatáskor, ha a **Link** mezőben van valami, legalább egy `#`. Üres link mellett nem működik.
- A **Szövegszerkesztő** widgeten belül létrehozott linkhez nem adhatsz egyedi attribútumot; csak azoknál a widgeteknél van, amelyeknek külön **Link** mezőjük van.
- Biztonsági okból JavaScript-alapú attribútum (például `onclick`) nem adható hozzá.

Gyakori felhasználások:

- PDF-fájl letöltése egyetlen kattintással a `download|fájlnév` attribútummal.
- SEO-hoz kapcsolódó `rel` értékek: `noopener`, `noreferrer`, `ugc`, `sponsored`. Több értéket szóközzel válassz el egy attribútumon belül, például `rel|noopener noreferrer`.
- `title` attribútum, például „Tudj meg többet rólunk”.

## Letöltési link készítése

A **Gomb**, a **Cselekvésre ösztönzés** és sok más widget linkjével a látogatók letölthetnek PDF-et, ZIP-fájlt és más, a médiatárban engedélyezett fájlt.

1. Töltsd fel a fájlt a médiatárba (**Média → Új médiafájl hozzáadása**). A fájlokat típus szerint szűrheted. PDF, ZIP, MP3, MP4, képformátumok és más engedélyezett típusok tölthetők fel.
2. Kattints a feltöltött fájlra, és a felugró ablakban másold a fájl webcímét a vágólapra.
3. Illeszd be a webcímet egy widget **Link** mezőjébe.
4. A fogaskerékkel nyisd meg a linkopciókat.
5. Jelöld be a **Megnyitás új ablakban** lehetőséget (a **Nofollow hozzáadása** is bejelölhető).
6. Hogy a fájl megnyitás helyett letöltődjön, add meg az **Egyéni attribútumok** mezőben a `download|fajlnev.pdf` attribútumot.

## PDF-letöltő gomb

1. A WordPress vezérlőpultján menj a **Média → Új médiafájl hozzáadása** oldalra.
2. Kattints a fájlok kiválasztására, és töltsd fel a PDF-et.
3. A feltöltés után másold a webcímet a vágólapra.
4. Nyisd meg az oldalt az Elementor szerkesztőben, és húzz egy **Gomb** widgetet a vászonra.
5. A **Tartalom** fülön illeszd be a PDF webcímét a **Link** mezőbe.
6. Tedd közzé vagy frissítsd az oldalt.

Hogy a fájl a böngészőben való megnyitás helyett azonnal letöltődjön, add hozzá a `download` egyéni attribútumot a gombhoz, ahogy fent leírtuk. A gombról lásd még: [Gomb widget és Gomb elem](https://hub.hellowp.io/hu/plugins/elementor/widgetek-gomb/).

## Horgonylinkek

Hosszú oldalon hasznos, ha az oldal egy adott fejlécére vagy részére linkelsz. Ezeket horgonylinkeknek nevezzük: az oldalon belüli hivatkozások.

### A horgony létrehozása

1. Jelölj ki egy elemet (widget, konténer vagy szakasz).
2. Kattints a **Haladó** fülre.
3. A **CSS ID** mezőbe írj egy nevet. Ez a horgony neve, ezért legyen egyszerű. Csak betű, szám, kötőjel és alulvonás engedélyezett, és ne tegyél elé `#` jelet. A mezőről lásd még: [CSS-osztály és azonosító](https://hub.hellowp.io/hu/plugins/elementor/stilus-css-osztaly-es-azonosito/).

### Hivatkozás a horgonyra

1. Jelöld ki a szöveget, amelyből a link lesz.
2. Kattints a link ikonra.
3. Ha az oldalon belüli horgonyra linkelsz, írd be a `#` jelet és a horgony nevét, például `#Bemutatkozas`. Ha a horgony másik oldalon van, írd be az oldal webcímét, utána a `#` jelet és a horgonyt, például `https://pelda.hu/cikk#Bemutatkozas`.

A linket a vásznon közvetlenül is létrehozhatod a szöveg kijelölésével.

## „Vissza a tetejére” gomb

Horgonylinkkel egyszerűen készíthetsz olyan gombot, amely az oldal tetejére visz.

1. Jelöld ki az oldal első szakaszát (vagy konténerét), és a **Haladó** fülön a **CSS ID** mezőbe írj egy nevet, például `top`. Ide ne tegyél `#` jelet.
2. Húzd az oldalra a **Gomb** widgetet, oda, ahová a gombot szeretnéd. Lásd: [Gomb widget és Gomb elem](https://hub.hellowp.io/hu/plugins/elementor/widgetek-gomb/).
3. A gomb **Szöveg** mezőjébe írd: „Felfelé”.
4. A **Link** mezőbe írd be a `#top` szöveget, vagy azt az azonosítót, amelyet az 1. lépésben választottál. A `#` jel a linkben kötelező, és nem lehet szóköz utána.

A gombra kattintva a látogató az oldal elejére jut. Elementor Pro-val a gombot a ragadós görgetési effektussal az oldal aljához is rögzítheted.